.hubx{--paper:#F6F1E8;--paper2:#EFE7DA;--ink:#2B1F18;--ink2:#5C4B3F;--line:#D9CDBB;--sig:#E67E50;--sig2:#A84D22;--card:#FBF8F2;color:var(--ink);line-break:strict}.hubx .wrap{max-width:1080px;margin:0 auto;padding-left:20px;padding-right:20px}.hubx .tx{display:grid;gap:14px;grid-template-columns:1fr}@media (min-width:640px){.hubx .tx.n2plus{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.hubx .tx.n3plus{grid-template-columns:repeat(3,minmax(0,1fr))}}.hubx .txc{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:18px;background:var(--card);padding:18px 20px;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}.hubx .txc:hover{border-color:var(--sig2);box-shadow:0 4px 14px #2b1f1812}.hubx .txc .t{flex:1;min-width:0}.hubx .txc b{display:block;font-size:18px;font-weight:700;line-height:1.35;margin-bottom:4px}.hubx .txc small{display:block;font-size:15px;line-height:1.6;color:var(--ink2)}.hubx .txc .arr{flex:0 0 auto;color:var(--sig2)}.hubx .sp{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:640px){.hubx .sp{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.hubx .sp{grid-template-columns:repeat(4,minmax(0,1fr))}}.hubx .spc{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:8px 14px 8px 16px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:15px;font-weight:600;color:var(--ink);text-decoration:none;white-space:nowrap;transition:border-color .15s,color .15s}.hubx .spc span{overflow:hidden;text-overflow:ellipsis}.hubx .spc:hover{border-color:var(--sig2);color:var(--sig2)}.hubx .spc svg{flex:0 0 auto;color:var(--sig2);opacity:.7}.hubx .grp{margin-bottom:44px}.hubx .grp h3{display:flex;align-items:baseline;gap:10px;font-size:clamp(19px,2.4vw,22px);font-weight:600;margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid var(--line)}.hubx .grp h3 small{font-family:inherit;font-size:14px;font-weight:400;color:var(--ink2)}.hubx .cards{display:grid;gap:18px;grid-template-columns:1fr}@media (min-width:640px){.hubx .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.hubx .cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.hubx .ac{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--card);text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}.hubx .ac:hover{border-color:var(--sig2);box-shadow:0 6px 18px #2b1f1814}.hubx .cv{position:relative;aspect-ratio:16/10;background:var(--paper2);display:grid;place-items:center}.hubx .cv .fb{font-size:14px;letter-spacing:.2em;font-weight:700;color:var(--sig2);opacity:.75}.hubx .cv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hubx .ac .t{display:flex;flex-direction:column;flex:1;padding:16px 18px 18px}.hubx .ac h4{font-family:Newsreader,Chiron Sung HK,"Noto Serif HK",serif;font-size:18px;font-weight:600;line-height:1.4;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:2.8em;text-wrap:wrap}.hubx .ac .ex{font-size:15px;line-height:1.65;color:var(--ink2);margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:3.3em;text-wrap:wrap}.hubx .ac .meta{margin-top:auto;display:flex;flex-wrap:wrap;column-gap:8px;font-size:13.5px;color:var(--ink2)}.hubx .ac .meta span{white-space:nowrap}@media (max-width:639.98px){.hubx .cards{gap:12px}.hubx .ac{flex-direction:row;align-items:stretch;border-radius:14px}.hubx .cv{flex:0 0 104px;aspect-ratio:auto;min-height:104px}.hubx .cv .fb{font-size:11px;letter-spacing:.08em;text-align:center;padding:0 6px}.hubx .ac .t{padding:12px 14px}.hubx .ac h4{font-size:16.5px;-webkit-line-clamp:3;max-height:calc(1.4em * 3);margin-bottom:6px}.hubx .ac .ex{display:none}.hubx .ac .meta{font-size:13px}}.hubx details.more{margin-top:18px}.hubx details.more>summary{list-style:none;display:flex;justify-content:center}.hubx details.more>summary::-webkit-details-marker{display:none}.hubx details.more>summary span{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 22px;border-radius:999px;border:1.5px solid var(--sig2);color:var(--sig2);font-weight:600;font-size:16px;cursor:pointer;background:transparent}.hubx details.more>summary span:hover{background:#fbebe2}.hubx details.more[open]>summary{display:none}.hubx details.more[open] .cards{margin-top:0}