:root{--bg:#080d19;--panel:#111a2c;--panel2:#16233c;--ink:#f5f8ff;--muted:#aec0db;--gold:#dca745;--line:#2b3a56;--violet:#8b75ff;font-family:Inter,"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 72% -10%,#28396b 0,transparent 35%),var(--bg)}a{color:inherit}.site-header{align-items:center;backdrop-filter:blur(14px);background:rgba(8,13,25,.86);border-bottom:1px solid rgba(210,224,255,.12);display:flex;justify-content:space-between;padding:1rem max(1.2rem,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:10}.brand{align-items:center;display:flex;gap:.7rem;text-decoration:none}.brand img{height:38px;max-width:132px;object-fit:contain}.brand b{display:block;font-size:.96rem}.brand small{color:var(--gold);display:block;font-size:.58rem;font-weight:800;letter-spacing:.14em;margin-top:.14rem}.site-header nav{display:flex;flex-wrap:wrap;gap:1.1rem}.site-header nav a{color:#d7e2f4;font-size:.88rem;text-decoration:none}.site-header nav a:hover{color:var(--gold)}main{margin:auto;max-width:1180px;padding:clamp(2rem,4vw,4rem) 1.2rem}.hero{align-items:end;background:#111a2d;border:1px solid rgba(211,224,255,.15);border-radius:26px;display:grid;min-height:470px;overflow:hidden;padding:clamp(2rem,5vw,4.5rem);position:relative}.hero:after{background:linear-gradient(90deg,#0a1020 8%,rgba(10,16,32,.82) 43%,rgba(10,16,32,.1));content:"";inset:0;position:absolute}.hero img{height:100%;inset:0;object-fit:cover;opacity:.75;position:absolute;width:100%}.hero>div{max-width:625px;position:relative;z-index:1}.eyebrow{color:var(--gold);font-size:.73rem;font-weight:900;letter-spacing:.15em;margin:0;text-transform:uppercase}.hero h1{font-size:clamp(2.55rem,6vw,5.7rem);letter-spacing:-.07em;line-height:1;margin:.55rem 0 1rem}.hero p:not(.eyebrow){color:#d6e2f4;line-height:1.85;max-width:560px}.actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.4rem}.button{background:linear-gradient(135deg,#e2aa45,#bc7630);border-radius:999px;color:#0b1221;display:inline-block;font-size:.88rem;font-weight:900;padding:.78rem 1.1rem;text-decoration:none}.button.secondary{background:transparent;border:1px solid #a5b8d5;color:#edf5ff}.intro-grid,.card-grid,.article-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin:1.1rem 0 3.6rem}.info-card,.article-card,.content-card{background:linear-gradient(150deg,rgba(27,40,66,.96),rgba(14,22,38,.96));border:1px solid var(--line);border-radius:16px;padding:1.3rem}.info-card b{color:var(--gold);font-size:.77rem}.info-card h2,.article-card h2{font-size:1.25rem;margin:.55rem 0}.info-card p,.article-card p,.content-card p{color:var(--muted);font-size:.92rem;line-height:1.8}.story-band{align-items:center;background:linear-gradient(105deg,rgba(220,167,69,.14),rgba(33,73,111,.2));border:1px solid rgba(220,167,69,.35);border-radius:18px;display:grid;gap:1.25rem;grid-template-columns:1fr 1.7fr;margin:1rem 0 3.6rem;padding:1.35rem}.story-band h2{font-size:1.35rem;margin:.35rem 0}.story-band p{color:var(--muted);font-size:.9rem;line-height:1.8;margin:0}.story-steps{display:grid;gap:.7rem;grid-template-columns:repeat(3,1fr)}.story-step{border-left:1px solid rgba(222,232,250,.24);padding-left:.8rem}.story-step b{color:var(--gold);display:block;font-size:.72rem;letter-spacing:.1em}.story-step span{display:block;font-size:.88rem;font-weight:800;margin-top:.25rem}.section-heading{align-items:end;display:flex;justify-content:space-between;margin:0 0 1rem}.section-heading h2{font-size:clamp(1.5rem,2.6vw,2.2rem);margin:.35rem 0}.section-heading p{color:var(--muted);font-size:.87rem;margin:0}.topic-card{background:radial-gradient(circle at 70% 18%,var(--category-glow),transparent 39%),linear-gradient(145deg,#1a2944,#0c1425 72%);border:1px solid #2c3c5b;border-radius:17px;min-height:310px;overflow:hidden;position:relative;text-decoration:none}.topic-card:after{background:linear-gradient(0deg,rgba(4,9,18,.97) 4%,rgba(4,9,18,.68) 36%,rgba(4,9,18,.03) 78%);content:"";inset:0;position:absolute;z-index:1}.topic-card img{filter:drop-shadow(0 14px 20px rgba(0,0,0,.38));height:78%;object-fit:contain;object-position:78% 6%;padding:.45rem .65rem 0;position:absolute;right:0;top:0;width:72%;z-index:0}.topic-card div{bottom:0;padding:1.2rem;position:absolute;z-index:2}.topic-card small{color:var(--gold);font-weight:800;letter-spacing:.12em}.topic-card strong{display:block;font-size:1.35rem;margin:.45rem 0}.topic-card span{color:#d7e4f9;font-size:.83rem;line-height:1.55}.article-card a{color:#fff;text-decoration:none}.article-card small{color:#9fb5d3}.page{max-width:840px}.page h1{font-size:clamp(2.25rem,5vw,4.2rem);letter-spacing:-.065em;margin:.45rem 0 1rem}.page>p{color:#c5d3e8;line-height:1.85}.page h2{font-size:1.45rem;margin:2.3rem 0 .7rem}.page h3{margin:1.5rem 0 .5rem}.page p,.page li{color:#bdcce1;line-height:1.9}.page ul{padding-left:1.25rem}.cover,.inline-image img{border:1px solid #334664;border-radius:17px;display:block;max-width:100%;width:100%}.inline-image{margin:1.7rem 0}.inline-image figcaption{color:#90a6c4;font-size:.78rem;margin-top:.45rem}.meta{border-block:1px solid var(--line);display:flex;flex-wrap:wrap;gap:1rem;margin:1.6rem 0;padding:1rem 0}.meta span{color:#a8bbd5;font-size:.82rem}.faq details{background:#111b2f;border:1px solid var(--line);border-radius:12px;margin:.65rem 0;padding:1rem}.faq summary{cursor:pointer;font-weight:800}.faq p{margin:.8rem 0 0}.sources a{color:#f0c568}.site-footer{border-top:1px solid var(--line);display:grid;gap:1.5rem;grid-template-columns:1.25fr 1fr 1fr;margin-top:3rem;padding:2.5rem max(1.2rem,calc((100vw - 1180px)/2))}.site-footer img{height:42px;max-width:130px;object-fit:contain}.site-footer strong{display:block}.site-footer p,.site-footer small,.site-footer a{color:#a9bad2;font-size:.82rem;line-height:1.7}.site-footer nav{display:grid;gap:.45rem}.notice{background:#131e34;border:1px solid #405478;border-radius:14px;margin:1.5rem 0;padding:1.15rem}.notice p{margin:.3rem 0}.experience{max-width:980px}.experience-frame{background:#0a1020;border:1px solid var(--line);border-radius:16px;min-height:620px;overflow:hidden}.experience-frame iframe{border:0;height:620px;width:100%}@media(max-width:760px){.site-header{align-items:flex-start;gap:1rem}.site-header nav{gap:.65rem;justify-content:flex-end}.site-header nav a{font-size:.76rem}.hero{min-height:430px}.hero:after{background:linear-gradient(90deg,#0a1020,rgba(10,16,32,.5))}.intro-grid,.card-grid,.article-grid,.site-footer,.story-band,.story-steps{grid-template-columns:1fr}.story-step{border-left:0;border-top:1px solid rgba(222,232,250,.24);padding:.65rem 0 0}.section-heading{align-items:flex-start;flex-direction:column;gap:.55rem}.experience-frame,.experience-frame iframe{min-height:480px;height:480px}}.site-header nav .header-play-frame{border:0;height:44px;margin:-.55rem 0 -.55rem .15rem;overflow:hidden;width:120px}@media(max-width:760px){.site-header nav .header-play-frame{height:42px;margin:-.45rem 0 -.45rem;width:118px}}.hero .member-button{background:linear-gradient(135deg,#8c5cff,#5e43c7);border-color:#a48cff;color:#fff}.hero .member-button:hover{filter:brightness(1.08)}.hero-member-note{max-width:650px;margin:.8rem 0 0;color:#aebbd0!important;font-size:.86rem!important;line-height:1.6}.article-hub{max-width:1180px}.article-category-nav,.article-card-categories,.article-detail-categories{display:flex;flex-wrap:wrap;gap:.5rem}.article-category-nav{margin:1.4rem 0 2rem}.article-card-categories{margin-top:1rem}.article-detail-categories{margin:1.2rem 0}.article-category-nav a,.article-category-chip{border:1px solid #40516e;border-radius:999px;color:#dce7f8;font-size:.78rem;font-weight:800;padding:.5rem .72rem;text-decoration:none}.article-category-nav a:hover,.article-category-chip:hover{border-color:var(--gold);color:#f6d783}.video-hub-hero{background:radial-gradient(circle at 82% 12%,rgba(139,117,255,.28),transparent 34%),linear-gradient(135deg,#172746,#0a1120 68%);border:1px solid #34476a;border-radius:26px;margin-bottom:1.2rem;padding:clamp(2rem,6vw,4.5rem)}.video-hub-hero h1,.video-detail h1{font-size:clamp(2.5rem,6vw,5rem);letter-spacing:-.065em;line-height:1.05;margin:.45rem 0 1rem}.video-hub-hero>p,.lead{color:#c5d3e8;font-size:1.05rem;line-height:1.85;max-width:760px}.video-principles{display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);margin-top:1.7rem}.video-principles span{background:rgba(7,13,25,.58);border:1px solid #334667;border-radius:14px;color:#b7c6dc;font-size:.86rem;line-height:1.55;padding:1rem}.video-principles b{color:#f5d37c;display:block;font-size:.95rem;margin-bottom:.25rem}.rights-notice{background:linear-gradient(135deg,rgba(220,167,69,.13),rgba(17,27,47,.96));border:1px solid rgba(220,167,69,.42);border-radius:18px;margin:1.1rem 0 1.5rem;padding:1.25rem 1.4rem}.rights-notice h2{font-size:1.2rem;margin:.35rem 0}.rights-notice p{color:#c5d1e3;font-size:.9rem;line-height:1.75;margin:.35rem 0}.rights-notice.compact{margin:1.25rem 0}.rights-notice.compact strong{color:#f1cf79}.video-category-nav{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.2rem 0 2.5rem}.video-category-nav a{background:#111b2f;border:1px solid #344563;border-radius:999px;color:#dce7f8;font-size:.86rem;font-weight:750;padding:.65rem .9rem;text-decoration:none}.video-category-nav a:hover{border-color:var(--gold);color:#f6d783}.video-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));margin:1rem 0 3.5rem}.video-card{background:linear-gradient(150deg,#172641,#0c1424);border:1px solid #2d3d5b;border-radius:18px;overflow:hidden}.video-thumb{aspect-ratio:16/9;background:#050914;display:block;overflow:hidden;position:relative}.video-thumb img{height:100%;object-fit:cover;transition:transform .25s ease;width:100%}.video-thumb:hover img{transform:scale(1.025)}.video-thumb span{background:rgba(8,13,25,.82);border:1px solid rgba(255,255,255,.7);border-radius:50%;display:grid;font-size:1.05rem;height:48px;left:50%;place-items:center;position:absolute;top:50%;transform:translate(-50%,-50%);width:48px}.video-card>div{padding:1.15rem}.video-card small{color:#e4b95b}.video-card h2{font-size:1.15rem;line-height:1.4;margin:.4rem 0}.video-card h2 a,.text-link{text-decoration:none}.video-card p{color:#aebed5;font-size:.88rem;line-height:1.7}.text-link{color:#f0cb74;font-size:.82rem;font-weight:800}.video-empty{background:#101a2d;border:1px dashed #40516d;border-radius:18px;grid-column:1/-1;padding:2.2rem;text-align:center}.video-empty h2{margin:.1rem 0 .5rem}.video-empty p{color:#aebed5}.video-editorial{margin-bottom:3rem}.video-detail{max-width:980px}.video-stage{background:#03060c;border:1px solid #31415d;border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.3);margin:1.5rem 0;overflow:hidden}.video-player,.video-embed{aspect-ratio:16/9;background:#03060c;display:block;width:100%}.video-player{height:auto}.video-embed iframe{border:0;height:100%;width:100%}.video-transcript{border-top:1px solid var(--line);margin-top:2rem}.video-transcript p{color:#bdcce1;line-height:1.9;white-space:pre-line}@media(max-width:860px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.video-principles,.video-grid{grid-template-columns:1fr}.video-hub-hero{border-radius:20px}.video-stage{border-radius:12px}}.video-stage{display:grid;place-items:center}.video-stage .video-player{aspect-ratio:9/16;height:auto;max-height:80vh;max-width:520px;object-fit:contain;width:100%}