:root,[data-theme=a]{--bg:#050408;--panel:#0d0c14;--line:#232130;--ink:#f4f2ff;--mut:#a7a3c2;--acc:#00a8df;--acc2:#7c5cff;--chip:rgba(0,168,223,.14)}[data-theme=b]{--bg:#100904;--panel:#1a1108;--line:#3a2415;--ink:#fff6ec;--mut:#c9ae8d;--acc:#ff8539;--acc2:#ffb03a;--chip:rgba(255,133,57,.14)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,Noto Sans TC,sans-serif}a{color:inherit}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(900px 380px at 15% 10%,var(--chip),transparent 60%),radial-gradient(800px 360px at 85% 20%,var(--chip),transparent 60%),var(--bg)}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(115deg,transparent 0 22px,hsla(0,0%,100%,.025) 22px 23px);animation:slide 12s linear infinite}@keyframes slide{to{transform:translateX(46px)}}.wrap{max-width:1180px;margin:0 auto;padding:40px 24px;position:relative;z-index:1}.kicker{display:inline-block;font-size:12px;letter-spacing:.28em;color:var(--acc);border:1px solid var(--line);padding:6px 12px;border-radius:999px;background:var(--chip)}h1{font-size:clamp(40px,7vw,84px);line-height:.95;margin:18px 0 10px;letter-spacing:-.02em}h1 em{font-style:normal;color:var(--acc)}.sub{color:var(--mut);max-width:640px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:18px;gap:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}.card:hover{transform:translateY(-6px) scale(1.01);border-color:var(--acc);box-shadow:0 18px 60px -20px var(--acc)}.thumb{aspect-ratio:1;display:grid;place-items:center;font-size:13px;color:var(--mut);background:linear-gradient(135deg,var(--chip),transparent 70%),#15131f;position:relative}.badge{font-size:11px;padding:4px 10px;border-radius:999px;background:rgba(0,0,0,.55);border:1px solid var(--line)}.badge,.try{position:absolute}.try{top:10px;right:10px;font-size:12px;padding:7px 12px;border-radius:999px;background:var(--acc);color:#06121a;font-weight:700;text-decoration:none}[data-theme=b] .try{color:#241000}.meta{padding:14px 16px 18px}.meta p{font-size:14px;margin:0 0 10px;min-height:40px}.tags{display:flex;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--mut)}.tags span{border:1px solid var(--line);border-radius:999px;padding:3px 10px}.sec{display:flex;align-items:end;justify-content:space-between;margin:44px 0 16px}.sec h2{font-size:30px;margin:0}.btn{display:inline-block;background:var(--acc);color:#06121a;font-weight:800;padding:14px 26px;border-radius:14px;text-decoration:none;border:0;cursor:pointer;font-size:16px}[data-theme=b] .btn{color:#241000}.row{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:22px;gap:22px}@media (max-width:900px){.row{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px}input[type=number],input[type=text],textarea{width:100%;background:#00000055;border:1px solid var(--line);color:var(--ink);border-radius:12px;padding:12px;font-size:15px}.asp{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.asp button{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:10px;padding:8px 12px;cursor:pointer;font-size:13px}.asp button.on{background:var(--acc);color:#06121a;font-weight:800;border-color:var(--acc)}[data-theme=b] .asp button.on{color:#241000}.nav{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;background:color-mix(in srgb,var(--bg) 85%,transparent);z-index:5}.chip{font-size:12px;border:1px solid var(--line);border-radius:999px;padding:6px 12px;background:var(--chip);color:var(--acc);font-weight:700}.marquee{overflow:hidden;white-space:nowrap;border-block:1px solid var(--line);padding:10px 0;color:var(--mut);font-size:13px;letter-spacing:.2em}.marquee span{display:inline-block;padding-left:100%;animation:mq 18s linear infinite}@keyframes mq{to{transform:translateX(-100%)}}:root,[data-theme=dark]{--xbg:#0a0a0a;--xpanel:#121212;--xline:#2a2a2a;--xink:#f2ede4;--xmut:#a39e93;--xgold:#b9974e;--xchip:rgba(185,151,78,.12);--xcurtain:hsla(0,0%,4%,.72)}[data-theme=light]{--xbg:#f4f1ea;--xpanel:#faf8f2;--xline:#ddd5c3;--xink:#1a1712;--xmut:#7a7365;--xgold:#9a7b34;--xchip:rgba(154,123,52,.1);--xcurtain:hsla(42,31%,94%,.78)}body{background:var(--xbg);color:var(--xink)}.xnav{display:flex;justify-content:space-between;align-items:center;padding:14px 28px;border-bottom:1px solid var(--xgold);position:-webkit-sticky;position:sticky;top:0;z-index:50;background:var(--xcurtain);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.xbrand{font-family:var(--font-display);font-size:22px;letter-spacing:.04em;text-decoration:none;color:inherit}.xbrand em{font-style:italic;color:var(--xgold)}.xlinks{display:flex;gap:18px;align-items:center}.xlinks a{font-family:var(--font-label);font-size:12px;letter-spacing:.28em;text-transform:uppercase;text-decoration:none;color:var(--xmut)}.xlinks a:hover,.xlinks button{color:var(--xgold)}.xlinks button{background:var(--xchip);border:1px solid var(--xgold);border-radius:999px;padding:6px 14px;cursor:pointer;font-size:13px}.xdisplay{font-family:var(--font-display)}.xserif{font-family:var(--font-song)}.xlabel{font-family:var(--font-label);letter-spacing:.32em;text-transform:uppercase;font-size:12px;color:var(--xgold)}.xwrap{max-width:1280px;margin:0 auto;padding:56px 28px}.xhero-kicker{display:flex;gap:16px;align-items:center}.xrule{height:1px;background:var(--xgold);opacity:.5;flex:1 1}.xbtn{display:inline-block;border:1px solid var(--xgold);color:var(--xgold);padding:14px 34px;border-radius:999px;text-decoration:none;font-family:var(--font-label);letter-spacing:.24em;font-size:13px;background:transparent;cursor:pointer;transition:.3s}.xbtn.solid,.xbtn:hover{background:var(--xgold);color:#0a0a0a}[data-theme=light] .xbtn.solid,[data-theme=light] .xbtn:hover{color:#faf8f2}.xcard{background:var(--xpanel);border:1px solid var(--xline);border-radius:4px;overflow:hidden}.xmeta{padding:18px 20px 22px}.xmeta p{font-family:var(--font-song);font-size:15px;margin:0 0 12px}.xtags{display:flex;gap:8px;flex-wrap:wrap}.xtags span{font-family:var(--font-label);font-size:10px;letter-spacing:.2em;border:1px solid var(--xline);color:var(--xmut);border-radius:999px;padding:4px 12px}canvas.xgl{position:absolute;inset:0;width:100%;height:100%;display:block}.xstage{position:relative;overflow:hidden}@media (prefers-reduced-motion:reduce){canvas.xgl{display:none}}@font-face{font-family:Playfair Display;font-style:italic;font-weight:400 900;font-display:swap;src:url(/_next/static/media/19150647d2c2f572-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Playfair Display;font-style:italic;font-weight:400 900;font-display:swap;src:url(/_next/static/media/000030d1699f2fb3-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Playfair Display;font-style:italic;font-weight:400 900;font-display:swap;src:url(/_next/static/media/1926da171a0ba1a5-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Playfair Display;font-style:italic;font-weight:400 900;font-display:swap;src:url(/_next/static/media/78d0dd042ac6d54d-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(/_next/static/media/47f136985ef5b5cb-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(/_next/static/media/4ead58c4dcc3f285-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(/_next/static/media/28a2004cf8372660-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(/_next/static/media/eaead17c7dbfcd5d-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Playfair Display Fallback;src:local("Times New Roman");ascent-override:97.25%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:111.26%}.__className_eea437{font-family:Playfair Display,Playfair Display Fallback}.__variable_eea437{--font-display:"Playfair Display","Playfair Display Fallback"}