:root{
  --bg:#05080F;--bg2:#08101E;--bg3:#0C1628;
  --panel:rgba(255,255,255,.035);--panel2:rgba(255,255,255,.06);
  --line:rgba(255,255,255,.09);--line2:rgba(255,255,255,.16);
  --ink:#F3EFE6;--ink2:#CBD2DE;--muted:#8D98AC;
  --gold:#F2C94C;--gold-hi:#FFE9A8;--gold-lo:#B8892A;
  --metal:linear-gradient(100deg,#B8892A 0%,#F2C94C 28%,#FFF2C6 46%,#F2C94C 60%,#B8892A 100%);
  --goldtx:linear-gradient(180deg,#FFF6D8 0%,#FFE28A 30%,#E9B93A 55%,#B8892A 72%,#F5D57A 100%);
  --sky:#57B6EA;
  --ease:cubic-bezier(.16,1,.3,1);--ease2:cubic-bezier(.65,0,.35,1);
  --r:22px;--top:72px;--wrap:1240px;
  --serif:"Noto Serif TC","Noto Serif CJK TC",serif;
  --sans:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;
  --latin:"Cormorant Garamond",Georgia,serif;
  --num:"Inter Tight","Noto Sans TC",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:var(--top)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.75;font-variant-numeric:tabular-nums;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,video,svg{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
::selection{background:rgba(242,201,76,.35);color:#fff}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}
h1,h2,h3,h4{text-wrap:balance}
p{text-wrap:pretty}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 32px}
.skip{position:absolute;left:-9999px;top:8px;z-index:200;background:var(--gold);color:#111;padding:8px 14px;border-radius:8px;font-weight:700}
.skip:focus{left:8px}
.gtx{background:var(--goldtx);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.latin{font-family:var(--latin);font-style:italic;font-weight:500;letter-spacing:.01em}
body::after{content:"";position:fixed;inset:-50%;z-index:90;pointer-events:none;opacity:.055;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  animation:grain 1.2s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}
.pre{position:fixed;inset:0;z-index:150;background:var(--bg);display:grid;place-items:center;transition:opacity .7s var(--ease),visibility .7s}
.pre.done{opacity:0;visibility:hidden}
.pre .mono{width:120px;height:120px}
.pre .mono circle{fill:none;stroke:rgba(255,255,255,.08);stroke-width:1}
.pre .mono .arc{stroke:url(#preg);stroke-width:1.6;stroke-dasharray:340;stroke-dashoffset:340;animation:arc 1.1s var(--ease) forwards}
.pre .mono text{font-family:var(--latin);font-style:italic;font-size:44px;fill:var(--ink)}
.pre .cap{position:absolute;left:0;right:0;bottom:12vh;text-align:center;font-size:12px;letter-spacing:.5em;color:var(--muted)}
@keyframes arc{to{stroke-dashoffset:0}}
html.shseen .pre{display:none}
.cur,.cur-ring{position:fixed;left:0;top:0;z-index:120;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s}
.cur{width:6px;height:6px;background:var(--gold)}
.cur-ring{width:38px;height:38px;border:1px solid rgba(242,201,76,.55);transition:width .35s var(--ease),height .35s var(--ease),background .35s,border-color .35s,opacity .3s}
.cur-ring.hov{width:64px;height:64px;background:rgba(242,201,76,.08);border-color:rgba(242,201,76,.9)}
.cur-ring.zoomy{width:84px;height:84px;background:rgba(5,8,15,.55);border-color:var(--gold)}
.cur-ring.zoomy::after{content:"放大";position:absolute;inset:0;display:grid;place-items:center;font-size:12px;letter-spacing:.2em;color:var(--gold)}
@media (pointer:fine){html.cur-on .cur,html.cur-on .cur-ring{opacity:1}}
.top{position:fixed;left:0;right:0;top:0;z-index:60;height:var(--top);transition:transform .5s var(--ease),background .4s,border-color .4s;border-bottom:1px solid transparent;background:linear-gradient(180deg,rgba(5,8,15,.82),rgba(5,8,15,.35) 70%,rgba(5,8,15,0))}
.top.solid{background:rgba(5,8,15,.72);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-color:rgba(255,255,255,.06)}
.top.hide{transform:translateY(-100%)}
.top .wrap{height:100%;display:flex;align-items:center;gap:20px;max-width:1400px}
.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}
.brand img{width:38px;height:38px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1.5px rgba(242,201,76,.7)}
.brand b{font-weight:900;font-size:17px;letter-spacing:.06em}
.brand i{font-family:var(--latin);font-style:italic;color:var(--muted);font-size:16px;margin-left:2px}
.nav{margin-left:auto;display:flex;align-items:center;gap:2px}
.nav a{position:relative;padding:8px 12px;font-size:14px;font-weight:500;color:var(--ink2);letter-spacing:.04em;transition:color .25s}
.nav a::after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease)}
.nav a:hover,.nav a.on{color:var(--ink)}
.nav a:hover::after,.nav a.on::after{transform:scaleX(1);transform-origin:left}
.nav .cta{margin-left:10px}
.burger{display:none;margin-left:auto;width:46px;height:46px;border-radius:50%;border:1px solid var(--line2);background:rgba(255,255,255,.03);cursor:pointer;position:relative}
.burger i{position:absolute;left:14px;right:14px;height:1.5px;background:var(--ink);transition:transform .45s var(--ease),top .45s var(--ease)}
.burger i:nth-child(1){top:18px}
.burger i:nth-child(2){top:26px}
.burger[aria-expanded="true"] i:nth-child(1){top:22px;transform:rotate(45deg)}
.burger[aria-expanded="true"] i:nth-child(2){top:22px;transform:rotate(-45deg)}
.mnav{position:fixed;inset:0;z-index:55;background:rgba(5,8,15,.97);backdrop-filter:blur(14px);display:flex;flex-direction:column;justify-content:safe center;overflow-y:auto;padding:90px 28px 40px;gap:4px;clip-path:circle(0 at calc(100% - 46px) 36px);transition:clip-path .7s var(--ease2);visibility:hidden}
.mnav.open{clip-path:circle(150% at calc(100% - 46px) 36px);visibility:visible}
.mnav a{display:flex;align-items:baseline;gap:14px;padding:9px 0;font-size:24px;font-weight:900;font-family:var(--serif);border-bottom:1px solid var(--line)}
.mnav a small{font-family:var(--num);font-size:12px;color:var(--gold);font-weight:700;letter-spacing:.1em;width:26px}
.mnav .btn{margin-top:22px;font-family:var(--sans);font-size:17px;border:0;justify-content:center}
.prog{position:fixed;left:0;top:0;height:2px;width:100%;z-index:70;background:var(--metal);transform-origin:0 50%;transform:scaleX(0)}
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 28px;border-radius:999px;font-weight:700;font-size:16px;letter-spacing:.06em;color:#14100A;background:var(--metal);background-size:250% 100%;background-position:100% 0;border:0;cursor:pointer;overflow:hidden;isolation:isolate;transition:background-position 1.1s var(--ease),box-shadow .4s,transform .4s var(--ease);box-shadow:0 14px 34px -14px rgba(242,201,76,.65),inset 0 1px 0 rgba(255,255,255,.5)}
.btn:hover{background-position:0 0;box-shadow:0 20px 44px -14px rgba(242,201,76,.85),inset 0 1px 0 rgba(255,255,255,.6)}
.btn .ar{display:inline-block;transition:transform .45s var(--ease)}
.btn:hover .ar{transform:translateX(4px)}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line2)}
.btn.ghost:hover{box-shadow:inset 0 0 0 1px var(--gold);color:var(--gold-hi)}
.btn.sm{padding:10px 18px;font-size:14px}
.mag{will-change:transform}
.hero{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);align-items:stretch;overflow:hidden;background:radial-gradient(1100px 700px at 15% 105%,rgba(242,201,76,.10),transparent 60%),radial-gradient(900px 600px at 0% 0%,rgba(87,182,234,.10),transparent 60%),var(--bg)}
.hero canvas.waves{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.hero .ghost-txt{position:absolute;left:-1vw;bottom:-3.2vw;z-index:0;font-family:var(--latin);font-style:italic;font-size:15vw;line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.06);white-space:nowrap;pointer-events:none}
.hero-l{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;padding:calc(var(--top) + 40px) 24px 70px clamp(28px,6vw,96px)}
.hero-r{position:relative;z-index:1;min-height:100svh;margin-left:-7vw}
.hero-r picture{position:absolute;inset:0;overflow:hidden}
.hero-r img{position:absolute;inset:0;width:100%;height:100%}
.hero-r img{object-fit:cover;object-position:46% 22%;transform:scale(1.06);animation:kb 18s ease-out forwards;filter:saturate(1.02) contrast(1.04)}
@keyframes kb{to{transform:scale(1)}}
.hero-r::before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,var(--bg) 0%,rgba(5,8,15,.9) 7%,rgba(5,8,15,.45) 20%,rgba(5,8,15,0) 40%),linear-gradient(0deg,var(--bg) 0%,rgba(5,8,15,.4) 14%,rgba(5,8,15,0) 32%),linear-gradient(180deg,rgba(5,8,15,.7) 0%,rgba(5,8,15,0) 20%),linear-gradient(rgba(8,16,30,.16),rgba(8,16,30,.16))}
.hero-r::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,236,170,.13) 47%,transparent 58%);background-size:250% 100%;animation:sweep 7s var(--ease2) 1.6s infinite}
@keyframes sweep{0%{background-position:120% 0}45%,100%{background-position:-60% 0}}
.hero-badge{position:absolute;z-index:4;right:clamp(18px,3vw,44px);bottom:clamp(22px,5vh,56px);display:flex;align-items:center;gap:14px;max-width:360px;padding:14px 18px 14px 14px;border-radius:18px;background:rgba(8,14,26,.62);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid rgba(242,201,76,.35);box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.hero-badge .ic{flex:none;width:44px;height:44px;border-radius:12px;background:var(--metal);display:grid;place-items:center;color:#1a1306;font-weight:900;font-family:var(--num)}
.hero-badge b{display:block;font-size:14px;color:var(--gold-hi);font-weight:700;line-height:1.4}
.hero-badge span{font-size:12px;color:var(--ink2)}
.seal{position:absolute;z-index:4;left:-56px;top:calc(var(--top) + 6vh);width:112px;height:112px;animation:spin 22s linear infinite}
.seal text{font-family:var(--num);font-size:9.6px;letter-spacing:3.1px;fill:var(--gold);font-weight:700}
.seal .core{animation:spin 22s linear infinite reverse;transform-origin:56px 56px}
@keyframes spin{to{transform:rotate(360deg)}}
.epithet{display:inline-flex;align-items:center;gap:12px;align-self:flex-start;padding:8px 18px 8px 8px;border-radius:999px;border:1px solid rgba(242,201,76,.42);background:linear-gradient(90deg,rgba(242,201,76,.14),rgba(242,201,76,.03));font-weight:700;font-size:15px;letter-spacing:.08em;color:var(--gold-hi)}
.epithet .dot{width:28px;height:28px;border-radius:50%;background:var(--metal);display:grid;place-items:center;color:#1a1306;font-size:13px;box-shadow:0 0 18px rgba(242,201,76,.6)}
.epithet small{font-weight:500;font-size:12px;color:#E5D7AE;letter-spacing:.02em;padding-left:12px;border-left:1px solid rgba(242,201,76,.35)}
.hname{margin:26px 0 0;font-family:var(--serif);font-weight:900;font-size:clamp(64px,8.2vw,132px);line-height:.98;letter-spacing:.04em}
.hname .ch{display:inline-block;transform:translateY(105%);opacity:0;transition:transform 1.1s var(--ease),opacity 1.1s var(--ease)}
.hname .line{display:block;overflow:hidden;padding-bottom:.06em}
.ready .hname .ch{transform:none;opacity:1}
.hen{display:flex;align-items:center;gap:16px;margin-top:10px;font-family:var(--latin);font-style:italic;font-size:clamp(24px,2.5vw,36px);color:var(--ink2)}
.hen::after{content:"";flex:0 0 70px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}
.htitle{margin:26px 0 0;font-size:clamp(18px,1.55vw,22px);font-weight:700;line-height:1.6}
.htitle .k{color:var(--gold)}
.htitle .s{display:none}
.htitle .t2{display:block;margin-top:2px;font-weight:500;color:var(--ink)}
.hip{margin-top:6px;font-size:14px;color:var(--muted);letter-spacing:.04em}
.hip b{color:var(--ink2);font-weight:500}
.hstats{display:flex;gap:0;margin:34px 0 26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.hstat{flex:1;padding:18px 0 16px;position:relative}
.hstat+.hstat{padding-left:26px}
.hstat+.hstat::before{content:"";position:absolute;left:0;top:18px;bottom:16px;width:1px;background:var(--line)}
.hstat b{display:block;font-family:var(--num);font-weight:800;font-size:clamp(38px,3.6vw,56px);line-height:1;letter-spacing:-.03em}
.hstat b small{font-family:var(--sans);font-size:.38em;font-weight:700;margin-left:4px;letter-spacing:0}
.hstat i{display:block;margin-top:8px;font-style:normal;font-size:13px;color:var(--muted);letter-spacing:.06em}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{padding:7px 14px;border-radius:999px;border:1px solid var(--line2);font-size:13.5px;font-weight:500;color:var(--ink2);background:rgba(255,255,255,.025);letter-spacing:.03em}
.hcta{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}
.scroll-cue{position:absolute;z-index:5;left:clamp(28px,6vw,96px);bottom:26px;display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.4em;color:var(--muted)}
.scroll-cue i{position:relative;width:1px;height:36px;background:rgba(255,255,255,.12);overflow:hidden}
.scroll-cue i::after{content:"";position:absolute;left:0;top:-40%;width:1px;height:40%;background:var(--gold);animation:cue 1.8s var(--ease2) infinite}
@keyframes cue{to{top:100%}}
.hero .fade{opacity:0;transform:translateY(18px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.ready .hero .fade{opacity:1;transform:none}
.ready .hero .fade.d1{transition-delay:.35s}
.ready .hero .fade.d2{transition-delay:.5s}
.ready .hero .fade.d3{transition-delay:.65s}
.ready .hero .fade.d4{transition-delay:.8s}
.ready .hero .fade.d5{transition-delay:.95s}
.band{position:relative;z-index:2;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg2);overflow:hidden;padding:22px 0}
.band .track{display:flex;width:max-content;gap:0;animation:mq 46s linear infinite}
.band span{display:flex;align-items:center;gap:36px;padding-right:36px;font-family:var(--serif);font-weight:900;font-size:clamp(26px,3.4vw,46px);white-space:nowrap;letter-spacing:.06em}
.band span em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(242,201,76,.7)}
.band span i{font-style:normal;color:var(--gold);font-size:.6em}
@keyframes mq{to{transform:translateX(-50%)}}
.sec{position:relative;padding:140px 0}
.sec.tight{padding:110px 0}
.sec.alt{background:linear-gradient(180deg,var(--bg2),var(--bg))}
.shead{display:grid;grid-template-columns:200px minmax(0,1fr);gap:32px;margin-bottom:64px;align-items:start}
.shead .idx{padding-top:14px;font-family:var(--num);font-size:13px;font-weight:700;letter-spacing:.2em;color:var(--muted);display:flex;flex-direction:column;gap:6px}
.shead .idx b{font-size:15px;color:var(--gold)}
.shead .idx::after{content:"";width:46px;height:1px;background:var(--gold);margin-top:10px}
.shead h2{margin:0;font-family:var(--serif);font-weight:900;font-size:clamp(36px,5vw,72px);line-height:1.12;letter-spacing:.03em}
.shead h2 .latin{display:block;font-size:.42em;color:var(--gold);margin-bottom:8px;letter-spacing:.02em;font-family:var(--latin)}
.shead p{margin:20px 0 0;max-width:720px;font-size:18px;color:var(--ink2)}
.rv{opacity:0;transform:translateY(40px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}
.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.08s}
.rv.d2{transition-delay:.16s}
.rv.d3{transition-delay:.24s}
.rv.d4{transition-delay:.32s}
.card{position:relative;border-radius:var(--r);background:var(--panel);border:1px solid var(--line);overflow:hidden;isolation:isolate}
.spot::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .5s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(242,201,76,.13),transparent 45%)}
.spot::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;padding:1px;opacity:0;transition:opacity .5s;background:radial-gradient(300px circle at var(--mx,50%) var(--my,50%),rgba(242,201,76,.8),transparent 45%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.spot:hover::before,.spot:hover::after{opacity:1}
.zoom{cursor:zoom-in}
.cap{font-size:13px;color:var(--muted);margin-top:10px;line-height:1.6}
.lnk{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:var(--gold);letter-spacing:.04em}
.lnk span{background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;transition:background-size .5s var(--ease)}
.lnk:hover span{background-size:0 1px;background-position:100% 100%}
.about{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:72px;align-items:start}
.about .body p{margin:0 0 18px;font-size:17px;color:var(--ink2)}
.about .body b{color:var(--ink);font-weight:700}
.edu{margin-top:24px;display:flex;gap:14px;align-items:center;font-size:15px;color:var(--ink2)}
.edu svg{width:22px;height:22px;stroke:var(--gold);fill:none;stroke-width:1.5;flex:none}
.vframe{position:relative;border-radius:var(--r);overflow:hidden;background:#000;border:1px solid var(--line);box-shadow:0 50px 90px -40px rgba(0,0,0,.9)}
.vframe video{width:100%;aspect-ratio:16/9;object-fit:cover}
.vframe .play{position:absolute;inset:0;border:0;padding:0;cursor:pointer;background:linear-gradient(180deg,rgba(5,8,15,0) 50%,rgba(5,8,15,.75));display:flex;align-items:flex-end;justify-content:space-between;padding:22px}
.vframe .play b{font-size:14px;font-weight:700;letter-spacing:.08em;text-align:left}
.vframe .play b small{display:block;font-weight:400;color:var(--ink2);font-size:12px;letter-spacing:.04em}
.vframe .play i{width:66px;height:66px;border-radius:50%;background:var(--metal);display:grid;place-items:center;flex:none;box-shadow:0 0 0 10px rgba(242,201,76,.16);transition:transform .45s var(--ease),box-shadow .45s}
.vframe .play i svg{width:20px;height:20px;fill:#1a1306;margin-left:3px}
.vframe .play:hover i{transform:scale(1.08);box-shadow:0 0 0 16px rgba(242,201,76,.12)}
.vframe.on .play{display:none}
.hs{position:relative}
.bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.core{grid-column:1/-1;padding:56px 48px;text-align:center;background:radial-gradient(80% 140% at 50% 0%,rgba(242,201,76,.16),transparent 60%),var(--panel);border-color:rgba(242,201,76,.35)}
.core .k{font-family:var(--num);font-size:12px;letter-spacing:.5em;color:var(--gold);font-weight:700}
.core h3{margin:14px 0 12px;font-family:var(--serif);font-weight:900;font-size:clamp(30px,4vw,54px);line-height:1.2}
.core p{margin:0 auto;max-width:640px;color:var(--ink2);font-size:17px}
.pl{padding:38px 32px 34px;display:flex;flex-direction:column}
.pl .n{font-family:var(--num);font-size:12px;letter-spacing:.3em;color:var(--muted);font-weight:700}
.pl .big{margin:16px 0 18px;font-family:var(--serif);font-weight:900;font-size:76px;line-height:1}
.pl h3{margin:0 0 10px;font-size:21px;font-weight:900}
.pl p{margin:0 0 22px;color:var(--ink2);font-size:15px}
.pl ul{list-style:none;margin:auto 0 0;padding:20px 0 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.pl li{font-size:14px;color:var(--muted);display:flex;gap:10px;line-height:1.6}
.pl li::before{content:"";flex:none;width:5px;height:5px;margin-top:9px;border-radius:50%;background:var(--gold)}
.pl li b{color:var(--ink);font-weight:700}
.fw{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.fwc{position:relative;background:var(--bg);padding:30px 26px 28px;min-height:210px;display:flex;flex-direction:column;isolation:isolate;transition:background .5s}
.fwc:hover{background:var(--bg2)}
.fwc .no{font-family:var(--num);font-size:12px;color:var(--muted);font-weight:700;letter-spacing:.2em}
.fwc h3{margin:18px 0 8px;font-size:21px;font-weight:900;line-height:1.4}
.fwc p{margin:0;font-size:13.5px;color:var(--muted);line-height:1.65}
.fwc .ch{margin-top:auto;padding-top:18px;font-size:12px;letter-spacing:.06em;color:var(--gold);font-weight:500}
.fwc .glyph{position:absolute;right:20px;top:22px;font-family:var(--latin);font-style:italic;font-size:46px;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(242,201,76,.35);transition:-webkit-text-stroke-color .5s,transform .8s var(--ease)}
.fwc:hover .glyph{-webkit-text-stroke-color:rgba(242,201,76,.9);transform:translateY(-4px)}
.fw-note{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap;margin-top:24px;color:var(--muted);font-size:14px}
.nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.nm{padding:38px 24px 34px;position:relative}
.nm+.nm::before{content:"";position:absolute;left:0;top:30px;bottom:30px;width:1px;background:var(--line)}
.nm b{display:block;font-family:var(--num);font-weight:800;font-size:clamp(44px,5vw,76px);line-height:1;letter-spacing:-.04em}
.nm span{display:block;margin-top:12px;font-size:14px;color:var(--muted);letter-spacing:.06em}
.wall-h{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:84px 0 22px}
.wall-h h3{margin:0;font-size:22px;font-weight:900;letter-spacing:.04em}
.wall-h span{font-size:13px;color:var(--muted);letter-spacing:.06em}
.bwall{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.bwall+.bwall{margin-top:6px}
.bwall .track{display:flex;width:max-content;animation:mq var(--d,70s) linear infinite}
.bwall:hover .track{animation-play-state:paused}
.bwall span{padding:0 26px;font-family:var(--serif);font-weight:900;font-size:clamp(28px,3.4vw,50px);white-space:nowrap;line-height:1.5;letter-spacing:.04em;color:var(--ink);transition:color .3s}
.bwall span:nth-child(even){color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.35)}
.bwall span:hover{color:var(--gold);-webkit-text-stroke-color:transparent}
.bwall.sm span{font-family:var(--sans);font-size:clamp(18px,2vw,26px);font-weight:700;padding:0 20px}
.ledger{margin-top:20px;border-top:1px solid var(--line)}
.lg{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:24px;align-items:center;padding:22px 6px;border-bottom:1px solid var(--line);transition:background .4s,padding .5s var(--ease)}
.lg:hover{background:rgba(242,201,76,.04);padding-left:16px}
.lg .y{font-family:var(--num);font-weight:800;font-size:22px;color:var(--gold)}
.lg .n{font-size:18px;font-weight:700}
.lg .r{font-size:14px;color:var(--ink2);text-align:right}
.lg .r b{display:inline-block;padding:4px 12px;border-radius:999px;background:rgba(242,201,76,.12);color:var(--gold-hi);font-weight:700;font-size:13px}
.awnames{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.awnames span{font-size:14px;padding:8px 16px;border-radius:999px;border:1px solid rgba(242,201,76,.3);color:#E9DCB4;background:rgba(242,201,76,.04)}
.film{margin-top:22px;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:16px;cursor:grab;scrollbar-width:thin;scrollbar-color:rgba(242,201,76,.5) transparent}
.film.drag{cursor:grabbing;scroll-snap-type:none}
.film figure{flex:0 0 min(340px,72vw);margin:0;scroll-snap-align:start;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--panel)}
.film img{width:100%;aspect-ratio:4/3;object-fit:cover;pointer-events:none;transition:transform 1s var(--ease)}
.film figure:hover img{transform:scale(1.04)}
.film figcaption{padding:12px 14px 14px;font-size:13px;color:var(--ink2);line-height:1.55}
.tnums{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.topics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}
.tp{padding:24px 22px;min-height:150px;display:flex;flex-direction:column}
.tp .no{font-family:var(--num);font-size:12px;color:var(--gold);font-weight:700;letter-spacing:.2em}
.tp b{display:block;margin:12px 0 6px;font-size:18px;font-weight:900}
.tp span{font-size:13.5px;color:var(--muted)}
.kit{margin-top:84px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:18px}
.kit .intro{padding:36px 32px;background:radial-gradient(120% 80% at 0% 0%,rgba(242,201,76,.14),transparent 60%),var(--panel);border-color:rgba(242,201,76,.3);display:flex;flex-direction:column}
.kit .intro .k{font-family:var(--latin);font-style:italic;font-size:22px;color:var(--gold)}
.kit .intro h3{margin:6px 0 12px;font-family:var(--serif);font-size:30px;font-weight:900;line-height:1.3}
.kit .intro p{margin:0 0 22px;color:var(--ink2);font-size:15px}
.kit .dls{margin-top:auto;display:flex;flex-direction:column;gap:10px}
.dl{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;border:1px solid var(--line2);background:rgba(255,255,255,.02);transition:border-color .3s,background .3s}
.dl:hover{border-color:var(--gold);background:rgba(242,201,76,.05)}
.dl i{flex:none;width:38px;height:38px;border-radius:10px;background:rgba(242,201,76,.12);display:grid;place-items:center}
.dl i svg{width:18px;height:18px;stroke:var(--gold);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dl b{display:block;font-size:15px}
.dl span{font-size:12.5px;color:var(--muted)}
.bio{padding:28px 30px;display:flex;flex-direction:column}
.tabs{display:flex;gap:6px;padding:5px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--line);align-self:flex-start;flex-wrap:wrap}
.tabs button{border:0;background:transparent;padding:9px 16px;border-radius:999px;font-size:14px;font-weight:700;color:var(--ink2);cursor:pointer;transition:background .3s,color .3s}
.tabs button[aria-selected="true"]{background:var(--metal);color:#1a1306}
.biotext{margin:22px 0 0;padding:24px;border-radius:16px;background:rgba(0,0,0,.25);border:1px solid var(--line);font-size:16px;line-height:1.95;color:var(--ink);min-height:236px;white-space:pre-line}
.bio .row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}
.bio .cnt{font-size:13px;color:var(--muted)}
.books{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;perspective:1600px}
.bk{display:flex;flex-direction:column;align-items:center;text-align:center;padding:44px 26px 32px}
.bk .cover{position:relative;width:min(230px,70%);aspect-ratio:.73;transform-style:preserve-3d;transform:rotateY(-18deg) rotateX(4deg);transition:transform 1s var(--ease)}
.bk:hover .cover{transform:rotateY(-4deg) rotateX(0) translateY(-6px)}
.bk .cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:3px 8px 8px 3px;box-shadow:inset 4px 0 8px rgba(0,0,0,.35),30px 40px 60px -20px rgba(0,0,0,.85)}
.bk .cover::before{content:"";position:absolute;top:2%;bottom:2%;right:-14px;width:14px;background:linear-gradient(90deg,#e9e4d8,#bfb8a7);transform:rotateY(90deg);transform-origin:left;border-radius:0 3px 3px 0}
.bk .cover::after{content:"";position:absolute;inset:0;border-radius:3px 8px 8px 3px;background:linear-gradient(100deg,rgba(255,255,255,.18),transparent 30%,transparent 70%,rgba(0,0,0,.2))}
.bk .ed{margin-top:34px;font-family:var(--num);font-size:12px;letter-spacing:.3em;color:var(--muted);font-weight:700}
.bk h3{margin:10px 0 6px;font-family:var(--serif);font-size:22px;font-weight:900;line-height:1.45}
.bk p{margin:0 0 14px;font-size:14px;color:var(--muted)}
.bk.new{border-color:rgba(242,201,76,.45);background:radial-gradient(100% 70% at 50% 0%,rgba(242,201,76,.13),transparent 60%),var(--panel)}
.ribbon{position:absolute;top:18px;right:18px;padding:6px 14px;border-radius:999px;background:var(--metal);color:#1a1306;font-size:12.5px;font-weight:900;letter-spacing:.06em}
.lab{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:18px}
.lab .por{position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);min-height:420px}
.lab .por img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lab .por .ov{position:absolute;left:0;right:0;bottom:0;padding:70px 26px 24px;background:linear-gradient(0deg,rgba(5,8,15,.95),transparent)}
.lab .por .ov b{display:block;font-family:var(--serif);font-size:24px;font-weight:900}
.lab .por .ov span{font-size:14px;color:var(--ink2)}
.socials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.soc{display:flex;align-items:center;gap:16px;padding:20px;transition:transform .5s var(--ease)}
.soc:hover{transform:translateY(-3px)}
.soc .lg2{flex:none;width:50px;height:50px;border-radius:14px;display:grid;place-items:center;color:#fff;font-weight:900;font-size:16px}
.soc .lg2 svg{width:22px;height:22px;fill:#fff}
.soc b{display:block;font-size:16px}
.soc span{font-size:13px;color:var(--muted)}
.soc .ar{margin-left:auto;color:var(--muted);transition:transform .45s var(--ease),color .3s}
.soc:hover .ar{transform:translate(3px,-3px);color:var(--gold)}
.ipbanner{grid-column:1/-1;margin-top:4px;border-radius:16px;overflow:hidden;border:1px solid var(--line)}
.ai{margin-top:84px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.media{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.md{background:var(--bg);padding:30px 28px;min-height:140px;display:flex;flex-direction:column;justify-content:space-between;transition:background .4s}
.md:hover{background:var(--bg2)}
.md b{font-family:var(--serif);font-size:22px;font-weight:900;line-height:1.35}
.md span{font-size:13px;color:var(--muted);letter-spacing:.04em;margin-top:14px}
.md span::before{content:"";display:inline-block;width:14px;height:1px;background:var(--gold);vertical-align:middle;margin-right:8px}
.wave{position:relative;aspect-ratio:1914/1080;max-height:92svh;width:100%;overflow:hidden}
.wave picture{position:absolute;inset:0}
.wave img{position:absolute;left:0;top:-5%;width:100%;height:110%;object-fit:cover;object-position:50% 50%;will-change:transform}
.wave::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,var(--bg) 0%,transparent 16%),linear-gradient(180deg,var(--bg) 0%,transparent 12%)}
.wave figcaption{position:absolute;z-index:2;left:50%;bottom:28px;transform:translateX(-50%);padding:8px 18px;border-radius:999px;background:rgba(5,8,15,.6);backdrop-filter:blur(10px);border:1px solid var(--line2);font-size:13px;color:var(--ink2);letter-spacing:.06em;white-space:nowrap}
.wave .wrap{position:relative;z-index:2;width:100%;display:flex;justify-content:flex-end}
.ways{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.wy{padding:30px 26px;display:flex;flex-direction:column;min-height:240px}
.wy .no{font-family:var(--num);font-size:12px;letter-spacing:.2em;color:var(--gold);font-weight:700}
.wy h3{margin:14px 0 8px;font-family:var(--serif);font-size:26px;font-weight:900}
.wy p{margin:0 0 20px;font-size:14.5px;color:var(--ink2);flex:1}
.inq{margin-top:22px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
.inq .form{padding:34px 32px}
.inq .form h3{margin:0 0 6px;font-family:var(--serif);font-size:28px;font-weight:900}
.inq .form>p{margin:0 0 22px;color:var(--muted);font-size:14px}
.pick{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.pick label{position:relative}
.pick input{position:absolute;opacity:0;pointer-events:none}
.pick span{display:inline-block;padding:9px 16px;border-radius:999px;border:1px solid var(--line2);font-size:14px;font-weight:700;color:var(--ink2);cursor:pointer;transition:all .3s}
.pick input:checked+span{background:var(--metal);color:#1a1306;border-color:transparent}
.pick input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}
.fld{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fld label{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--muted);letter-spacing:.04em}
.fld .full{grid-column:1/-1}
.fld input,.fld textarea{width:100%;padding:13px 14px;border-radius:12px;border:1px solid var(--line2);background:rgba(0,0,0,.25);font-size:15px;color:var(--ink);transition:border-color .3s,background .3s}
.fld input:focus,.fld textarea:focus{outline:0;border-color:var(--gold);background:rgba(0,0,0,.35)}
.fld textarea{min-height:96px;resize:vertical}
.inq .acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.inq .direct{padding:34px 32px;display:flex;flex-direction:column;background:radial-gradient(120% 90% at 100% 0%,rgba(242,201,76,.14),transparent 60%),var(--panel);border-color:rgba(242,201,76,.3)}
.inq .direct .k{font-family:var(--latin);font-style:italic;font-size:22px;color:var(--gold)}
.inq .direct .mail{margin:8px 0 6px;font-family:var(--num);font-weight:800;font-size:clamp(22px,2.4vw,32px);letter-spacing:-.01em;word-break:break-all}
.inq .direct p{margin:0;color:var(--ink2);font-size:15px}
.inq .direct .qr{margin-top:auto;padding-top:28px;display:flex;gap:18px;align-items:center}
.inq .direct .qr img{width:112px;height:112px;background:#fff;padding:8px;border-radius:12px}
.inq .direct .qr span{font-size:13px;color:var(--muted)}
footer{position:relative;padding:90px 0 30px;border-top:1px solid var(--line);background:#03060C;overflow:hidden}
.ft{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
.ft h4{margin:0 0 14px;font-size:12px;letter-spacing:.3em;color:var(--gold);font-weight:700}
.ft a{display:block;padding:5px 0;font-size:14.5px;color:var(--ink2);transition:color .3s}
.ft a:hover{color:var(--gold)}
.ft p{margin:0;font-size:14px;color:var(--muted);line-height:1.9}
.ft .arete{height:34px;width:auto;margin-bottom:16px}
.giant{margin-top:70px;font-family:var(--serif);font-weight:900;font-size:clamp(48px,9vw,150px);line-height:1.05;letter-spacing:.02em;white-space:nowrap;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.02));-webkit-background-clip:text;background-clip:text;color:transparent;user-select:none}
.copy{margin-top:26px;padding-top:20px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}
.totop{position:fixed;right:22px;bottom:22px;z-index:50;width:50px;height:50px;border-radius:50%;border:1px solid var(--line2);background:rgba(5,8,15,.7);backdrop-filter:blur(10px);color:var(--ink);cursor:pointer;opacity:0;transform:translateY(12px);pointer-events:none;transition:all .5s var(--ease)}
.totop.on{opacity:1;transform:none;pointer-events:auto}
.totop:hover{border-color:var(--gold);color:var(--gold)}
.totop svg{width:18px;height:18px;margin:auto;stroke:currentColor;fill:none;stroke-width:2}
.lb{position:fixed;inset:0;z-index:130;display:none;align-items:center;justify-content:center;background:rgba(3,6,12,.94);backdrop-filter:blur(8px);padding:30px}
.lb.on{display:flex}
.lb img{max-width:min(94vw,1500px);max-height:82vh;border-radius:10px;box-shadow:0 50px 100px rgba(0,0,0,.8)}
.lb .c{position:absolute;left:0;right:0;bottom:24px;text-align:center;padding:0 70px;color:var(--ink2);font-size:14px}
.lb .c b{color:var(--gold);font-family:var(--num);margin-right:10px}
.lb button{position:absolute;width:50px;height:50px;border-radius:50%;border:1px solid var(--line2);background:rgba(255,255,255,.06);color:#fff;cursor:pointer;font-size:20px;transition:border-color .3s}
.lb button:hover{border-color:var(--gold)}
.lb .x{right:20px;top:20px}
.lb .pv{left:20px;top:50%;margin-top:-25px}
.lb .nx{right:20px;top:50%;margin-top:-25px}
.toast{position:fixed;left:50%;bottom:32px;z-index:140;transform:translate(-50%,30px);opacity:0;padding:12px 22px;border-radius:999px;background:var(--metal);color:#1a1306;font-weight:700;font-size:14px;transition:all .5s var(--ease);pointer-events:none;box-shadow:0 20px 40px -14px rgba(0,0,0,.7)}
.toast.on{opacity:1;transform:translate(-50%,0)}
@media (max-width:1100px){.nav a:not(.cta){padding:8px 8px;font-size:13px}.fw{grid-template-columns:repeat(2,minmax(0,1fr))}.topics,.ways{grid-template-columns:repeat(2,minmax(0,1fr))}.about,.kit,.inq,.lab{grid-template-columns:1fr}.about{gap:48px}.ft{grid-template-columns:1fr 1fr}}
@media (max-width:900px){:root{--top:62px}.nav{display:none}.burger{display:block}.wrap{padding:0 20px}.hero{grid-template-columns:1fr;min-height:0}.hero-r{order:-1;min-height:0;aspect-ratio:1.18;margin-top:var(--top);margin-left:0}.hero-r::before{background:linear-gradient(0deg,var(--bg) 0%,rgba(5,8,15,.0) 40%),linear-gradient(180deg,rgba(5,8,15,.35) 0%,transparent 20%)}.hero-r img{object-position:40% 30%}.hero-l{padding:0 20px 56px;margin-top:-46px}.hero .ghost-txt{display:none}.seal{left:auto;right:16px;top:auto;bottom:-40px;width:92px;height:92px}.hero-badge{display:none}.epithet{font-size:13.5px;padding:6px 14px 6px 6px}.epithet small{display:none}.hname{font-size:clamp(56px,17vw,84px);margin-top:20px}.htitle .t2{font-size:16px;color:var(--ink2)}.hstat+.hstat{padding-left:14px}.hstat b{font-size:32px}.hstat i{font-size:11.5px}.chip{font-size:12.5px;padding:6px 11px}.hcta{flex-direction:column}.hcta .btn{width:100%}.scroll-cue{display:none}.sec{padding:96px 0}.sec.tight{padding:80px 0}.shead{grid-template-columns:1fr;gap:12px;margin-bottom:40px}.shead .idx{flex-direction:row;align-items:center;gap:10px;padding-top:0}.shead .idx::after{margin-top:0;width:30px}.shead p{font-size:16px}.hs{height:auto!important}.bento{grid-template-columns:1fr}.core{padding:40px 22px}.pl .big{font-size:60px}.fw{grid-template-columns:1fr}.fwc{min-height:0}.nums{grid-template-columns:1fr 1fr}.nm{padding:26px 14px}.nm:nth-child(3)::before{display:none}.nm:nth-child(n/**/+3){border-top:1px solid var(--line)}.lg{grid-template-columns:64px minmax(0,1fr);gap:4px 14px;padding:18px 4px}.lg .r{grid-column:2;text-align:left}.lg .y{font-size:18px;grid-row:span 2}.lg .n{font-size:16px}.topics,.ways,.books,.media,.socials{grid-template-columns:1fr}.biotext{font-size:15px;padding:18px}.wave img{transform:none!important;top:0;height:100%}.wave figcaption{font-size:11.5px;bottom:12px}.fld{grid-template-columns:1fr}.inq .form,.inq .direct,.kit .intro,.bio{padding:26px 20px}.ft{grid-template-columns:1fr}.giant{font-size:10.5vw}.lb .pv,.lb .nx{display:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.rv,.hero .fade,.hname .ch{opacity:1!important;transform:none!important}body::after{display:none}}
.nw{white-space:nowrap}
@media (max-width:900px){.shead h2{font-size:clamp(28px,8vw,36px)}.lab .por .ov b{font-size:19px}.ai{grid-template-columns:1fr}}
.direct .dl{margin-top:22px}
.dl.share{width:100%;text-align:left;cursor:pointer;margin-top:10px;color:inherit}
@media print{body{background:#fff;color:#111}body::after,.pre,.cur,.cur-ring,.prog,.top,.mnav,.totop,.lb,.toast,canvas,.band,.scroll-cue,.seal,.ghost-txt,.film,.bwall,.wave,.vframe,.inq .form,.hero-badge{display:none!important}.rv,.hero .fade,.hname .ch{opacity:1!important;transform:none!important}.hero{min-height:0;grid-template-columns:1fr 1fr;background:none}.hero-r{min-height:0;margin:0;aspect-ratio:.8}.hero-r::before,.hero-r::after{display:none}.sec{padding:28px 0;background:none!important}.card,.fwc,.md,.nm{background:#fff!important;border-color:#ccc!important;color:#111}.gtx{-webkit-text-fill-color:#8a6a10;color:#8a6a10}.shead p,.about .body p,.pl p,.fwc p,.htitle .t2{color:#333!important}a{color:#111}.hs{height:auto!important}}
.hl{color:var(--gold-hi);font-weight:700}
.astrip{position:relative;padding:56px 0 50px;background:linear-gradient(180deg,#0A1324,#070D1A);border-bottom:1px solid var(--line);overflow:hidden}
.astrip::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 240px at 50% 0%,rgba(242,201,76,.12),transparent 70%);pointer-events:none}
.astrip-h{display:flex;align-items:center;gap:16px;justify-content:center;margin-bottom:28px;color:var(--muted);font-size:13px;letter-spacing:.3em}
.astrip-h img{height:26px;width:auto;opacity:.95}
.astrip-n{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.an{text-align:center;padding:6px 10px;position:relative}
.an+.an::before{content:"";position:absolute;left:0;top:12%;bottom:12%;width:1px;background:var(--line2)}
.an b{display:block;font-family:var(--num);font-weight:800;font-size:clamp(46px,5.6vw,84px);line-height:1;letter-spacing:-.04em}
.an b small{font-family:var(--sans);font-size:.36em;margin-left:4px;letter-spacing:0}
.an>span{display:block;margin-top:12px;font-size:15px;color:var(--ink2);letter-spacing:.08em}
.keys{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:18px}
.key{padding:32px 28px}
.key .no,.forum-t .k,.works .k,.mr6c .k{font-family:var(--num);font-size:12px;letter-spacing:.25em;color:var(--gold);font-weight:700}
.key h3{margin:14px 0 10px;font-family:var(--serif);font-size:28px;font-weight:900}
.key p{margin:0;color:var(--ink2);font-size:15.5px}
.pref,.mr6{margin:56px 0 0;padding:40px 44px;border-radius:var(--r);border:1px solid rgba(242,201,76,.35);background:radial-gradient(120% 120% at 0% 0%,rgba(242,201,76,.10),transparent 55%),var(--panel)}
.pref-k{display:inline-block;padding:5px 14px;border-radius:999px;background:rgba(242,201,76,.14);color:var(--gold-hi);font-size:13px;font-weight:700;letter-spacing:.1em}
.pref blockquote,.mr6 blockquote{margin:18px 0 0;font-family:var(--serif);font-weight:700;font-size:clamp(19px,1.9vw,26px);line-height:1.7}
.mr6 .q1{font-size:clamp(22px,2.4vw,34px);font-weight:900}
.mr6 .q2{color:var(--ink2);font-size:clamp(17px,1.6vw,21px);margin-top:14px}
.pref figcaption,.mr6 figcaption{margin-top:20px;font-weight:700;color:var(--gold)}
.pref figcaption span,.mr6 figcaption span{display:block;font-weight:400;color:var(--muted);font-size:13.5px;margin-top:4px}
.proofs{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.pf,.pf-intl{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;border:1px solid var(--line2);background:rgba(255,255,255,.025);transition:border-color .3s,background .3s}
.pf:hover{border-color:var(--gold);background:rgba(242,201,76,.05)}
.pf b,.pf-intl b{font-size:14.5px;white-space:nowrap}
.pf span,.pf-intl span{font-size:12.5px;color:var(--muted)}
.pf i{font-style:normal;color:var(--gold);margin-left:4px}
.pf-intl{border-color:rgba(242,201,76,.5);background:rgba(242,201,76,.08)}
.pf-intl b{color:var(--gold-hi)}
.arete-g{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:16px;margin-top:40px}
.arete-side{display:grid;grid-template-rows:1fr 1fr;gap:16px}
.arete-side figure{margin:0;position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line)}
.arete-side img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.arete-side figure:hover img{transform:scale(1.05)}
.arete-side figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 10px;font-size:12.5px;background:linear-gradient(0deg,rgba(5,8,15,.9),transparent)}
.works{padding:32px 30px;display:flex;flex-direction:column}
.works h3{margin:6px 0 16px;font-family:var(--serif);font-size:30px;font-weight:900}
.wk{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;padding:14px 4px;border-top:1px solid var(--line);transition:padding .4s var(--ease),background .3s}
.wk:hover{padding-left:12px;background:rgba(242,201,76,.05)}
.wk span{grid-column:1;font-size:12px;color:var(--gold);letter-spacing:.06em}
.wk b{grid-column:1;font-size:17px}
.wk i{grid-column:2;grid-row:1/span 2;font-style:normal;color:var(--muted)}
.og{display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:auto auto;gap:16px}
.og figure{margin:0;position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--panel);aspect-ratio:4/3}
.og img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.og figure:hover img{transform:scale(1.03)}
.og figcaption{position:absolute;left:0;right:0;bottom:0;padding:30px 14px 12px;font-size:13px;background:linear-gradient(0deg,rgba(5,8,15,.92),transparent)}
.mr6row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px;margin-top:16px}
.mr6row figure{margin:0;border-radius:16px;overflow:hidden;border:1px solid var(--line)}
.mr6row figure img{width:100%;height:100%;object-fit:cover}
.mr6c{padding:30px 28px}
.mr6c h3{margin:8px 0 12px;font-size:22px;font-weight:900}
.mr6c p{margin:0;color:var(--ink2);font-size:15px}
.dwall{display:flex;flex-wrap:wrap;gap:6px 26px;align-items:baseline;font-family:var(--serif);font-weight:900;font-size:clamp(26px,3.4vw,50px);line-height:1.35;letter-spacing:.03em}
.dwall span:nth-child(even){color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.45)}
.dwall .star{color:transparent!important;background:var(--goldtx);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:0!important}
.film.tall figure{flex-basis:min(300px,62vw)}
.film.tall img{aspect-ratio:3/4}
.courses{list-style:none;counter-reset:c;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.courses li{counter-increment:c;display:flex;gap:14px;align-items:baseline;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.02);font-size:15px}
.courses li::before{content:counter(c,decimal-leading-zero);font-family:var(--num);font-weight:700;font-size:12px;color:var(--gold);flex:none}
.courses li.more{display:none}
.courses.open li.more{display:flex}
.cmore{margin-top:14px}
@media (max-width:1100px){.keys{grid-template-columns:1fr 1fr}.arete-g{grid-template-columns:1fr}.arete-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}}
@media (max-width:900px){.astrip{padding:40px 0 34px}.astrip-n{grid-template-columns:1fr 1fr;row-gap:26px}.an:nth-child(3)::before{display:none}.an b{font-size:46px}.keys,.og,.mr6row,.courses{grid-template-columns:1fr}.key h3{font-size:24px}.pref,.mr6{padding:28px 22px}.arete-side{grid-template-columns:1fr 1fr}.dwall{font-size:26px;gap:4px 16px}.pf,.pf-intl{width:100%}}
.lx-lead{margin:-6px 0 22px;color:var(--ink2);font-size:15px;line-height:1.8;max-width:62em}
.lx{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.lx figure{margin:0;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;cursor:zoom-in}
.lx figure.more{display:none}
.lx.open figure.more{display:flex}
.lx figure:nth-child(1),.lx figure:nth-child(2){grid-column:span 2}
.lx img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform 1s var(--ease)}
.lx figure:nth-child(1) img,.lx figure:nth-child(2) img{aspect-ratio:16/9}
.lx figure:hover img{transform:scale(1.04)}
.lx figcaption{padding:12px 14px 14px;display:flex;flex-direction:column;gap:3px;line-height:1.5}
.lx figcaption i{font-style:normal;font-family:var(--num);font-size:12px;letter-spacing:.08em;color:var(--gold)}
.lx figcaption b{font-size:14.5px;font-weight:700;color:var(--ink)}
.lx figcaption span{font-size:12.5px;color:var(--ink2)}
#lxmore{margin-top:14px}
.lxlog{margin:22px 0 34px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.02)}
.lxlog summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:18px 20px;flex-wrap:wrap}
.lxlog summary::-webkit-details-marker{display:none}
.lxlog summary span{font-weight:700;font-size:16px}
.lxlog summary em{font-style:normal;font-size:13px;color:var(--ink2)}
.lxlog summary i{margin-left:auto;font-style:normal;color:var(--gold);font-size:20px;transition:transform .4s var(--ease)}
.lxlog[open] summary i{transform:rotate(45deg)}
.lylist{padding:4px 20px 8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 34px}
.ly{break-inside:avoid;padding:12px 0}
.ly h4{margin:0 0 6px;font-family:var(--num);font-size:20px;color:var(--gold);letter-spacing:.04em}
.ly ul{list-style:none;margin:0;padding:0}
.ly li{display:grid;grid-template-columns:7.2em 1fr;column-gap:12px;padding:8px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.55}
.ly li time{grid-row:span 2;font-family:var(--num);font-size:12px;color:var(--ink2);padding-top:2px}
.ly li b{font-weight:700}
.ly li span{color:var(--ink2);font-size:13px}
.lxsrc{padding:0 20px 18px;margin:0;font-size:12.5px;color:var(--ink2)}
.lxsrc a{color:var(--gold)}
@media (max-width:1100px){.lx{grid-template-columns:repeat(3,minmax(0,1fr))}.lx figure:nth-child(1){grid-column:span 3}.lx figure:nth-child(1) img{aspect-ratio:21/9}.lx figure:nth-child(2){grid-column:span 1}.lx figure:nth-child(2) img{aspect-ratio:4/3}}
@media (max-width:900px){.lylist{grid-template-columns:1fr}}
@media (max-width:640px){.lx{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lx figure:nth-child(1){grid-column:span 2}.lx figure:nth-child(1) img{aspect-ratio:16/9}.lx figure:nth-child(n/**/+8){display:none}.lx.open figure:nth-child(n/**/+8){display:flex}.lx.open figure:last-child{grid-column:span 2}.lx.open figure:last-child img{aspect-ratio:16/9}.lx figcaption{padding:9px 10px 11px}.lx figcaption b{font-size:13px}.lx figcaption span{font-size:11.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lxlog summary{padding:16px}.lylist{padding:0 16px 6px}.ly li{grid-template-columns:1fr;row-gap:2px}.ly li time{grid-row:auto;padding:0}.lxsrc{padding:0 16px 16px}}
@media (max-width:420px){.nm{padding:22px 10px}.nm b{font-size:clamp(32px,10.4vw,44px)}.nm span{font-size:13px;letter-spacing:.03em}}
@media (max-width:640px){.totop{width:42px;height:42px;right:14px;bottom:16px}}
.sec{padding:112px 0}
.sec.tight{padding:92px 0}
.shead{margin-bottom:48px}
.wall-h{margin:60px 0 20px}
.sig{display:block;height:auto;pointer-events:none;user-select:none}
.roles5{background:radial-gradient(900px 420px at 50% 0%,rgba(242,201,76,.08),transparent 70%),linear-gradient(180deg,#070C18,var(--bg))}
.roles5 .bento{grid-template-columns:minmax(0,1.05fr) repeat(3,minmax(0,1fr));align-items:stretch}
.roles5 .core{grid-column:auto;text-align:left;padding:40px 32px;display:flex;flex-direction:column;background:radial-gradient(140% 90% at 0% 0%,rgba(242,201,76,.18),transparent 60%),var(--panel)}
.roles5 .core h3{font-size:clamp(28px,2.5vw,40px);margin:14px 0 14px}
.roles5 .core p{margin:0;font-size:15.5px}
.roles5 .core .sig-zh{width:150px;margin:auto 0 0;padding-top:24px;opacity:.95}
.roles5 .pl{padding:32px 26px 28px}
.roles5 .pl .big{font-size:64px;margin:12px 0 14px}
.c5{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:48px;align-items:center}
.c5q{position:relative;margin:0 0 26px;padding:0 0 0 4px}
.c5q .mk{position:absolute;left:-10px;top:-54px;font-family:var(--latin);font-size:120px;line-height:1;color:rgba(242,201,76,.22)}
.c5q p{margin:0;font-family:var(--serif);font-weight:900;font-size:clamp(26px,2.5vw,38px);line-height:1.45;letter-spacing:.02em}
.c5q em{font-style:normal;background:var(--goldtx);-webkit-background-clip:text;background-clip:text;color:transparent}
.c5k{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.c5k li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 4px;border-bottom:1px solid var(--line)}
.c5k li>b{font-family:var(--num);font-size:13px;color:var(--gold);letter-spacing:.12em}
.c5k h3{margin:0 0 2px;font-size:19px;font-weight:900}
.c5k p{margin:0;font-size:14px;color:var(--ink2);line-height:1.6}
.c5k li img{width:132px;aspect-ratio:4/3;object-fit:cover;border-radius:10px;border:1px solid var(--line2)}
.c5k li.zoom{cursor:zoom-in}
.c5k li.zoom:hover img{border-color:var(--gold)}
.fan{position:relative;height:clamp(360px,34vw,470px)}
.fan .fd{position:absolute;margin:0;padding:9px;border-radius:5px;background:linear-gradient(135deg,#6E5420,#E9C46A 25%,#8C6A24 50%,#F2D488 75%,#6E5420);box-shadow:0 40px 70px -30px rgba(0,0,0,.95);transition:transform .8s var(--ease),z-index 0s .2s;cursor:zoom-in}
.fan .fd img{display:block;width:100%;height:auto;background:#fff;border-radius:2px}
.fan .fd figcaption{position:absolute;left:50%;bottom:-38px;transform:translateX(-50%);white-space:nowrap;font-size:12.5px;color:var(--ink2)}
.fan .fd figcaption b{font-family:var(--num);color:var(--gold);margin-right:6px}
.fan .f1{width:34%;left:2%;top:8%;transform:rotate(-7deg);z-index:1}
.fan .f3{width:34%;right:2%;top:8%;transform:rotate(7deg);z-index:1}
.fan .f2{width:56%;left:22%;top:22%;z-index:2}
.fan:hover .f1{transform:rotate(-10deg) translateX(-14px)}
.fan:hover .f3{transform:rotate(10deg) translateX(14px)}
.fan .fd:hover{z-index:5;transform:rotate(0) scale(1.04)!important}
.fan-tip{margin:52px 0 0;text-align:center;font-size:12px;color:var(--muted);letter-spacing:.1em}
.c5b{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px;margin-top:40px;align-items:stretch}
.c5pref{margin:0;padding:30px 34px}
.c5pref blockquote{font-size:clamp(17px,1.5vw,21px)}
.c5pref figcaption{display:grid;grid-template-columns:auto 1fr;column-gap:16px;align-items:center}
.c5pref .sig-du{grid-row:span 2;width:150px}
.c5pref figcaption span{margin:0}
.c5pref figcaption .who{color:var(--gold);font-weight:700;font-size:14.5px}
.c5p{display:grid;grid-template-columns:1fr;gap:8px;align-content:center}
.c5p .pf,.c5p .pf-intl{justify-content:space-between}
.c5p .pf span{margin-right:auto}
.aiw{margin-top:40px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:stretch}
.aiw-t{padding:6px 0}
.aiw-t .k{font-family:var(--latin);font-style:italic;font-size:22px;color:var(--gold)}
.aiw-t h3{margin:4px 0 10px;font-family:var(--serif);font-size:30px;font-weight:900}
.aiw-t p{margin:0;font-size:13.5px;color:var(--muted);line-height:1.7}
.aiw-c{margin:0;border-radius:14px;overflow:hidden;border:1px solid var(--line2);background:#0B1220;display:flex;flex-direction:column;cursor:zoom-in;transition:border-color .3s,transform .6s var(--ease)}
.aiw-c:hover{border-color:var(--gold);transform:translateY(-4px)}
.aiw-c .bar{display:flex;align-items:center;gap:6px;padding:9px 12px;border-bottom:1px solid var(--line)}
.aiw-c .bar i{width:8px;height:8px;border-radius:50%;background:#3a4256}
.aiw-c .bar i:nth-child(1){background:#FF5F57}
.aiw-c .bar i:nth-child(2){background:#FEBC2E}
.aiw-c .bar i:nth-child(3){background:#28C840}
.aiw-c .bar span{margin-left:8px;font-size:11.5px;color:var(--muted)}
.aiw-c img{display:block;width:100%;height:190px;object-fit:cover;object-position:top;background:#fff}
.aiw-c figcaption{padding:12px 14px;font-size:13px;color:var(--ink2)}
.aiw-c figcaption b{color:var(--gold);margin-right:6px}
#books .books{gap:18px}
#books .bk{padding:30px 22px 24px}
#books .bk .cover{width:min(170px,62%)}
#books .bk .ed{margin-top:24px}
#books .bk h3{font-size:19px}
.mr6x{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:18px;margin-top:40px;align-items:stretch}
.mr6x .mr6{margin:0;padding:34px 38px;display:flex;flex-direction:column}
.mr6x .mr6 figcaption{margin-top:auto;padding-top:18px;display:grid;grid-template-columns:auto 1fr;column-gap:16px;align-items:center}
.mr6x .sig-mr6{grid-row:span 2;width:92px}
.mr6x .mr6 figcaption .who{display:block;color:var(--gold);font-weight:700;font-size:16px;margin:0}
.note{position:relative;margin:0;border-radius:6px;overflow:hidden;background:#EDE9DF;transform:rotate(1.6deg);box-shadow:0 40px 70px -30px rgba(0,0,0,.95),0 0 0 1px rgba(0,0,0,.2);cursor:zoom-in;transition:transform .8s var(--ease)}
.note:hover{transform:rotate(0) scale(1.02)}
.note img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 40%}
.note figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 16px 12px;font-size:12.5px;color:#fff;background:linear-gradient(0deg,rgba(5,8,15,.8),transparent)}
.studs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.studs .st{margin:0;padding:22px 24px 24px;display:flex;flex-direction:column;gap:12px}
.studs .st.more{display:none}
.studs.open .st.more{display:flex}
.st figcaption{display:flex;flex-direction:column;gap:2px}
.st figcaption b{font-family:var(--serif);font-size:20px;font-weight:900;color:var(--ink)}
.st figcaption span{font-size:12.5px;color:var(--gold);letter-spacing:.04em}
.st blockquote{margin:0;font-size:14.5px;line-height:1.75;color:var(--ink2)}
#stmore{margin-top:14px}
#books .fw .fwc{min-height:168px;padding:24px 22px 22px}
#books .fw .fwc h3{margin:12px 0 6px;font-size:18px}
#books .fw .fwc .glyph{font-size:36px}
.aw5{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px;align-items:start}
.aw5-l{display:flex;flex-direction:column;gap:16px}
.aw5 .ph{position:relative;margin:0;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);aspect-ratio:16/10;cursor:zoom-in}
.aw5 .ph img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;transition:transform 1.6s var(--ease)}
.aw5 .ph:hover img{transform:scale(1.035)}
.aw5 .ph figcaption{position:absolute;left:0;right:0;bottom:0;padding:50px 22px 18px;background:linear-gradient(0deg,rgba(5,8,15,.92),transparent);font-size:13px;color:var(--ink2)}
.aw5 .ph figcaption b{display:block;font-size:19px;color:var(--ink);font-family:var(--serif);font-weight:900;margin-bottom:2px}
.works5 .k{font-size:12px;letter-spacing:.14em;color:var(--gold);font-weight:700;margin-bottom:10px}
.works5 .wks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.works5 .wk{border:1px solid var(--line);border-radius:12px;padding:10px 14px;background:rgba(255,255,255,.02)}
.works5 .wk:hover{padding-left:14px;border-color:var(--gold)}
.works5 .wk b{font-size:15px}
.aw5-r .wall-h{margin:0 0 6px}
.aw5 .ledger{margin-top:0}
.aw5 .lg{grid-template-columns:62px minmax(0,1fr) auto;gap:14px;padding:12px 4px}
.aw5 .lg .y{font-size:17px}
.aw5 .lg .n{font-size:15px}
.aw5 .lg .r b{font-size:12px;padding:3px 10px}
.aw5 .awnames{margin-top:16px;gap:8px}
.aw5 .awnames span{font-size:12.5px;padding:6px 12px}
.og5{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;gap:14px}
.og5 figure{margin:0;position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--panel);cursor:zoom-in}
.og5 .og-ph{aspect-ratio:4/3}
.og5 .og-ph img,.og5-card img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.og5 figure:hover img{transform:scale(1.03)}
.og5-card{grid-row:span 2;background:#E9E5DC!important}
.og5-card img{object-fit:cover}
.og5 figcaption{position:absolute;left:0;right:0;bottom:0;padding:30px 14px 12px;font-size:13px;background:linear-gradient(0deg,rgba(5,8,15,.92),transparent)}
.og5-card figcaption{padding:40px 18px 16px;font-size:13px}
.og5-card figcaption b{display:block;font-size:17px;font-weight:900;color:var(--ink)}
.og5 .og-ph:nth-of-type(4){grid-column:2/span 2}
.og5 .og-ph:nth-of-type(4){aspect-ratio:auto}
.m5{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.m5 figure{position:relative}
.m5 figure figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 10px;font-size:12.5px;background:linear-gradient(0deg,rgba(5,8,15,.85),transparent)}
.m6n{display:flex;align-items:center;gap:18px;margin:4px 0 14px}
.m6n>div{display:flex;flex-direction:column}
.m6n b{font-family:var(--num);font-weight:800;font-size:48px;line-height:1}
.m6n span{font-size:12.5px;color:var(--muted);margin-top:6px}
.m6n i{font-style:normal;color:var(--gold);font-size:26px}
.m6q{margin:16px 0 0;padding:12px 16px;border-left:2px solid var(--gold);background:rgba(242,201,76,.06);font-family:var(--serif);font-weight:700;font-size:16px;line-height:1.7;border-radius:0 10px 10px 0}
.m6q span{display:block;font-family:var(--sans);font-weight:400;font-size:12.5px;color:var(--muted);margin-top:2px}
.mr6c .edu{margin-top:16px}
.d5{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center}
.d5-ph{position:relative;margin:0;border-radius:var(--r);overflow:hidden;border:1px solid rgba(242,201,76,.4);aspect-ratio:4/4.4;cursor:zoom-in;box-shadow:0 50px 90px -40px rgba(0,0,0,.9)}
.d5-ph img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;transition:transform 1.4s var(--ease)}
.d5-ph:hover img{transform:scale(1.04)}
.d5-tag{position:absolute;left:14px;bottom:14px;padding:6px 12px;border-radius:999px;background:rgba(5,8,15,.72);backdrop-filter:blur(8px);font-size:12.5px;color:var(--ink);border:1px solid var(--line2)}
.d5-t .k{font-size:12px;letter-spacing:.2em;color:var(--gold);font-weight:700}
.d5-t h3{margin:8px 0 12px;font-family:var(--serif);font-weight:900;font-size:clamp(40px,4.4vw,68px);line-height:1.1}
.d5-t h3 em{font-style:normal;margin-left:.2em;background:var(--goldtx);-webkit-background-clip:text;background-clip:text;color:transparent}
.d5-t>p{margin:0 0 22px;color:var(--ink2);font-size:16px}
.d5-t .dwall{font-size:clamp(20px,2.1vw,30px);gap:4px 18px;margin-bottom:22px}
.d5-t .pf{display:inline-flex}
#contact .kit{margin-top:18px}
.wave{max-width:1680px;margin:0 auto!important;border-radius:28px;max-height:84svh}
@media (min-width:1700px){.wave{width:calc(100% - 64px)}}
@media (max-width:1100px){.roles5 .bento{grid-template-columns:repeat(3,minmax(0,1fr))}.roles5 .core{grid-column:1/-1}.c5{grid-template-columns:1fr;gap:56px}.c5b,.aiw{grid-template-columns:1fr 1fr}.aiw-t{grid-column:1/-1}.aw5{grid-template-columns:1fr}.og5{grid-template-columns:1fr 1fr}.og5-card{grid-column:1/-1;grid-row:auto;aspect-ratio:1211/779}.og5 .og-ph:nth-of-type(4){grid-column:auto;aspect-ratio:4/3}.d5{grid-template-columns:1fr 1fr;gap:28px}}
@media (max-width:900px){.sec{padding:84px 0}.roles5 .bento{grid-template-columns:1fr}.c5b,.aiw{grid-template-columns:1fr}.mr6x{grid-template-columns:1fr}.note{max-width:420px;transform:rotate(1deg)}.studs{grid-template-columns:1fr 1fr}.d5{grid-template-columns:1fr}.d5-ph{aspect-ratio:4/3.6}.m5{grid-template-columns:1fr}}
@media (max-width:640px){.sec{padding:68px 0}.shead{margin-bottom:34px}.wall-h{margin:44px 0 16px}.roles5 .core{padding:30px 24px}.roles5 .pl .big{font-size:54px}.c5q p{font-size:24px}.c5k li{grid-template-columns:34px minmax(0,1fr);row-gap:10px}.c5k li img{grid-column:2;width:100%;max-width:260px}.fan{height:min(92vw,400px)}.fan .f1,.fan .f3{width:40%;top:4%}.fan .f2{width:64%;left:18%;top:26%}.fan .fd figcaption{display:none}.fan-tip{margin-top:18px}.c5pref{padding:24px 22px}.c5pref .sig-du{width:118px}.aiw-c img{height:160px}.mr6x .mr6{padding:26px 22px}.studs{grid-template-columns:1fr}.studs .st:nth-child(n/**/+4){display:none}.studs.open .st{display:flex}.works5 .wks{grid-template-columns:1fr}.aw5 .lg{grid-template-columns:48px minmax(0,1fr);row-gap:4px}.aw5 .lg .r{grid-column:2;text-align:left}.og5{grid-template-columns:1fr 1fr;gap:10px}.m6n b{font-size:40px}.d5-t h3{font-size:44px}.wave{border-radius:0;width:100%}}
.mr6x .mr6 .pref-k{align-self:flex-start}
.fan .fd figcaption{display:none}
.fan-tip{margin:30px 0 0;line-height:2;font-size:13px;color:var(--ink2);letter-spacing:.02em}
.fan-tip b{font-family:var(--num);color:var(--gold)}
.fan-tip span{font-size:12px;color:var(--muted);letter-spacing:.1em}
.og5{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:stretch}
.og5-card{grid-row:auto!important;grid-column:auto!important;aspect-ratio:1211/779}
.og5-card img{position:absolute;inset:0}
.og5-s{display:flex;flex-direction:column;gap:14px;min-height:0}
.og5-s>figure{flex:1.15 1 0;min-height:0}
.og5-2{flex:1 1 0;display:grid;grid-template-columns:1fr 1fr;gap:14px;min-height:0}
.og5 .og-ph{aspect-ratio:auto!important;grid-column:auto!important}
.og5 .og-ph img{position:absolute;inset:0}
.works5 .wk:last-child:nth-child(odd){grid-column:1/-1}
@media (max-width:900px){.og5{grid-template-columns:1fr}.og5-s>figure{flex:none;aspect-ratio:16/9}.og5-2{flex:none}.og5-2 figure{aspect-ratio:4/3!important}}
.t5{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:40px;align-items:center}
.t5-l .tnums{grid-template-columns:1fr 1fr;margin-bottom:28px}
.t5-l .forum-t .k{font-family:var(--num);font-size:12px;letter-spacing:.25em;color:var(--gold);font-weight:700}
.t5-l .forum-t h3{margin:8px 0 10px;font-family:var(--serif);font-size:30px;font-weight:900}
.t5-l .forum-t p{margin:0;color:var(--ink2)}
.t5-f{margin:0;border-radius:var(--r);overflow:hidden;border:1px solid rgba(242,201,76,.4);cursor:zoom-in}
.t5-f img{width:100%;display:block}
@media (max-width:900px){.t5{grid-template-columns:1fr;gap:28px}}
main,footer,.top .wrap{zoom:var(--z,1)}
@media (min-width:901px){.hero,.hero-r{min-height:calc(100svh / var(--z,1))}}
.t5-l .nm{padding:26px 12px 22px}
.t5-l .nm b{font-size:clamp(36px,3.3vw,52px)}
@media (min-width:901px){.wave{width:calc(100% - 64px)}}
.sec{padding:100px 0}
.top{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
.totop{bottom:calc(16px + env(safe-area-inset-bottom))}
.mnav{padding-bottom:calc(24px + env(safe-area-inset-bottom))}
footer{padding-bottom:env(safe-area-inset-bottom)}
h1,h2,h3,.c5q p,.theme-t{text-wrap:balance}
p,blockquote{text-wrap:pretty}
.btn:active,.pf:active,.path:active,.ico:active,.dl:active{transform:scale(.97)}
.btn[disabled],.btn[aria-disabled="true"]{opacity:.45;pointer-events:none;filter:grayscale(.6)}
main>section.sec+section.sec::before{content:"";position:absolute;left:50%;top:0;width:min(560px,60%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(242,201,76,.45),transparent)}
img.sk{background:linear-gradient(100deg,rgba(255,255,255,.03) 30%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.03) 70%) 0 0/200% 100%;animation:skel 1.4s linear infinite}
@keyframes skel{to{background-position:-200% 0}}
.film img,.lx img,.aw5 .ph img,.d5-ph img{filter:saturate(1.04) contrast(1.03) brightness(1.03)}
.lx figure:nth-child(n) img{filter:saturate(1.04) contrast(1.04) brightness(1.06)}
.hero-r::after{mix-blend-mode:screen}
.hero-r picture::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(160deg,rgba(242,201,76,.07),transparent 45%,rgba(184,137,42,.06));mix-blend-mode:soft-light}
[data-tod="night"] .hero-r img{filter:saturate(.98) contrast(1.06) brightness(.97)}
[data-tod="day"] .hero-r img{filter:saturate(1.04) contrast(1.03) brightness(1.02)}
[data-season="winter"] .hero{background-color:#05080F}
.news{position:relative;z-index:5;display:flex;align-items:center;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:var(--top);padding:9px 20px;font-size:13px;color:var(--ink2);background:linear-gradient(90deg,rgba(242,201,76,.04),rgba(242,201,76,.11),rgba(242,201,76,.04));border-bottom:1px solid rgba(242,201,76,.2);transition:background .3s}
.news:hover{background:rgba(242,201,76,.14)}
.news b{padding:2px 9px;border-radius:999px;background:var(--metal);color:#1a1306;font-size:11.5px;letter-spacing:.1em}
.news i{font-style:normal;color:var(--gold)}
.news em{font-style:normal;color:var(--gold)}
.news+.hero{min-height:calc(100svh - var(--top) - 38px)}
.news+.hero .hero-r{margin-top:0}
.now{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;font-family:var(--num);font-size:11.5px;letter-spacing:.18em;color:var(--gold);font-weight:700}
.now i{width:7px;height:7px;border-radius:50%;background:#3BD16F;box-shadow:0 0 0 0 rgba(59,209,111,.6);animation:nowp 2s infinite}
@keyframes nowp{70%{box-shadow:0 0 0 8px rgba(59,209,111,0)}100%{box-shadow:0 0 0 0 rgba(59,209,111,0)}}
.hcta{position:relative;flex-wrap:wrap;align-items:center}
.ico{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border-radius:999px;border:1px solid var(--line2);background:rgba(255,255,255,.03);color:var(--ink2);font:inherit;font-size:13px;cursor:pointer;transition:border-color .3s,color .3s}
.ico:hover{border-color:var(--gold);color:var(--gold)}
.ico svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
.ico svg path:first-child{fill:currentColor;stroke:none}
#qrbtn svg path:first-child{fill:none;stroke:currentColor}
.qrpop{position:absolute;z-index:20;margin-top:10px;display:flex;gap:14px;align-items:center;padding:14px;border-radius:16px;background:rgba(10,18,34,.96);border:1px solid rgba(242,201,76,.4);box-shadow:0 30px 60px -20px rgba(0,0,0,.9);max-width:360px}
.qrpop[hidden]{display:none}
.qrpop img{background:#fff;border-radius:8px;padding:6px}
.qrpop b{display:block;font-size:14.5px}
.qrpop span{display:block;font-size:12.5px;color:var(--muted);margin:2px 0 8px}
.qrpop a{font-size:13px;color:var(--gold)}
.hq{position:absolute;z-index:4;left:9%;bottom:118px;margin:0;max-width:260px;padding:14px 16px;border-radius:14px;background:rgba(5,8,15,.66);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(242,201,76,.3)}
.hq blockquote{margin:0;font-family:var(--serif);font-weight:900;font-size:16px;line-height:1.55}
.hq figcaption{margin-top:6px;font-size:12px;color:var(--gold)}
.hq figcaption span{display:block;color:var(--muted)}
.paths{padding:26px 0;border-bottom:1px solid var(--line);background:#060B16}
.paths .wrap{display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.paths-k{align-self:center;font-family:var(--serif);font-weight:900;font-size:18px;color:var(--gold);padding-right:8px}
.path{position:relative;display:flex;flex-direction:column;gap:2px;padding:14px 40px 14px 18px;border-radius:14px;border:1px solid var(--line2);background:rgba(255,255,255,.02);transition:border-color .3s,background .3s}
.path:hover{border-color:var(--gold);background:rgba(242,201,76,.05)}
.path b{font-size:15.5px}
.path span{font-size:12.5px;color:var(--muted)}
.path i{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-style:normal;color:var(--gold)}
.en-line{margin-top:10px!important;font-family:var(--latin);font-style:italic;font-size:17px!important;color:var(--gold)!important}
.core-sign{margin-top:auto;padding-top:22px;display:flex;align-items:center;gap:14px}
.core-sign .sig-zh{margin:0!important;padding:0!important;width:130px!important}
.core-av{width:56px;height:56px;border-radius:50%;border:1px solid rgba(242,201,76,.5);object-fit:cover}
.theme{margin:18px 0 0;display:grid;grid-template-columns:auto minmax(0,1.2fr) minmax(0,1fr);gap:28px;align-items:center;padding:28px 32px;border-radius:var(--r);border:1px solid rgba(242,201,76,.3);background:radial-gradient(90% 140% at 0% 50%,rgba(242,201,76,.1),transparent 60%),var(--panel)}
.theme-k{display:flex;flex-direction:column;align-items:center;gap:2px;padding-right:22px;border-right:1px solid var(--line2);font-size:12px;color:var(--muted);letter-spacing:.12em}
.theme-k b{font-family:var(--num);font-size:30px;color:var(--gold);letter-spacing:0}
.theme-t{margin:0;font-family:var(--serif);font-weight:900;font-size:clamp(24px,2.3vw,34px);line-height:1.45}
.theme-t em{font-style:normal;background:var(--goldtx);-webkit-background-clip:text;background-clip:text;color:transparent}
.theme-q{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.theme-q li{font-family:var(--serif);font-weight:700;font-size:15.5px;color:var(--ink2);padding-left:14px;border-left:2px solid rgba(242,201,76,.5)}
.theme figcaption{grid-column:1/-1;font-size:12.5px;color:var(--muted)}
.en-sub{margin-top:10px!important;font-family:var(--latin);font-style:italic;font-size:16px!important;color:var(--gold)!important}
.fan .fd:hover{transform:perspective(900px) rotateX(var(--rx,0)) rotateY(var(--ry,0)) scale(1.04)!important}
.ctl{margin-top:34px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center}
.ctl-k{font-size:13px;font-weight:700;letter-spacing:.14em;color:var(--gold)}
.ctl ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative}
.ctl ol::before{content:"";position:absolute;left:0;right:0;top:9px;height:1px;background:linear-gradient(90deg,rgba(242,201,76,.2),rgba(242,201,76,.7))}
.ctl li{position:relative;padding:26px 14px 0 0;font-size:13.5px;color:var(--ink2);line-height:1.6}
.ctl li::before{content:"";position:absolute;left:0;top:4px;width:11px;height:11px;border-radius:50%;background:var(--bg);border:2px solid var(--gold)}
.ctl li.hot::before{background:var(--gold);box-shadow:0 0 0 5px rgba(242,201,76,.18)}
.ctl li b{display:block;font-family:var(--num);font-size:18px;color:var(--ink)}
.cinfo{padding:14px 16px;border-radius:14px;border:1px solid rgba(242,201,76,.35);background:rgba(242,201,76,.05)}
.ci-k{font-size:12px;letter-spacing:.14em;color:var(--gold);font-weight:700;margin-bottom:6px}
.cinfo dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-size:13.5px}
.cinfo dt{color:var(--muted)}
.cinfo dd{margin:0}
.cfaq,.kfaq{margin-top:30px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.kfaq .k{grid-column:1/-1;font-size:13px;font-weight:700;letter-spacing:.14em;color:var(--gold)}
.cfaq details,.kfaq details{border-radius:14px;border:1px solid var(--line2);background:rgba(255,255,255,.02)}
.cfaq summary,.kfaq summary{cursor:pointer;list-style:none;padding:14px 44px 14px 18px;font-weight:700;font-size:15px;position:relative}
.cfaq summary::-webkit-details-marker,.kfaq summary::-webkit-details-marker{display:none}
.cfaq summary::after,.kfaq summary::after{content:"＋";position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--gold);transition:transform .3s}
.cfaq details[open] summary::after,.kfaq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.cfaq details p,.kfaq details p{margin:0;padding:0 18px 16px;font-size:14px;color:var(--ink2)}
.ccta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.bk .en-t{margin:-2px 0 6px!important;font-family:var(--latin);font-style:italic;font-size:14.5px!important;color:var(--gold)!important}
.bflow{margin-top:34px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center}
.bflow>i{font-style:normal;color:var(--gold);font-size:22px}
.bf{padding:16px 18px;border-radius:14px;border:1px solid var(--line2);background:rgba(255,255,255,.02);display:flex;flex-direction:column;gap:2px}
.bf:last-child{border-color:rgba(242,201,76,.5);background:rgba(242,201,76,.06)}
.bf-n{font-family:var(--num);font-size:11px;letter-spacing:.2em;color:var(--gold)}
.bf b{font-size:17px}
.bf span:last-child{font-size:12.5px;color:var(--muted)}
.btoc{margin-top:14px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.btoc summary{list-style:none;cursor:pointer;display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:16px 20px}
.btoc summary::-webkit-details-marker{display:none}
.btoc summary span{font-weight:700}
.btoc summary em{font-style:normal;font-size:13px;color:var(--muted)}
.btoc summary i{margin-left:auto;font-style:normal;color:var(--gold);transition:transform .3s}
.btoc[open] summary i{transform:rotate(45deg)}
.btoc ol{list-style:none;margin:0;padding:0 20px 18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 22px}
.btoc li{font-size:14px;color:var(--ink2);padding:6px 0;border-top:1px solid var(--line)}
.btoc li b{font-family:var(--num);color:var(--gold);margin-right:8px;font-size:12.5px}
.fw-note a{margin-left:14px;color:var(--gold);font-size:13px}
.ar6{margin-top:34px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:stretch}
.ar6-badge{display:flex;align-items:center;gap:18px;padding:16px 22px 16px 16px;border-radius:var(--r);border:1px solid rgba(242,201,76,.35);background:var(--panel)}
.ar6-badge svg{width:118px;height:118px;flex:none;animation:spin 40s linear infinite}
.ar6-badge .ring{font-family:var(--num);font-size:9.5px;letter-spacing:2.4px;fill:var(--gold);font-weight:700}
.ar6-badge .ten{font-family:var(--num);font-weight:800;font-size:46px;fill:#F2C94C}
.ar6-badge .yrs{font-family:var(--num);font-size:11px;letter-spacing:4px;fill:var(--ink)}
.ar6-badge b{display:block;font-size:19px}
.ar6-badge span{font-size:13px;color:var(--muted)}
.ar6-reach{padding:20px 24px;border-radius:var(--r);border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;justify-content:center;gap:10px}
.ar6-reach .k{font-size:12px;letter-spacing:.14em;color:var(--gold);font-weight:700}
.reach{display:flex;flex-wrap:wrap;gap:8px}
.reach span{position:relative;padding:6px 14px 6px 24px;border-radius:999px;border:1px solid var(--line2);font-size:14px}
.reach span::before{content:"";position:absolute;left:11px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px rgba(242,201,76,.8)}
.ar6-reach p{margin:0;font-size:14px;color:var(--ink2)}
.svc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.sv{background:var(--bg);padding:20px 22px;display:flex;flex-direction:column;gap:6px;transition:background .4s}
.sv:hover{background:var(--bg2)}
.sv b{font-size:17px}
.sv span{font-size:13px;color:var(--muted);line-height:1.7}
.aip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.ap{position:relative;padding:20px 18px;border-radius:16px;border:1px solid var(--line2);background:radial-gradient(120% 80% at 100% 0%,rgba(242,201,76,.09),transparent 60%),var(--panel);display:flex;flex-direction:column;gap:6px}
.ap i{font-style:normal;font-family:var(--num);font-size:11px;letter-spacing:.2em;color:var(--gold)}
.ap b{font-size:15.5px;line-height:1.4}
.ap span{font-size:12.5px;color:var(--muted);line-height:1.65}
.lg .n small{display:block;font-family:var(--latin);font-style:italic;font-size:13px;color:var(--muted);font-weight:500;margin-top:1px}
#awards.sec{background:radial-gradient(900px 500px at 85% 10%,rgba(242,201,76,.08),transparent 65%),linear-gradient(180deg,var(--bg2),var(--bg))}
#awards.sec::after{content:"";position:absolute;right:4%;top:120px;width:260px;height:260px;pointer-events:none;opacity:.05;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23F2C94C' stroke-width='2'%3E%3Cpath d='M20 8h24v14a12 12 0 01-24 0zM20 12H10a8 8 0 008 10M44 12h10a8 8 0 01-8 10M32 34v10M22 54h20M26 44h12v10H26z'/%3E%3C/svg%3E")}
.route{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:-12px 0 24px}
.route span{padding:6px 14px;border-radius:999px;border:1px solid rgba(242,201,76,.35);font-size:14px;background:rgba(242,201,76,.04)}
.route i{width:22px;height:1px;background:linear-gradient(90deg,rgba(242,201,76,.2),rgba(242,201,76,.8))}
.og5-card{box-shadow:0 40px 70px -30px rgba(0,0,0,.95),0 0 0 1px rgba(242,201,76,.2)}
.m6q a{color:var(--gold)}
.d6-why{margin:-10px 0 18px!important;font-size:15px!important;color:var(--ink)!important;padding-left:12px;border-left:2px solid var(--gold)}
.credits-k{font-family:var(--num);font-size:11px;letter-spacing:.3em;color:var(--muted);margin-bottom:10px}
#director .d5-t .dwall{padding:18px 20px;border-radius:14px;background:#03050A;border:1px solid var(--line);font-size:clamp(17px,1.7vw,24px);letter-spacing:.06em;gap:2px 16px}
.dflow,.tflow ol{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.dflow{margin-top:34px}
.dflow span{padding:8px 16px;border-radius:999px;border:1px solid var(--line2);font-size:14px;background:rgba(255,255,255,.02)}
.dflow span:last-child{border-color:rgba(242,201,76,.5);color:var(--gold)}
.dflow i{width:18px;height:1px;background:rgba(242,201,76,.6)}
.unis{margin-top:40px;padding:20px 22px;border-radius:var(--r);border:1px solid var(--line);background:rgba(255,255,255,.02)}
.unis .k,.tflow .k{font-size:12px;letter-spacing:.14em;color:var(--gold);font-weight:700;margin-bottom:10px}
.uni-l{display:flex;flex-wrap:wrap;gap:6px 8px}
.uni-l span{font-size:13.5px;padding:5px 12px;border-radius:999px;border:1px solid var(--line2);color:var(--ink2)}
.tflow{margin-top:22px}
.tflow ol{list-style:none;margin:0;padding:0;counter-reset:none}
.tflow li{display:flex;align-items:center;gap:8px;padding:9px 16px;border-radius:12px;border:1px solid var(--line2);font-size:14px;background:rgba(255,255,255,.02)}
.tflow li b{font-family:var(--num);font-size:11.5px;color:var(--gold)}
.lyf{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px 8px}
.lyf button{padding:7px 14px;border-radius:999px;border:1px solid var(--line2);background:transparent;color:var(--ink2);font:inherit;font-size:13px;cursor:pointer}
.lyf button[aria-pressed="true"]{background:var(--metal);color:#1a1306;border-color:transparent;font-weight:700}
.lylist li[hidden],.lylist .ly[hidden]{display:none}
.courses li:nth-child(-n/**/+5){border-color:rgba(242,201,76,.4);background:rgba(242,201,76,.05)}
.trust{display:flex;flex-wrap:wrap;gap:8px;margin:-16px 0 26px}
.trust span{font-size:13px;padding:6px 12px;border-radius:999px;background:rgba(242,201,76,.08);color:#E9DCB4;border:1px solid rgba(242,201,76,.25)}
.kfaq{margin:22px 0 0}
.ferr{margin:4px 0 0;padding:10px 14px;border-radius:10px;font-size:13.5px;color:#FFB4A8;background:rgba(255,110,90,.08);border:1px solid rgba(255,110,90,.35)}
.thanks{grid-column:1/-1;padding:18px 20px;border-radius:16px;border:1px solid rgba(59,209,111,.4);background:rgba(59,209,111,.06);display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.thanks[hidden]{display:none}
.thanks b{font-size:16px}
.thanks p{margin:0;flex:1;font-size:14px;color:var(--ink2)}
.direct .tel{color:inherit;border-bottom:1px dashed rgba(242,201,76,.5)}
.flinks{display:flex;flex-wrap:wrap;gap:8px 18px;margin:26px 0 8px;font-size:13.5px}
.flinks a{color:var(--ink2)}
.flinks a:hover{color:var(--gold)}
.priv{margin:0 0 6px;font-size:12px;color:var(--muted)}
.md{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01))}
.md::before{content:"";position:absolute;right:14px;top:14px;width:18px;height:18px;border-top:1px solid rgba(242,201,76,.5);border-right:1px solid rgba(242,201,76,.5)}
.stoc{position:fixed;left:18px;top:50%;transform:translateY(-50%);z-index:40;display:none;flex-direction:column;gap:6px}
.stoc a{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}
.stoc a b{font-family:var(--num);width:26px;text-align:right;font-size:11px}
.stoc a span{opacity:0;transform:translateX(-6px);transition:opacity .3s,transform .3s;white-space:nowrap;padding:3px 9px;border-radius:999px;background:rgba(5,8,15,.85);border:1px solid var(--line2)}
.stoc a::after{content:"";order:-1;width:7px;height:7px;border-radius:50%;border:1px solid var(--muted)}
.stoc a.on{color:var(--gold)}
.stoc a.on::after{background:var(--gold);border-color:var(--gold)}
.stoc:hover a span,.stoc a.on span{opacity:1;transform:none}
.stoc:not(:hover) a:not(.on) span{opacity:0}
@media (min-width:1560px){.stoc{display:flex}}
.shead .idx .rt{margin-top:6px;font-family:var(--sans);font-size:11.5px;letter-spacing:.04em;color:var(--muted);font-weight:500}
@media (forced-colors:active){.gtx,.theme-t em,.c5q em,.d5-t h3 em,.dwall .star{color:CanvasText!important;-webkit-text-fill-color:CanvasText!important;background:none!important}.btn{border:1px solid ButtonText}}
@supports (animation-timeline:view()){.shead .idx::after{animation:grow linear both;animation-timeline:view();animation-range:entry 10% cover 35%}@keyframes grow{from{width:0}to{width:46px}}}
@media (max-width:1100px){.paths .wrap{grid-template-columns:1fr 1fr 1fr}.paths-k{grid-column:1/-1}.theme{grid-template-columns:auto minmax(0,1fr)}.theme-q{grid-column:1/-1}.aip{grid-template-columns:repeat(3,minmax(0,1fr))}.hq{display:none}}
@media (max-width:900px){.ar6{grid-template-columns:1fr}.svc{grid-template-columns:1fr 1fr}.bflow{grid-template-columns:1fr;gap:6px}.bflow>i{transform:rotate(90deg);justify-self:center}.btoc ol{grid-template-columns:1fr 1fr}.ctl{grid-template-columns:1fr;gap:10px}}
@media (max-width:640px){.news{justify-content:flex-start;font-size:12px;padding:8px 16px;gap:6px}.news i,.news span:nth-of-type(2){display:none}.paths{padding:18px 0}.paths .wrap{grid-template-columns:1fr;gap:8px}.theme{grid-template-columns:1fr;gap:14px;padding:22px 20px}.theme-k{flex-direction:row;gap:10px;border-right:0;border-bottom:1px solid var(--line2);padding:0 0 10px;justify-content:flex-start}.ctl ol{grid-template-columns:1fr 1fr;row-gap:14px}.ctl ol::before{display:none}.cfaq,.kfaq{grid-template-columns:1fr}.btoc ol{grid-template-columns:1fr}.svc{grid-template-columns:1fr}.aip{grid-template-columns:1fr 1fr}.ap:last-child{grid-column:1/-1}.ar6-badge svg{width:92px;height:92px}.ccta .btn{flex:1 1 100%;justify-content:center}.studs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:10px}.studs .st,.studs .st:nth-child(n/**/+4),.studs .st.more{display:flex!important;flex:0 0 84%;scroll-snap-align:start}#stmore{display:none}.qrpop{left:0;right:0;max-width:none}.lg .n small{font-size:12px}}
@media print{.news,.paths,.stoc,.ccta,.hcta,.qrpop,.lyf,#cmore,#lxmore,#stmore,.hq{display:none!important}.courses li.more,.lx figure.more,.studs .st.more{display:flex!important}details>*:not(summary){display:block!important}section{break-inside:auto}.card,.lg,.ly li,figure{break-inside:avoid}.og5-card img{filter:none}}
.hcta .btn{flex:0 0 auto}
.hcta .ico{flex:0 0 auto;padding:8px 12px;font-size:12.5px}
.hcta .ico:first-of-type{margin-left:4px}
.hq{left:auto;right:5%;top:calc(var(--top) + 96px);bottom:auto;max-width:250px;padding:12px 14px}
.hq blockquote{font-size:15px}
.hq blockquote br{display:none}
.hmini{position:relative;display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.hq{display:block}
.hcta .btn{white-space:nowrap}
.pg .top{background:rgba(5,8,15,.86);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.pg .top .wrap{gap:16px}
.pgnav{margin-left:auto;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.pgnav::-webkit-scrollbar{display:none}
.pgnav a{padding:8px 11px;border-radius:999px;font-size:14px;color:var(--ink2);white-space:nowrap}
.pgnav a:hover{color:var(--gold)}
.pgm{padding-top:var(--top)}
.pgh{padding:90px 0 40px;background:radial-gradient(900px 400px at 10% 0%,rgba(242,201,76,.12),transparent 60%)}
.pg-k{font-family:var(--num);font-size:12px;letter-spacing:.3em;color:var(--gold);font-weight:700}
.pgh h1{margin:12px 0 14px;font-family:var(--serif);font-weight:900;font-size:clamp(36px,5vw,64px);line-height:1.15}
.pgh h1 .latin{display:block;font-size:.42em;color:var(--gold);font-family:var(--latin);font-style:italic;font-weight:600;margin-bottom:8px}
.pgh p{margin:0;max-width:720px;color:var(--ink2);font-size:17px}
.pgs{padding:28px 0 56px}
.pgs h2{font-family:var(--serif);font-weight:900;font-size:clamp(24px,2.4vw,32px);margin:0 0 18px}
.pgcta{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.pgsrc{margin-top:22px;font-size:12.5px;color:var(--muted)}
.pgsrc a{color:var(--gold)}
.pgf{padding:30px 0 40px}
.mfs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mf{padding:24px 24px 26px;border-radius:var(--r);border:1px solid var(--line);background:var(--panel);scroll-margin-top:90px}
.mf:target{border-color:var(--gold)}
.mf-h{display:flex;justify-content:space-between;font-family:var(--num);font-size:12px;letter-spacing:.16em}
.mf-n{color:var(--gold)}
.mf-ch{color:var(--muted)}
.mf h2{margin:10px 0 6px!important;font-size:22px!important}
.mf-d{margin:0 0 14px;color:var(--ink2);font-size:14px}
.mf ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.mf li{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.mf li b{color:var(--ink)}
.mf li span{color:var(--ink2)}
.mnote{margin:12px 0 0;font-size:13px;color:var(--gold)}
.tlf{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.tlf button{padding:7px 14px;border-radius:999px;border:1px solid var(--line2);background:transparent;color:var(--ink2);font:inherit;font-size:13px;cursor:pointer}
.tlf button[aria-pressed="true"]{background:var(--metal);color:#1a1306;border-color:transparent;font-weight:700}
.tl{list-style:none;margin:0;padding:0;position:relative}
.tl::before{content:"";position:absolute;left:108px;top:6px;bottom:6px;width:1px;background:linear-gradient(180deg,rgba(242,201,76,.7),rgba(242,201,76,.15))}
.tl li{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr);gap:30px;padding:14px 0;scroll-margin-top:90px}
.tl li[hidden]{display:none}
.tl li::before{content:"";position:absolute;left:103px;top:22px;width:11px;height:11px;border-radius:50%;background:var(--bg);border:2px solid var(--gold)}
.tl time{font-family:var(--num);font-weight:800;font-size:18px;color:var(--gold);text-align:right;padding-top:2px}
.tl b{display:block;font-size:17px;line-height:1.5}
.tl p{margin:4px 0 0;font-size:14px;color:var(--ink2)}
.tk{display:inline-block;margin-bottom:4px;font-size:11.5px;padding:2px 9px;border-radius:999px;border:1px solid var(--line2);color:var(--muted)}
.tl .k3 .tk{color:var(--gold);border-color:rgba(242,201,76,.45)}
.tl .k5 .tk,.tl .k6 .tk{color:#9FD5FF;border-color:rgba(159,213,255,.4)}
.pfg{margin-bottom:34px}
.pfl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pfl .pf{justify-content:space-between}
.pfl .pf span{margin-right:auto}
.pcs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pcert{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:12px;background:linear-gradient(135deg,#6E5420,#E9C46A 25%,#8C6A24 50%,#F2D488 75%,#6E5420)}
.pcert img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#fff;border-radius:3px}
.pcert span{color:#1a1306;font-weight:700;font-size:14px;text-align:center}
.pk{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:28px;align-items:start}
.pfacts,.pmedia{list-style:none;margin:0 0 30px;padding:0}
.pfacts li{padding:10px 0 10px 18px;border-bottom:1px solid var(--line);position:relative;font-size:15px}
.pfacts li::before{content:"";position:absolute;left:0;top:19px;width:6px;height:6px;border-radius:50%;background:var(--gold)}
.pmedia{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pmedia li{padding:12px 14px;border-radius:12px;border:1px solid var(--line2);display:flex;flex-direction:column}
.pmedia b{font-size:15px}
.pmedia span{font-size:12.5px;color:var(--muted)}
.pk-r{display:flex;flex-direction:column;gap:10px;position:sticky;top:96px}
.pk-r img{width:100%;border-radius:16px;border:1px solid var(--line)}
.pk-r .btn{justify-content:center}
.pcontact{margin-top:6px;padding:14px 16px;border-radius:14px;border:1px solid rgba(242,201,76,.35);display:flex;flex-direction:column;gap:4px;font-size:14.5px}
.pcontact b{color:var(--gold);font-size:12.5px;letter-spacing:.12em}
.pbh{margin-top:20px!important}
.pbios{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pbio{padding:18px 20px;border-radius:16px;border:1px solid var(--line);background:var(--panel)}
.pbio-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.pbio p{margin:0;font-size:14.5px;color:var(--ink2);line-height:1.85}
.pbooks{display:grid;gap:16px}
.pbooks article{display:grid;grid-template-columns:150px minmax(0,1fr);gap:26px;align-items:center;padding:22px;border-radius:var(--r);border:1px solid var(--line);background:var(--panel)}
.pbooks img{width:100%;border-radius:3px 8px 8px 3px;box-shadow:20px 30px 50px -20px rgba(0,0,0,.9)}
.pbooks h2{margin:6px 0 4px!important;font-size:24px!important}
.pbooks p{margin:0 0 10px;color:var(--ink2);font-size:14.5px}
.pbooks .en-t{font-family:var(--latin);font-style:italic;color:var(--gold);font-size:16px}
.pbooks .pf{display:inline-flex}
.ptoc{margin-top:30px;padding:24px;border-radius:var(--r);border:1px solid var(--line)}
.ptoc ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 26px}
.ptoc li{padding:8px 0;border-bottom:1px solid var(--line);font-size:15px}
.ptoc li b{font-family:var(--num);color:var(--gold);margin-right:10px;font-size:13px}
.pq{margin:26px 0 0;padding:20px 24px;border-left:3px solid var(--gold);background:rgba(242,201,76,.05);border-radius:0 14px 14px 0}
.pq blockquote{margin:0;font-family:var(--serif);font-weight:900;font-size:clamp(18px,1.8vw,24px);line-height:1.6}
.pq figcaption{margin-top:6px;font-size:13px;color:var(--muted)}
.enum{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin-top:30px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.enum div{background:var(--bg);padding:18px 16px}
.enum b{display:block;font-family:var(--num);font-size:32px;font-weight:800;color:var(--gold)}
.enum span{font-size:12.5px;color:var(--muted)}
.enp{max-width:860px;font-size:17px;color:var(--ink2);line-height:1.85}
.enl{list-style:none;margin:0;padding:0;max-width:900px}
.enl li{padding:12px 0 12px 20px;border-bottom:1px solid var(--line);position:relative;color:var(--ink2);line-height:1.75}
.enl li::before{content:"";position:absolute;left:0;top:22px;width:6px;height:6px;border-radius:50%;background:var(--gold)}
.enl b{color:var(--ink)}
.p404{min-height:70svh;display:flex;align-items:center}
@media (max-width:1000px){.mfs{grid-template-columns:1fr 1fr}.pfl{grid-template-columns:1fr 1fr}.pk{grid-template-columns:1fr}.pk-r{position:static}.enum{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.pg .top .btn.cta{display:none}.pgnav a{padding:8px 8px;font-size:13px}.pgh{padding:56px 0 26px}.mfs,.pfl,.pcs,.pbios,.pmedia,.ptoc ol{grid-template-columns:1fr}.tl::before{left:64px}.tl li{grid-template-columns:54px minmax(0,1fr);gap:24px}.tl li::before{left:59px}.tl time{font-size:14px}.pbooks article{grid-template-columns:90px minmax(0,1fr);gap:16px;padding:16px}.enum{grid-template-columns:1fr 1fr}.mf li{grid-template-columns:1fr;gap:2px}}.bf-n,.ap i,.credits-k,.now,.tflow li b,.pg-k{font-size:12px}
@media (min-width:901px){.lylist{display:block;columns:2;column-gap:34px}.ly{break-inside:avoid;page-break-inside:avoid}}

@media (max-width:640px){
  .pg .brand i{display:none}.pg .brand b{font-size:15px}.pg .top .wrap{gap:8px}
  .tl::before{left:76px}.tl li{grid-template-columns:66px minmax(0,1fr);gap:22px}.tl li::before{left:71px}.tl time{font-size:13px;line-height:1.3}
}
@media (max-width:640px){.pg .brand b{display:none}.pgnav{flex:1;min-width:0;margin-left:4px}}
.pgnav{min-width:0}
@media (max-width:640px){.wall-h{flex-direction:column;align-items:flex-start;gap:4px}.wall-h h3{font-size:20px}.wall-h span{font-size:12.5px}}
@media print{
  .astrip,.aiw-c,.vframe,.svc,.sv,.ap,.bf,.cinfo,.theme,.path{background:#fff!important;color:#111!important;border-color:#ccc!important}
  .gtx,.astrip .gtx,.nm b,.hstat b,.theme-t em,.c5q em,.d5-t h3 em,.dwall .star{background:none!important;-webkit-text-fill-color:#8a6516!important;color:#8a6516!important}
  .astrip-h img,.ar6-badge svg{filter:invert(1)}
  .sec{padding:18px 0!important}
}
@media print{.sig{filter:invert(1) brightness(.3)}}

/* ══════════════════════════ v7 ══════════════════════════ */
:root{--ivory:#F4EFE4;--ivory2:#EBE3D2;--paper-ink:#16130D;--ogred:#E2231A;--teal:#3FD0C9;--violet:#8B6CFF}

/* ── 金色流光：重點數字定期掃過一道光 */
.gtx{background-size:220% 100%;animation:goldflow 7s ease-in-out infinite}
@keyframes goldflow{0%,62%{background-position:0% 0}100%{background-position:-220% 0}}
.gtx{background-image:linear-gradient(100deg,#B8892A 0%,#F2C94C 18%,#FFF3C8 30%,#F2C94C 42%,#B8892A 55%,#F2C94C 72%,#FFF3C8 84%,#B8892A 100%)}

/* ── 大型描邊章節編號（每區背景） */
.sec[id]{overflow:clip}
.bgnum{position:absolute;right:-1vw;top:40px;z-index:0;font-family:var(--num);font-weight:800;font-size:clamp(160px,22vw,380px);line-height:.8;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px rgba(242,201,76,.16);pointer-events:none;user-select:none;transform:translate3d(0,var(--py,0px),0);will-change:transform}
.sec>.wrap{position:relative;z-index:1}
@media (max-width:640px){.bgnum{font-size:150px;top:24px;right:-12px}}

/* ── 標題下方金線掃描 */
.shead h2{position:relative}
.shead h2::after{content:"";display:block;height:2px;width:0;margin-top:18px;background:linear-gradient(90deg,var(--gold),transparent);transition:width 1.4s var(--ease) .25s}
.shead h2.in::after{width:min(240px,40%)}

/* ── 區塊色調節奏 ─────────────────────── */
/* 01 定位：午夜極光 */
#roles{background:radial-gradient(900px 520px at 12% 8%,rgba(63,208,201,.10),transparent 60%),radial-gradient(800px 600px at 92% 30%,rgba(139,108,255,.12),transparent 62%),radial-gradient(700px 420px at 50% 100%,rgba(242,201,76,.07),transparent 70%),linear-gradient(180deg,#060A16,#070B18)}
/* 02 證照：證書防偽紋＋金色聚光 */
#cert{background:radial-gradient(1000px 520px at 78% 18%,rgba(242,201,76,.12),transparent 62%),linear-gradient(180deg,#07090F,#0A0D16)}
#cert::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:repeating-radial-gradient(circle at 78% 22%,rgba(242,201,76,.07) 0 1px,transparent 1px 18px);-webkit-mask-image:radial-gradient(700px 520px at 78% 22%,#000,transparent 70%);mask-image:radial-gradient(700px 520px at 78% 22%,#000,transparent 70%)}

/* 03 著作、09 媒體：象牙紙淺色區（翻頁感） */
.lt{--ink:#17140E;--ink2:#3D3A33;--muted:#6E685C;--panel:rgba(30,24,10,.035);--panel2:rgba(30,24,10,.06);--line:rgba(30,24,10,.12);--line2:rgba(30,24,10,.22);--gold:#8E6512;--gold-hi:#6F4E0D;--goldtx:linear-gradient(180deg,#C9962E 0%,#8E6512 60%,#B8892A 100%);
  color:var(--ink);background:var(--ivory)!important;border-radius:44px 44px 0 0;margin-top:-44px;box-shadow:0 -30px 80px -20px rgba(0,0,0,.6)}
.lt::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='p'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .55  0 0 0 0 .48  0 0 0 0 .35  0 0 0 .09 0'/></filter><rect width='100%' height='100%' filter='url(%23p)'/></svg>")}
.lt+section,.lt+figure,.lt+div{position:relative}
.lt .bgnum{-webkit-text-stroke:1px rgba(142,101,18,.22)}
.lt .shead h2 .latin{color:var(--gold)}
.lt .gtx{background-image:linear-gradient(100deg,#8E6512 0%,#C9962E 30%,#E9C46A 42%,#8E6512 60%,#C9962E 100%)}
.lt .card,.lt .pf,.lt .bf,.lt .btoc,.lt .fwc,.lt .st{background:#FBF8F1;border-color:rgba(30,24,10,.10);box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 18px 40px -26px rgba(60,40,0,.35)}
.lt .card:hover,.lt .pf:hover,.lt .fwc:hover{border-color:rgba(142,101,18,.45)}
.lt .btn.ghost{color:var(--ink);border-color:rgba(30,24,10,.25);background:rgba(255,255,255,.5)}
.lt .btn.ghost:hover{border-color:var(--gold);color:var(--gold-hi)}
.lt .pref,.lt .mr6{background:radial-gradient(120% 120% at 0% 0%,rgba(201,150,46,.16),transparent 55%),#FFFDF8;border-color:rgba(142,101,18,.35);box-shadow:0 30px 60px -36px rgba(60,40,0,.45)}
.lt .pref-k{background:rgba(142,101,18,.12);color:#6F4E0D}
.lt .sig{filter:invert(1) brightness(.2) sepia(.4)}
.lt .bk .ed{color:#7A6C52}
.lt .bk h3{color:var(--ink)}
.lt .ribbon{color:#1a1306}
.lt .fwc .glyph{color:rgba(142,101,18,.14)!important;-webkit-text-stroke:0}
.lt .fwc .no,.lt .fwc .ch{color:var(--gold)}
.lt .wall-h span,.lt .fw-note span{color:var(--muted)}
.lt .bflow i,.lt .bflow .bf-n{color:var(--gold)}
.lt .bflow .bf:last-child{background:linear-gradient(135deg,#FFF6DD,#FBF1D6);border-color:rgba(142,101,18,.45)}
.lt .shead .idx{color:var(--muted)}
.lt .rt{color:var(--muted)!important}
.lt .md{background:#FBF8F1!important;color:var(--ink)}
.lt .md:hover{background:#fff!important}
.lt .media{background:rgba(30,24,10,.10);border-color:rgba(30,24,10,.12)}
.lt a.lnk span{color:var(--gold-hi)}
.lt .st blockquote{color:var(--ink2)}
.lt .st figcaption span{color:var(--gold)}
.lt .btoc summary em,.lt .btoc li{color:var(--ink2)}
.lt .btoc li b{color:var(--gold)}
.lt ::selection{background:rgba(201,150,46,.35);color:#000}

/* 04 亞瑞特：深夜藍＋團隊照背光 */
#arete{background:linear-gradient(180deg,rgba(6,10,20,.86),#05080F 46%),url("img/v7/team-office.webp") center top/cover no-repeat}
#arete::after{content:"";position:absolute;left:0;right:0;top:0;height:520px;pointer-events:none;background:radial-gradient(60% 100% at 50% 0%,rgba(242,201,76,.10),transparent 70%)}
/* 05 得獎：黑金舞台光束 */
#awards.sec{background:conic-gradient(from 200deg at 50% -10%,transparent 0deg,rgba(242,201,76,.10) 18deg,transparent 36deg,transparent 324deg,rgba(242,201,76,.08) 342deg,transparent 360deg),radial-gradient(900px 500px at 85% 10%,rgba(242,201,76,.10),transparent 65%),linear-gradient(180deg,#0B0904,#05080F)}
#awards .spark{position:absolute;width:3px;height:3px;border-radius:50%;background:#FFE9A8;box-shadow:0 0 10px 2px rgba(255,233,168,.7);opacity:0;animation:twinkle 4.2s ease-in-out infinite;pointer-events:none;z-index:0}
@keyframes twinkle{0%,100%{opacity:0;transform:scale(.4)}45%{opacity:.9;transform:scale(1)}}
/* 06 奧美：石墨藍＋奧美紅細線 */
#ogilvy{background:radial-gradient(800px 420px at 8% 0%,rgba(226,35,26,.10),transparent 60%),linear-gradient(180deg,#0B1222,#080D18)}
#ogilvy::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,var(--ogred) 30%,var(--ogred) 70%,transparent);opacity:.75}
/* 07 導演：電影院黑＋上下遮幅＋放映光 */
#director.sec{background:radial-gradient(70% 60% at 50% 0%,rgba(255,255,255,.07),transparent 70%),#020304}
#director::before,#director::after{content:"";position:absolute;left:0;right:0;height:26px;z-index:2;pointer-events:none;background:repeating-linear-gradient(90deg,#000 0 18px,rgba(255,255,255,.07) 18px 28px,#000 28px 46px),#000;opacity:.9}
#director::before{top:0}#director::after{bottom:0}
/* 08 教學：講台聚光 */
#teach{background:radial-gradient(60% 45% at 50% 0%,rgba(255,226,150,.12),transparent 70%),linear-gradient(180deg,#0E0B07,#070A12 40%,#05080F)}
/* 10 研究室：社群色光 */
#lab.sec{background:radial-gradient(700px 400px at 90% 20%,rgba(221,42,123,.12),transparent 62%),radial-gradient(700px 400px at 5% 80%,rgba(24,119,242,.12),transparent 62%),linear-gradient(180deg,#080A16,#05080F)}
/* 11 合作：金色晨光 */
#contact{background:radial-gradient(1000px 520px at 50% 0%,rgba(242,201,76,.14),transparent 66%),linear-gradient(180deg,#0A0C12,#05080F)}

/* ── 首屏：姓名流光、Mr.6 引言升級 */
.hname .line{position:relative;background:linear-gradient(100deg,#fff 0%,#fff 40%,#FFE9A8 50%,#fff 60%,#fff 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:namesweep 6s ease-in-out 2.4s infinite}
@keyframes namesweep{0%,70%{background-position:100% 0}100%{background-position:-150% 0}}
.hq{max-width:300px!important;padding:16px 18px!important;background:linear-gradient(160deg,rgba(14,18,30,.82),rgba(5,8,15,.72))!important;border:1px solid rgba(242,201,76,.45)!important;box-shadow:0 30px 60px -30px rgba(0,0,0,.9),0 0 0 6px rgba(242,201,76,.05)}
.hq blockquote{font-size:16.5px!important;line-height:1.6}
.hq blockquote br{display:inline!important}
.hq figcaption{display:grid!important;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;margin-top:10px!important}
.hq-sig{grid-row:span 2;width:52px;height:auto;filter:drop-shadow(0 0 6px rgba(242,201,76,.25))}
.hq figcaption .hq-w{display:block;color:var(--ink2)!important;font-size:11.5px}
.hq figcaption .hq-w b{display:block;color:var(--gold);font-size:13px}
.hq figcaption .hq-s{display:block;color:var(--muted);font-size:11px}

/* ── 權威媒體跑馬燈 */
div.seen{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,#05080F,#0A0F1C,#05080F);overflow:hidden;position:relative}
div.seen .wrap{display:flex;align-items:center;gap:26px;padding-top:16px;padding-bottom:16px}
.seen-k{flex:0 0 auto;font-family:var(--latin);font-style:italic;font-size:17px;color:var(--gold);white-space:nowrap}
.seen-t{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.seen-r{display:flex;gap:44px;width:max-content;animation:seen 46s linear infinite}
div.seen:hover .seen-r{animation-play-state:paused}
.seen-r span{font-family:var(--serif);font-weight:900;font-size:19px;letter-spacing:.06em;color:rgba(243,239,230,.55);white-space:nowrap;transition:color .3s}
.seen-r span:hover{color:#fff}
.seen-r span.e{font-family:var(--num);letter-spacing:.02em}
@keyframes seen{to{transform:translateX(-50%)}}
@media (max-width:640px){div.seen .wrap{flex-direction:column;align-items:flex-start;gap:8px}.seen-t{width:100%}.seen-r span{font-size:16px}}

/* ── AI 評價文字重點 */
.aiq{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.aiq-c{position:relative;padding:24px 26px;border-radius:18px;background:linear-gradient(160deg,rgba(242,201,76,.10),rgba(255,255,255,.02));border:1px solid rgba(242,201,76,.32)}
.aiq-c::before{content:"AI";position:absolute;right:18px;top:14px;font-family:var(--num);font-weight:800;font-size:44px;color:rgba(242,201,76,.10)}
.aiq-h{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}
.aiq-h b{font-family:var(--serif);font-size:20px;font-weight:900}
.aiq-h span{font-size:12px;color:var(--muted)}
.aiq ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.aiq li{position:relative;padding-left:20px;font-size:15px;line-height:1.7;color:var(--ink2)}
.aiq li::before{content:"";position:absolute;left:0;top:.72em;width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px rgba(242,201,76,.6)}
.aiq q{quotes:"「" "」";font-family:var(--serif);font-weight:700;color:var(--ink)}
.aiq em{font-style:normal;color:var(--gold-hi);background:linear-gradient(transparent 62%,rgba(242,201,76,.28) 62%)}
.aiq-t{display:inline-block;margin-right:8px;padding:1px 9px;border-radius:999px;font-size:12px;font-weight:700;color:#1a1306;background:var(--metal)}
@media (max-width:900px){.aiq{grid-template-columns:1fr}}

/* ── 著作卡緞帶：不再壓住書封 */
.bk.new .ribbon{position:static!important;display:inline-block;margin:16px auto 2px;box-shadow:0 8px 20px -10px rgba(184,137,42,.8)}
.bk.new .cover{margin-top:6px}

/* ── Mr.6 推薦序：題字完整、簽名完整 */
.mr6x .note{align-self:start;transform:rotate(1.2deg);background:#EDE9DF}
.mr6x .note img{height:auto!important;object-fit:contain!important;aspect-ratio:auto}
.mr6x .note figcaption{position:static;background:#16130D;color:#F3EFE6;padding:10px 14px}
.mr6x .sig-mr6{width:104px!important;height:auto}

/* ── 團隊：全景完整露出 */
.team7{display:grid;gap:14px;margin-top:16px}
.tm7{position:relative;margin:0;border-radius:18px;overflow:hidden;border:1px solid rgba(242,201,76,.28);cursor:zoom-in;background:#0A0F1C;box-shadow:0 40px 80px -40px rgba(0,0,0,.9)}
.tm7 img{display:block;width:100%;height:auto;transition:transform 1.4s var(--ease)}
.tm7:hover img{transform:scale(1.02)}
.tm7 figcaption{position:absolute;left:16px;bottom:14px;padding:8px 14px;border-radius:12px;background:rgba(5,8,15,.66);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line2);font-size:12.5px;color:var(--ink2)}
.tm7 figcaption b{display:block;color:var(--gold);font-size:15px;font-weight:900}
.arete-side{grid-template-rows:1fr!important}
@media (max-width:640px){.tm7 figcaption{position:static;border-radius:0;border:0;background:#0A0F1C}}

/* ── 奧美：拿掉名片後三張照片 */
.og7{display:block!important}
.og7 .og5-s{display:grid!important;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:14px}
.og7 .og5-s>figure{aspect-ratio:16/10!important}
.og7 .og5-2{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:1fr 1fr;gap:14px}
.og7 .og5-2 figure{aspect-ratio:auto!important;min-height:150px}
@media (max-width:900px){.og7 .og5-s{grid-template-columns:1fr}.og7 .og5-2{grid-template-columns:1fr 1fr!important;grid-template-rows:auto}.og7 .og5-2 figure{aspect-ratio:4/3!important}}

/* ── Mr.6 團隊合照：完整含題字 */
.mr6row .m6ph{position:relative;align-self:start;cursor:zoom-in;background:#111}
.mr6row .m6ph img{height:auto!important;object-fit:contain!important}
.m6pin{position:absolute;left:65.4%;top:47.5%;width:9%;aspect-ratio:1;transform:translate(-50%,-50%);border:2px solid var(--gold);border-radius:50%;box-shadow:0 0 0 4px rgba(242,201,76,.18),0 0 24px rgba(242,201,76,.5);pointer-events:none;animation:pinpulse 2.6s ease-in-out infinite}
.m6pin b{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translateX(-50%);padding:2px 9px;border-radius:999px;background:var(--gold);color:#1a1306;font-size:12px;font-weight:900;white-space:nowrap}
@keyframes pinpulse{50%{box-shadow:0 0 0 9px rgba(242,201,76,0),0 0 30px rgba(242,201,76,.65)}}
.mr6row .m6ph figcaption{padding:10px 14px;font-size:12.5px;color:var(--ink2);background:#0A0F1C;border-top:1px solid var(--line)}
.m6who{display:flex;gap:14px;align-items:flex-start;margin:16px 0 14px;padding:16px 18px;border-radius:14px;background:rgba(242,201,76,.06);border:1px dashed rgba(242,201,76,.35)}
.m6who img{flex:0 0 auto;width:64px;height:auto;margin-top:2px}
.m6who p{margin:0;font-size:14.5px;line-height:1.75;color:var(--ink2)}
.m6who b{display:block;color:var(--gold);font-size:15.5px;margin-bottom:2px}

/* ── 導演：名人牆 */
.cel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(0,auto);gap:14px;margin-top:8px;perspective:1200px}
.cl{position:relative;margin:0;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.10);background:#0B0D12;cursor:zoom-in;transform-style:preserve-3d;transition:transform .5s var(--ease),border-color .4s,box-shadow .5s}
.cl img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform 1.2s var(--ease),filter .6s;filter:saturate(1.05) contrast(1.04)}
.cl:hover{border-color:rgba(242,201,76,.6);box-shadow:0 40px 80px -36px rgba(0,0,0,.95),0 0 0 1px rgba(242,201,76,.3)}
.cl:hover img{transform:scale(1.05)}
.cl figcaption{position:absolute;left:0;right:0;bottom:0;padding:44px 16px 14px;background:linear-gradient(0deg,rgba(2,3,4,.94),rgba(2,3,4,.55) 60%,transparent)}
.cl-k{display:block;font-size:11.5px;letter-spacing:.14em;color:var(--gold);font-weight:700}
.cl b{display:block;font-family:var(--serif);font-weight:900;font-size:24px;line-height:1.25;color:#fff}
.cl em{display:block;font-style:normal;font-size:12.5px;color:rgba(243,239,230,.72)}
.cl-xl{grid-column:span 2;grid-row:span 2}
.cl-xl img{aspect-ratio:auto;height:100%;min-height:360px}
.cl-xl b{font-size:clamp(30px,3.2vw,46px)}
.cl-xl figcaption{padding:70px 22px 20px}
.cl-sm img{object-position:50% 30%}
.cl-more{display:flex;flex-direction:column;justify-content:center;padding:22px;cursor:default;background:linear-gradient(150deg,rgba(242,201,76,.12),rgba(255,255,255,.02));border:1px dashed rgba(242,201,76,.4)}
.cl-more b{font-size:28px}
.d7{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;align-items:center;margin-top:26px;padding:24px 26px;border-radius:18px;background:rgba(255,255,255,.025);border:1px solid var(--line)}
.d7 .k{font-family:var(--latin);font-style:italic;color:var(--gold);font-size:20px}
.d7 .d6-why{margin:6px 0 0;font-family:var(--serif);font-weight:900;font-size:clamp(19px,1.7vw,24px);line-height:1.55;color:var(--ink)}
.d7 .credits-k{font-size:11.5px;letter-spacing:.2em;color:var(--gold);font-weight:700;margin-bottom:8px}
.d7 .dwall{padding:14px 16px;border-radius:12px;background:#03050A;border:1px solid var(--line);font-size:clamp(15px,1.4vw,19px);letter-spacing:.05em;gap:2px 14px;margin-bottom:12px}
@media (max-width:1100px){.cel{grid-template-columns:repeat(3,minmax(0,1fr))}.cl-xl{grid-column:span 3;grid-row:auto}.cl-xl img{min-height:0;aspect-ratio:16/9}}
@media (max-width:900px){.d7{grid-template-columns:1fr}}
@media (max-width:640px){.cel{grid-template-columns:1fr 1fr;gap:10px}.cl-xl{grid-column:span 2}.cl b{font-size:19px}.cl figcaption{padding:34px 12px 10px}.cl em{font-size:11.5px}}

/* ── 授課單位：依類別三欄、不寫日期 */
.ly7{columns:auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ly7 .ly{break-inside:auto}
.ly7 h4{font-family:var(--serif);font-size:17px;color:var(--gold);margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid rgba(242,201,76,.3)}
.ly7 ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ly7 li{display:block;font-size:13.5px;line-height:1.55}
.ly7 li b{display:block;color:var(--ink);font-weight:700}
.ly7 li span{display:block;color:var(--muted);font-size:12.5px}
@media (max-width:900px){.ly7{grid-template-columns:1fr}}

/* ── 媒體：雜誌封面、電視畫面 */
.md7-k{display:flex;align-items:baseline;justify-content:space-between;margin:34px 0 14px;border-bottom:1px solid var(--line);padding-bottom:10px}
.md7-k b{font-family:var(--serif);font-size:22px;font-weight:900}
.md7-k span{font-size:12.5px;color:var(--muted)}
.mags{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;perspective:1200px}
.mg{position:relative;margin:0;cursor:zoom-in;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 2px 0 rgba(255,255,255,.7) inset,0 26px 50px -26px rgba(40,25,0,.55),0 0 0 1px rgba(30,24,10,.08);transform:rotate(var(--rot,0deg));transition:transform .6s var(--ease),box-shadow .6s}
.mg:nth-child(1){--rot:-1.2deg}.mg:nth-child(2){--rot:.9deg}.mg:nth-child(3){--rot:-.6deg}.mg:nth-child(4){--rot:1.3deg}
.mg:hover{transform:rotate(0) translateY(-8px) scale(1.02);box-shadow:0 40px 70px -30px rgba(40,25,0,.6),0 0 0 1px rgba(142,101,18,.4)}
.mg img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;object-position:left top}
.mg::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 45%,transparent 60%);transform:translateX(-120%);transition:transform 1s var(--ease);pointer-events:none}
.mg:hover::after{transform:translateX(120%)}
.mg figcaption{padding:10px 12px 12px;font-size:12.5px;color:#6E685C;background:#FFFDF8}
.mg figcaption b{display:block;font-family:var(--serif);font-size:16px;color:#17140E}
.tvs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tv{position:relative;margin:0;border-radius:14px;overflow:hidden;background:#111;border:6px solid #1B1A18;box-shadow:0 26px 50px -26px rgba(40,25,0,.6);cursor:zoom-in}
.tv img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform 1.2s var(--ease)}
.tv:hover img{transform:scale(1.04)}
.tv figcaption{padding:10px 12px;font-size:12.5px;color:#CBD2DE;background:#1B1A18}
.tv figcaption b{color:#fff;margin-right:8px}
.onair{position:absolute;right:10px;top:10px;padding:3px 9px 3px 20px;border-radius:6px;background:rgba(0,0,0,.6);color:#fff;font:700 10.5px/1.4 var(--num);letter-spacing:.12em}
.onair::before{content:"";position:absolute;left:8px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:#FF3B30;animation:blink 1.4s steps(2) infinite}
@keyframes blink{50%{opacity:.2}}
.tv-more{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:24px;border:1px dashed rgba(30,24,10,.3);background:#FBF8F1;color:var(--ink);cursor:pointer}
.tv-more b{font-family:var(--serif);font-size:22px}
.tv-more span{font-size:13px;color:var(--muted)}
.tv-more i{font-style:normal;color:var(--gold);font-size:20px}
@media (max-width:1100px){.mags{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.mags{gap:12px}.tvs{grid-template-columns:1fr}.mg figcaption b{font-size:14px}}

/* ── 佐證抽屜（頁內切換） */
.pdw{position:fixed;inset:0;z-index:120;display:flex;justify-content:flex-end}
.pdw[hidden]{display:none}
.pdw-bg{position:absolute;inset:0;background:rgba(2,4,8,.66);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .4s}
.pdw-p{position:relative;width:min(760px,100%);height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#0B1020,#06090F);border-left:1px solid rgba(242,201,76,.35);box-shadow:-40px 0 80px -20px rgba(0,0,0,.8);transform:translateX(100%);transition:transform .55s var(--ease)}
.pdw.on .pdw-bg{opacity:1}.pdw.on .pdw-p{transform:none}
.pdw-h{display:flex;justify-content:space-between;gap:16px;padding:28px 30px 14px}
.pdw-h .latin{color:var(--gold);font-size:17px}
.pdw-h h2{margin:2px 0 6px;font-family:var(--serif);font-weight:900;font-size:34px}
.pdw-h p{margin:0;font-size:13.5px;color:var(--muted)}
.pdw-x{flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:1px solid var(--line2);background:rgba(255,255,255,.04);color:var(--ink);font-size:16px;cursor:pointer;transition:border-color .3s,transform .4s var(--ease)}
.pdw-x:hover{border-color:var(--gold);transform:rotate(90deg)}
.pdw-tabs{display:flex;gap:6px;padding:6px 30px 16px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line)}
.pdw-tabs::-webkit-scrollbar{display:none}
.pdw-tabs button{flex:0 0 auto;padding:8px 16px;border-radius:999px;border:1px solid var(--line2);background:transparent;color:var(--ink2);font-size:14px;font-weight:700;cursor:pointer;transition:all .3s}
.pdw-tabs button[aria-selected=true]{background:var(--metal);color:#1a1306;border-color:transparent}
.pdw-b{flex:1;overflow-y:auto;padding:22px 30px 40px;overscroll-behavior:contain}
.pdw-s{animation:pfade .45s var(--ease)}
@keyframes pfade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.pdw-l{display:grid;gap:10px}
.pdw-l .pf{display:flex;justify-content:space-between;width:100%}
.pdw-certs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}
.pdw-certs figure{margin:0;padding:8px;border-radius:12px;background:#F4EFE4;cursor:zoom-in}
.pdw-certs img{width:100%;aspect-ratio:3/4;object-fit:contain;background:#fff}
.pdw-certs figcaption{padding:6px 2px 0;font-size:12px;color:#3D3A33}
.pdw-certs figcaption b{color:#8E6512;margin-right:6px}
.pdw-note{margin:0 0 16px;font-size:12.5px;color:var(--muted);padding:10px 12px;border-radius:10px;background:rgba(242,201,76,.06);border:1px solid rgba(242,201,76,.2)}
html.pdw-lock{overflow:hidden}
@media (max-width:640px){.pdw-h{padding:20px 18px 10px}.pdw-h h2{font-size:28px}.pdw-tabs{padding:4px 18px 12px}.pdw-b{padding:16px 18px 30px}.pdw-certs{gap:8px}}
.flk{background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer}
.pth-proof{text-align:left;border:1px dashed rgba(242,201,76,.45)!important;cursor:pointer;font:inherit;color:inherit}
.paths .wrap{flex-wrap:wrap}

/* ── 照片進場：遮罩擦開 */
.rv.revealx,.mags .mg,.tvs .tv,.cel .cl,.team7 .tm7{clip-path:inset(0 0 0 0)}
@supports (clip-path:inset(0 0 0 0)){
  .js .cel.rv:not(.in) .cl,.js .team7 .tm7.rv:not(.in),.js .tvs .tv.rv:not(.in){clip-path:inset(0 0 100% 0)}
  .cel .cl,.team7 .tm7,.tvs .tv{transition:clip-path 1.2s var(--ease),transform .5s var(--ease),border-color .4s,box-shadow .5s}
  .cel .cl:nth-child(2){transition-delay:.08s}.cel .cl:nth-child(3){transition-delay:.16s}.cel .cl:nth-child(4){transition-delay:.24s}.cel .cl:nth-child(5){transition-delay:.32s}.cel .cl:nth-child(6){transition-delay:.4s}
}

/* ── 卡片 3D 傾斜與光澤 */
.tilt{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s var(--ease)}
.tilt::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(400px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.10),transparent 45%);opacity:0;transition:opacity .4s}
.tilt:hover::after{opacity:1}

/* ── 手機底部常駐 CTA */
.mcta{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:70;display:none;align-items:center;gap:10px;padding:8px 8px 8px 16px;border-radius:999px;background:rgba(8,12,22,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(242,201,76,.4);box-shadow:0 20px 40px -10px rgba(0,0,0,.7);transform:translateY(140%);transition:transform .5s var(--ease)}
.mcta.on{transform:none}
.mcta span{flex:1;font-size:13px;color:var(--ink2);line-height:1.3}
.mcta span b{display:block;color:var(--ink);font-size:14px}
.mcta .btn{padding:10px 16px;font-size:14px}
@media (max-width:900px){.mcta{display:flex}.totop{bottom:86px!important}}

/* ── 章節目錄：深色底，淺色區也看得清楚 */
.stoc{padding:10px 8px;border-radius:16px;background:rgba(5,8,15,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08)}

/* ── 滑鼠聚光（桌機，暗色區） */
.glow{position:fixed;left:0;top:0;width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(circle,rgba(242,201,76,.07),transparent 62%);transform:translate3d(var(--gx,-999px),var(--gy,-999px),0);transition:opacity .4s;mix-blend-mode:screen}
html.on-lt .glow{opacity:0}

/* ── 列印與減少動態 */
@media (prefers-reduced-motion:reduce){.gtx,.hname .line,.seen-r,.m6pin,.onair::before,#awards .spark{animation:none!important}.bgnum{transform:none!important}}
@media print{.lt{background:#fff!important;border-radius:0;margin:0;box-shadow:none}.pdw,.mcta,.glow,.bgnum,div.seen{display:none!important}.gtx{animation:none}}
.cl-more{grid-column:1/-1;flex-direction:row!important;align-items:center;gap:14px;padding:16px 22px!important}
.cl-more b{font-size:22px!important}
/* v7 修正 */
.mr6row .m6ph figcaption{position:static!important;padding:10px 14px!important;background:#0A0F1C!important}
#director::before,#director::after{width:auto!important;transform:none!important;left:0!important;right:0!important}
html.on-lt .top,html.on-lt .top.solid{background:rgba(5,8,15,.95)}
@media (min-width:901px){.mr6x{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}}
.mr6x .note{max-width:360px;justify-self:center}
.books{align-items:stretch}
.books .bk{padding-top:58px!important}
.bk.new .ribbon{position:absolute!important;top:16px;left:50%;transform:translateX(-50%);margin:0;white-space:nowrap;z-index:3}
.bk.new .cover{margin-top:0}
.d7 .d6-why{border:0!important;padding:0!important}
@media (max-width:900px){.mr6x .note{max-width:300px}}
.hero-r .hq-sig{position:static!important;inset:auto!important;width:48px!important;height:auto!important;transform:none!important;animation:none!important;object-fit:contain!important}
@media (max-width:900px){.hq{display:none!important}}
.hq figcaption .hq-s{font-size:12px!important}.onair{font-size:11.5px}
/* v7.1 手機版修正 */
@media (min-width:901px){.aiw{grid-template-columns:1fr 1fr!important}.aiw-t{grid-column:1/-1}.mr6row .m6ph{position:sticky;top:calc(var(--top) + 20px)}}
@media (max-width:900px){
  .arete-side{grid-template-columns:1fr!important}
  .arete-side figure{aspect-ratio:16/9}
  .tm7{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab}
  .tm7::-webkit-scrollbar{display:none}
  .tm7 img{height:250px;width:auto!important;max-width:none!important}
  .tm7-b img{height:200px}
  .tm7 figcaption{position:sticky!important;left:0;display:block;width:100%;border-radius:0;border:0;background:#0A0F1C;padding:10px 14px}
  .tm7 .pan{position:absolute;right:10px;top:10px;padding:4px 10px;border-radius:999px;background:rgba(5,8,15,.7);color:#fff;font-size:12px;pointer-events:none;animation:panhint 2.4s ease-in-out infinite}
}
@keyframes panhint{0%,100%{transform:translateX(0)}50%{transform:translateX(-6px)}}
@media (max-width:640px){
  .cl figcaption{position:static!important;padding:10px 12px 12px!important;background:#0B0D12!important}
  .cl img{aspect-ratio:4/3}
  .cl-xl img{aspect-ratio:16/10!important;height:auto!important}
  .cl-xl figcaption{padding:12px 14px 14px!important}
  .cl b{font-size:18px}
}
/* v7.2 舊版 iOS／LINE 內建瀏覽器相容：手機版不依賴 aspect-ratio 撐高度（舊 Safari 在 grid 內會把高度算成 0） */
:root{--g:32px}
@media (max-width:640px){:root{--g:20px}}
@media (max-width:900px){
  .hero-r{aspect-ratio:auto!important;height:84.75vw;align-self:start}
  .og7 .og5-s>figure{aspect-ratio:auto!important;height:calc((100vw - 2*var(--g))*.625)}
  .og7 .og5-2 figure{aspect-ratio:auto!important;height:calc((100vw - 2*var(--g) - 14px)*.375)}
  .arete-side figure{aspect-ratio:auto!important;height:calc((100vw - 2*var(--g))*.5625)}
  .aw5 .ph{aspect-ratio:auto!important;height:calc((100vw - 2*var(--g))*.625)}
}
@supports not (aspect-ratio:1/1){
  .wave{height:56.43vw;max-height:92vh}
  .m6pin{height:0;padding-top:9%}
  .og5 .og-ph,.og figure{height:240px}
}
@media (max-width:900px){.wave{aspect-ratio:auto!important;height:56.43vw}}
.lt+.sec{border-radius:44px 44px 0 0;margin-top:-44px;box-shadow:0 -30px 80px -30px rgba(0,0,0,.5)}
@media (max-width:640px){.lt,.lt+.sec{border-radius:28px 28px 0 0;margin-top:-28px}}

/* v7-d：細節 */
.lg:hover{background:linear-gradient(90deg,rgba(242,201,76,.10),transparent 70%)}
.lg:hover .n{color:#FFE9A8}
.film .goldtag{position:absolute;left:10px;top:10px;padding:3px 10px;border-radius:999px;background:var(--metal);color:#1a1306;font-size:11.5px;font-weight:900;letter-spacing:.06em;box-shadow:0 6px 16px -6px rgba(184,137,42,.9)}
.film figure{position:relative}
.lt .st{position:relative;overflow:hidden}
.lt .st::before{content:"“";position:absolute;right:14px;top:-18px;font-family:var(--latin);font-size:120px;line-height:1;color:rgba(142,101,18,.12);pointer-events:none}
.btn{position:relative;overflow:hidden}
.btn:not(.ghost)::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);transition:left .9s var(--ease);pointer-events:none}
.btn:not(.ghost):hover::after{left:130%}
.totop{background:conic-gradient(var(--gold) calc(var(--sp,0)*1turn),rgba(255,255,255,.08) 0)!important;padding:2px!important}
.totop svg{background:#0A0F1C;border-radius:50%;width:100%;height:100%;padding:12px;box-sizing:border-box}

/* ══════════════════════════ v8 ══════════════════════════ */
/* 頁首：名字＋研究室 */
.brand .bt{display:flex;flex-direction:column;line-height:1.15;min-width:0}
.brand .bt b{font-size:17px;font-weight:900;white-space:nowrap}
.brand .bt b i{font-family:var(--latin);font-style:italic;font-weight:500;font-size:15px;color:var(--ink2);margin-left:4px}
.brand .bt small{display:block;margin-top:3px;font-size:11.5px;letter-spacing:.06em;color:var(--gold);white-space:nowrap}
@media (max-width:420px){.brand .bt b{font-size:15.5px}.brand .bt b i{font-size:13.5px}.brand .bt small{font-size:10.5px;letter-spacing:.02em}}
/* 首屏研究室 */
.hlab{display:inline-flex;align-items:center;gap:10px;margin:10px 0 4px;padding:7px 14px 7px 8px;border-radius:999px;background:rgba(242,201,76,.08);border:1px solid rgba(242,201,76,.35);align-self:flex-start}
.hlab-k{padding:2px 9px;border-radius:999px;background:var(--metal);color:#1a1306;font-size:11.5px;font-weight:900;letter-spacing:.06em}
.hlab b{font-size:clamp(15px,1.35vw,19px);font-weight:700;letter-spacing:.03em}

/* 首屏主視覺：一起浪 ⇄ 形象照 */
.hero-r .hs{position:absolute;inset:0;overflow:hidden;opacity:0;transition:opacity 1.3s var(--ease);z-index:0}
.hero-r .hs.on{opacity:1;z-index:1}
.hero-r .hs-wave .hs-bg{position:absolute;inset:-6%;width:112%;height:112%;object-fit:cover;filter:blur(22px) brightness(.55) saturate(1.2);transform:none;animation:none}
.hero-r .hs-wave .hs-fg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:none;animation:none;filter:drop-shadow(0 30px 60px rgba(0,0,0,.6))}
.hero-r.hs-on0::before{background:linear-gradient(90deg,var(--bg) 0%,rgba(5,8,15,.5) 6%,rgba(5,8,15,0) 18%),linear-gradient(0deg,var(--bg) 0%,rgba(5,8,15,0) 22%)!important}
.hdots{position:absolute;z-index:6;right:22px;bottom:22px;display:flex;gap:6px;padding:5px;border-radius:999px;background:rgba(5,8,15,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line2)}
.hdots button{border:0;background:transparent;color:var(--ink2);font-size:12.5px;font-weight:700;padding:6px 12px;border-radius:999px;cursor:pointer;position:relative;overflow:hidden}
.hdots button[aria-selected=true]{background:var(--metal);color:#1a1306}
.hdots button[aria-selected=true]::after{content:"";position:absolute;left:0;bottom:0;height:2px;background:#1a1306;width:0;animation:hdbar 6.5s linear forwards}
.hdots.stop button::after{display:none}
@keyframes hdbar{to{width:100%}}
@media (max-width:900px){.hdots{right:12px;bottom:58px;transform:scale(.92);transform-origin:right bottom}}
@media (min-width:901px){.hero-r.hs-on0 .seal{opacity:.0}}
.hero-r .seal{transition:opacity .8s}

/* 書籍：書封乾淨 */
.bk .bk-new{margin:2px 0 6px;font-size:12.5px;font-weight:700;letter-spacing:.12em;color:var(--gold)}
.books .bk{padding-top:30px!important}

/* AI 怎麼說：截圖＋摘要 */
.aiw2{margin-top:44px}
.aiw2 .aiw-t{margin-bottom:18px}
.aiw2 .aiw-t .k{font-family:var(--latin);font-style:italic;font-size:22px;color:var(--gold)}
.aiw2 .aiw-t h3{margin:4px 0 10px;font-family:var(--serif);font-size:30px;font-weight:900}
.aiw2 .aiw-t p{margin:0;font-size:13.5px;color:var(--muted);line-height:1.7;max-width:760px}
.aip2{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px;align-items:center;margin-top:18px}
.aip2.rev{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.aip2.rev .aip2-s{order:2}
.aip2-s{margin:0;border-radius:14px;overflow:hidden;border:1px solid var(--line2);background:#fff;cursor:zoom-in;box-shadow:0 30px 60px -30px rgba(0,0,0,.9);transition:transform .6s var(--ease),border-color .3s}
.aip2-s:hover{transform:translateY(-4px);border-color:var(--gold)}
.aip2-s .bar{display:flex;align-items:center;gap:6px;padding:9px 12px;background:#0B1220;border-bottom:1px solid var(--line)}
.aip2-s .bar i{width:8px;height:8px;border-radius:50%;background:#3a4256}
.aip2-s .bar i:nth-child(1){background:#FF5F57}.aip2-s .bar i:nth-child(2){background:#FEBC2E}.aip2-s .bar i:nth-child(3){background:#28C840}
.aip2-s .bar span{margin-left:8px;font-size:11.5px;color:var(--muted)}
.aip2-s img{display:block;width:100%;height:auto}
.aip2-s figcaption{padding:8px 12px;font-size:12px;color:#5a6070;background:#F4F6FA;text-align:right}
.aiq-n{font-family:var(--num);font-weight:800;color:var(--gold);font-size:14px;letter-spacing:.1em}
.aiq-c::before{display:none}
@media (max-width:900px){.aip2,.aip2.rev{grid-template-columns:1fr}.aip2.rev .aip2-s{order:0}}

/* 佐證：站內截圖／影片按鈕 */
button.pf{font:inherit;color:inherit;text-align:left;cursor:pointer;width:100%}
.pfs{display:flex!important;align-items:center;gap:12px;padding:8px 12px 8px 8px!important}
.pfs .pft{flex:0 0 auto;width:76px;height:52px;object-fit:cover;object-position:top;border-radius:8px;border:1px solid var(--line2);background:#fff}
.pfs b{white-space:nowrap}
.pfs span{flex:1;min-width:0}
.pfs .pfi{font-style:normal;margin-left:auto;width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:50%;background:rgba(242,201,76,.14);color:var(--gold);font-size:13px;transition:transform .4s var(--ease),background .3s}
.pfs:hover .pfi{background:var(--gold);color:#1a1306;transform:scale(1.1)}
.pfs.vplay .pft{object-position:center}
.proofs .pfs{display:inline-flex!important;width:auto}
@media (max-width:640px){.pfs b{white-space:normal}.proofs .pfs{width:100%}}
.lb .c a.lbgo{display:inline-block;margin-left:12px;padding:4px 12px;border-radius:999px;border:1px solid var(--gold);color:var(--gold);font-size:12.5px;white-space:nowrap}
.lb .c a.lbgo:hover{background:var(--gold);color:#1a1306}

/* FAQ 附圖 */
.cfaq .fq{margin:12px 0 4px;border-radius:12px;overflow:hidden;border:1px solid var(--line2);background:#fff;cursor:zoom-in;max-width:520px}
.cfaq .fq img{display:block;width:100%;height:auto;max-height:260px;object-fit:cover;object-position:top}
.cfaq .fq figcaption{padding:7px 12px;font-size:12px;color:#555;background:#F4F6FA}
.cfaq .fq2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cfaq .fq2 .fq{margin:0}
.cfaq .fqb{display:flex;gap:12px;margin:12px 0 4px}
.cfaq .fqb img{width:92px;height:auto;border-radius:4px;box-shadow:0 14px 26px -12px rgba(0,0,0,.8)}
@media (max-width:640px){.cfaq .fq2{grid-template-columns:1fr}}

/* 影片卡（站內播放） */
.vcs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.vc,.mc{display:flex;flex-direction:column;padding:0;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:rgba(255,255,255,.03);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:transform .5s var(--ease),border-color .3s,box-shadow .5s}
.vc:hover,.mc:hover{transform:translateY(-4px);border-color:rgba(242,201,76,.6);box-shadow:0 30px 60px -30px rgba(0,0,0,.9)}
.vth{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#000}
.vth img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.vc:hover .vth img,.mc:hover .vth img,.cl:hover .vth img{transform:scale(1.05)}
.vth iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vpb{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:rgba(5,8,15,.55);border:2px solid rgba(255,255,255,.85);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform .4s var(--ease),background .3s}
.vpb::after{content:"";position:absolute;left:22px;top:17px;border-left:18px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent}
.vc:hover .vpb,.mc:hover .vpb,.cl:hover .vpb{transform:scale(1.12);background:var(--gold);border-color:var(--gold)}
.vc:hover .vpb::after,.mc:hover .vpb::after,.cl:hover .vpb::after{border-left-color:#1a1306}
.playing .vpb{display:none}
.vtx{display:block;padding:10px 12px 12px}
.vtx span{display:block;font-size:11.5px;color:var(--gold);letter-spacing:.04em}
.vtx b{display:block;font-size:15px;margin-top:2px}
.vth.sh{aspect-ratio:16/10;background:#fff}
.vth.sh img{object-position:top}
.vzb{position:absolute;right:10px;bottom:10px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:rgba(5,8,15,.65);color:#fff;font-size:14px}
@media (max-width:640px){.vcs{grid-template-columns:1fr}}
/* 名人卡影片 */
.cl.vplay{cursor:pointer}
.cl .vth{aspect-ratio:auto;background:transparent}
.cl-xl .vth{height:100%}
.cl.playing figcaption{display:none}
.cl.playing .vth{aspect-ratio:16/9;height:auto}
/* 媒體卡 */
.mcs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:10px}
.lt .mc{background:#FBF8F1;border-color:rgba(30,24,10,.12);box-shadow:0 18px 40px -26px rgba(60,40,0,.35)}
.lt .mc:hover{border-color:rgba(142,101,18,.5)}
.mtx{display:block;padding:12px 14px 14px}
.mtx em{display:block;font-style:normal;font-size:12px;color:var(--gold);letter-spacing:.04em}
.mtx b{display:block;margin-top:4px;font-family:var(--serif);font-size:17px;line-height:1.45;font-weight:900;color:var(--ink)}
@media (max-width:1100px){.mcs{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.mcs{grid-template-columns:1fr}}
/* 影片彈窗 */
.vbox{position:fixed;inset:0;z-index:140;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(2,4,8,.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.vbox.on{display:flex}
.vbox .vw{position:relative;width:min(1100px,100%);aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000;box-shadow:0 40px 100px rgba(0,0,0,.8)}
@supports not (aspect-ratio:1/1){.vbox .vw{height:56.25vw;max-height:80vh}}
.vbox iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vbox .vx{position:absolute;right:16px;top:16px;width:46px;height:46px;border-radius:50%;border:1px solid var(--line2);background:rgba(255,255,255,.08);color:#fff;font-size:18px;cursor:pointer}
.vbox .vgo{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);font-size:12.5px;color:var(--ink2)}
.vbox .vgo a{color:var(--gold)}

/* 12 框架：書中圖表 */
.fwc .fwi{margin:-30px -26px 18px;border-bottom:1px solid var(--line);background:#F4EFE4;cursor:zoom-in;overflow:hidden}
.fwc .fwi img{display:block;width:100%;aspect-ratio:1100/770;object-fit:cover;object-position:top;transition:transform 1s var(--ease)}
.fwc:hover .fwi img{transform:scale(1.04)}
.fwc .fwi figcaption{padding:6px 12px;font-size:11.5px;color:#6E685C;background:#EFE8D8}
.fwc .glyph{top:auto;bottom:18px;font-size:34px!important;opacity:.5}
@media (max-width:640px){
  .fw{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;background:none!important;border:0!important;border-radius:0;padding-bottom:12px;-webkit-overflow-scrolling:touch}
  .fw .fwc{flex:0 0 84%;scroll-snap-align:start;border-radius:16px;border:1px solid rgba(30,24,10,.12)!important;overflow:hidden}
  .fwc .fwi{margin:-24px -22px 14px}
  .fw-hint{display:block}
}
.fw-hint{display:none;font-size:12px;color:var(--muted);margin:-4px 0 10px}

/* AI 系統：互動展示 */
.aic{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:18px;margin-top:6px}
.aic-tabs{display:flex;flex-direction:column;gap:8px}
.aic-tabs button{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;text-align:left;padding:13px 16px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.02);color:var(--ink);font:inherit;cursor:pointer;overflow:hidden;transition:border-color .3s,background .3s,transform .4s var(--ease)}
.aic-tabs button i{grid-row:span 2;font-style:normal;font-family:var(--num);font-weight:800;font-size:13px;color:var(--muted);letter-spacing:.1em}
.aic-tabs button b{font-size:15.5px}
.aic-tabs button span{font-size:12px;color:var(--muted)}
.aic-tabs button:hover{border-color:rgba(242,201,76,.45);transform:translateX(4px)}
.aic-tabs button[aria-selected=true]{border-color:rgba(242,201,76,.7);background:linear-gradient(90deg,rgba(242,201,76,.16),rgba(242,201,76,.02))}
.aic-tabs button[aria-selected=true] i{color:var(--gold)}
.aic-tabs button[aria-selected=true]::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--metal)}
.aic-stage{position:relative;border-radius:22px;overflow:hidden;border:1px solid rgba(63,208,201,.28);background:radial-gradient(120% 90% at 100% 0%,rgba(63,208,201,.14),transparent 55%),radial-gradient(90% 80% at 0% 100%,rgba(139,108,255,.16),transparent 60%),#070C18;min-height:360px;isolation:isolate}
.aic-stage::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(63,208,201,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(63,208,201,.07) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(circle at 70% 30%,#000,transparent 75%);mask-image:radial-gradient(circle at 70% 30%,#000,transparent 75%)}
.aic-scan{position:absolute;left:0;right:0;height:80px;top:-80px;background:linear-gradient(180deg,transparent,rgba(63,208,201,.12),transparent);animation:scan 4.5s linear infinite;pointer-events:none}
@keyframes scan{to{top:100%}}
.aic-p{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:center;padding:34px;animation:pfade .6s var(--ease)}
.aic-p[hidden]{display:none}
.aic-v{aspect-ratio:3/2;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);display:grid;place-items:center;padding:16px}
.aic-v svg{width:100%;height:100%;overflow:visible}
.aic-k{display:inline-block;padding:3px 10px;border-radius:999px;background:rgba(63,208,201,.14);color:#7FE7E1;font-size:12px;font-weight:700;letter-spacing:.06em}
.aic-t h4{margin:10px 0 6px;font-family:var(--serif);font-weight:900;font-size:clamp(22px,2.2vw,30px);line-height:1.25}
.aic-t p{margin:0 0 12px;color:var(--gold-hi);font-weight:700}
.aic-t ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.aic-t li{position:relative;padding-left:18px;font-size:14px;color:var(--ink2);line-height:1.6}
.aic-t li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:2px;background:#3FD0C9;box-shadow:0 0 10px rgba(63,208,201,.7);transform:rotate(45deg)}
.aic-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.06)}
.aic-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#3FD0C9,var(--gold))}
.aic-bar i.run{animation:aibar 6s linear forwards}
@keyframes aibar{to{width:100%}}
/* 動態圖示 */
.aic-v svg *{fill:none;stroke:#3FD0C9;stroke-width:2}
.v-scb .a1,.v-scb .a2,.v-scb .a3{fill:rgba(63,208,201,.18);transform-origin:left;animation:pop 2.4s var(--ease) infinite}
.v-scb .a2{fill:rgba(242,201,76,.22);stroke:var(--gold);animation-delay:.4s}.v-scb .a3{animation-delay:.8s}
.v-scb .a4{fill:var(--gold);stroke:none;animation:blink 1.2s steps(2) infinite}
@keyframes pop{0%{opacity:0;transform:scaleX(.2)}25%,80%{opacity:1;transform:none}100%{opacity:0}}
.v-mm .ln{stroke-dasharray:6 6;animation:dash 1.6s linear infinite}
.v-mm .n0{fill:var(--gold);stroke:none;animation:pulse 2s ease-in-out infinite;transform-origin:60px 40px}
.v-mm [class^=n]:not(.n0){fill:rgba(63,208,201,.25)}
@keyframes dash{to{stroke-dashoffset:-24}}
@keyframes pulse{50%{transform:scale(1.25)}}
.v-seo rect{fill:rgba(63,208,201,.25);transform-origin:bottom;transform-box:fill-box;animation:grow 2.6s var(--ease) infinite}
.v-seo .b2{animation-delay:.15s}.v-seo .b3{animation-delay:.3s}.v-seo .b4{animation-delay:.45s;fill:rgba(242,201,76,.5);stroke:var(--gold)}
@keyframes grow{0%{transform:scaleY(0)}40%,85%{transform:scaleY(1)}100%{transform:scaleY(0)}}
.v-zjz .st{stroke-dasharray:200;stroke-dashoffset:200;animation:draw 3s var(--ease) infinite}
.v-zjz .dot{fill:var(--gold);stroke:none;offset-path:path("M10 66H40V48H70V30H100V12");animation:walk 3s var(--ease) infinite}
@keyframes draw{60%,100%{stroke-dashoffset:0}}
@keyframes walk{0%{offset-distance:0}60%,100%{offset-distance:100%}}
.v-pr .r1,.v-pr .r2{stroke:rgba(63,208,201,.5)}
.v-pr .sw{fill:rgba(63,208,201,.25);stroke:none;transform-origin:60px 40px;animation:spin 3s linear infinite}
.v-pr .bl{fill:#FF6B6B;stroke:none;animation:blink 1.4s ease-in-out infinite}.v-pr .b2{fill:var(--gold);animation-delay:.7s}
.v-cv .fn{fill:rgba(63,208,201,.12)}
.v-cv .dr{fill:var(--gold);stroke:none;animation:drop 2.4s ease-in infinite}
.v-cv .d2{animation-delay:.5s;fill:#7FE7E1}.v-cv .d3{animation-delay:1s;fill:#7FE7E1}
@keyframes drop{0%{transform:translateY(0);opacity:1}70%{transform:translateY(48px);opacity:1}100%{transform:translateY(56px);opacity:0}}
@keyframes blink{50%{opacity:.25}}
@media (max-width:900px){
  .aic{grid-template-columns:1fr}
  .aic-tabs{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .aic-tabs::-webkit-scrollbar{display:none}
  .aic-tabs button{flex:0 0 auto;scroll-snap-align:start;min-width:150px}
  .aic-tabs button:hover{transform:none}
  .aic-p{grid-template-columns:1fr;padding:22px;gap:16px}
  .aic-v{max-width:320px;width:100%;justify-self:center}
}
@media (prefers-reduced-motion:reduce){.aic-scan,.aic-v *{animation:none!important}.aic-bar i.run{animation:none}}

/* ⑪ 創業大展：明顯標出 Steven */
.t5-f{position:relative}
.t5-f .fmark{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.t5-f .fa{fill:none;stroke:#FFD84D;stroke-width:.9;stroke-linecap:round;stroke-dasharray:60;stroke-dashoffset:60;filter:drop-shadow(0 0 1.5px rgba(0,0,0,.8))}
.t5-f.in .fa,.rv.in .fa{animation:draw2 1.2s var(--ease) .6s forwards}
@keyframes draw2{to{stroke-dashoffset:0}}
.t5-f .fring{position:absolute;left:85%;top:46.2%;width:13.6%;aspect-ratio:1;transform:translate(-50%,-50%);border:3px solid #FFD84D;border-radius:50%;box-shadow:0 0 0 3px rgba(0,0,0,.35),0 0 22px rgba(255,216,77,.7);animation:ringp 2.2s ease-in-out infinite;pointer-events:none}
@keyframes ringp{50%{box-shadow:0 0 0 3px rgba(0,0,0,.35),0 0 0 10px rgba(255,216,77,.18),0 0 30px rgba(255,216,77,.9)}}
.t5-f .ftag{position:absolute;left:40%;top:6%;padding:6px 14px;border-radius:999px;background:#FFD84D;color:#1a1306;font-weight:900;font-size:clamp(12px,1.2vw,15px);box-shadow:0 8px 20px rgba(0,0,0,.5);pointer-events:none;white-space:nowrap}
@supports not (aspect-ratio:1/1){.t5-f .fring{height:0;padding-top:13.6%}}

/* ⑩ 2010 合照：圈在臉外、名牌在上方，不擋臉 */
.m6pin{left:66%!important;top:49.5%!important;width:12.5%!important;border:2px solid #FFD84D!important;box-shadow:0 0 0 2px rgba(0,0,0,.35)!important;background:transparent!important;animation:none!important}
.m6pin b{bottom:calc(100% + 14px)!important;padding:3px 10px!important;font-size:12px!important;background:#FFD84D!important}
.m6pin b::after{content:"";position:absolute;left:50%;top:100%;width:2px;height:12px;margin-left:-1px;background:#FFD84D}
@media (max-width:640px){.m6pin{width:14%!important;border-width:1.5px!important}.m6pin b{font-size:11px!important;padding:2px 8px!important;bottom:calc(100% + 10px)!important}.m6pin b::after{height:8px}}
@supports not (aspect-ratio:1/1){.m6pin{height:0;padding-top:12.5%}}
/* v8 修正 */
.aiq-c ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.aiq-c li{position:relative;padding-left:20px;font-size:15px;line-height:1.7;color:var(--ink2)}
.aiq-c li::before{content:"";position:absolute;left:0;top:.72em;width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px rgba(242,201,76,.6)}
.aiq-c q{quotes:"「" "」";font-family:var(--serif);font-weight:700;color:var(--ink)}
.aiq-c em{font-style:normal;color:var(--gold-hi);background:linear-gradient(transparent 62%,rgba(242,201,76,.28) 62%)}
.vcs .vc:last-child:nth-child(odd){grid-column:1/-1}
@media (min-width:641px){.vcs .vc:last-child:nth-child(odd){display:grid;grid-template-columns:calc(50% - 6px) 1fr;align-items:center}.vcs .vc:last-child:nth-child(odd) .vtx{padding-left:22px}.vcs .vc:last-child:nth-child(odd) .vtx b{font-size:20px}}
.aic-stage{display:flex;flex-direction:column;justify-content:center}
@media (max-width:640px){.fw-hint{display:block}}

/* v9 */
.stoc{display:none!important}
.hero-r .hs{transition:opacity .45s ease!important}
.hero-l{padding-bottom:40px}
.hq.hq9{position:relative;inset:auto;display:block!important;width:100%;max-width:460px!important;min-height:200px;margin:26px 0 0;padding:18px 22px!important;border-radius:16px;background:linear-gradient(125deg,rgba(242,201,76,.08),rgba(9,16,28,.94))!important;box-shadow:none;backdrop-filter:none}
.hq-slide{margin:0;animation:q9fade .35s ease}
.hq-slide[hidden]{display:none!important}
.hq9 blockquote{min-height:66px;font-size:16px!important;line-height:1.7}
.hq9 figcaption{grid-template-columns:80px minmax(0,1fr);gap:14px}
.hq9 .hq-sig{position:static;width:76px!important;height:44px!important;object-fit:contain;filter:brightness(0) invert(1);opacity:.86}
.hq9 .hq-w{font-size:12px!important;line-height:1.6}
.hq9 .hq-w b{font-size:14px!important}
.hq-tools{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:10px;color:var(--muted)}
.hq-tools>span{margin-right:auto}.hq-dots{display:flex;gap:2px}
.hq-dots button{width:24px;height:24px;padding:8px;border:0;background:transparent;cursor:pointer}
.hq-dots button::after{content:"";display:block;width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.3)}
.hq-dots button[aria-pressed=true]::after{background:var(--gold);box-shadow:0 0 8px rgba(242,201,76,.5)}
.hq-pause{width:28px;height:28px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--gold);font-size:10px;cursor:pointer}
.st-sign{display:flex;align-items:center;gap:14px;justify-content:flex-end;margin-top:auto;padding-top:10px;border-top:1px solid rgba(30,24,10,.08)}
.st-sign span{font-size:12px;color:#777061}.st-sign img{width:120px;height:54px;object-fit:contain;mix-blend-mode:multiply}
.m6-photo{position:relative}.m6-photo img{display:block;width:100%;height:auto}
.m6-photo .m6pin{left:63.3%!important;top:47.3%!important;width:7.4%!important;height:auto!important;padding:0!important;aspect-ratio:1;box-sizing:border-box;border:2px solid #FFD84D!important;transform:translate(-50%,-50%);border-radius:50%}
.m6-photo .m6pin b{bottom:calc(100% + 24px)!important;font-size:11px!important;padding:2px 8px!important}
.m6-photo .m6pin b::after{height:22px;width:1px}
.mr6-full{margin:16px 0;border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.mr6-full summary{color:var(--gold);cursor:pointer}.preface-pages{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.preface-pages figure{margin:0;cursor:zoom-in}.preface-pages img{width:100%;height:auto;display:block;border-radius:4px}
.lab .por{min-height:0;align-self:start}.lab .por img{position:static;display:block;width:100%;height:auto;object-fit:contain}.lab .por .ov{padding-top:70px}
.set-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:28px;align-items:start}
.set-wall figure{margin:0;background:#101624;border:1px solid var(--line);border-radius:16px;overflow:hidden;cursor:zoom-in;transition:transform .3s,border-color .3s}
.set-wall figure:hover{transform:translateY(-4px);border-color:rgba(242,201,76,.55)}
.set-wall img{width:100%;height:220px;object-fit:contain;display:block;background:#080b13}
.set-wall figcaption{padding:13px 16px;font-size:13px;color:var(--ink2);line-height:1.6}
.director-works{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:0}
.director-works .vc{margin:0}.director-works .vc figcaption b{font-size:14px;line-height:1.6;display:block}.director-works .vth{aspect-ratio:16/9}
.fwc .fwi img{aspect-ratio:auto;height:210px;object-fit:contain;object-position:center;background:#f5f8f9}
.fwc:hover .fwi img{transform:none}
.aic{align-items:start;grid-template-columns:minmax(0,.72fr) minmax(0,1.5fr);gap:22px}
.aic-stage{justify-content:flex-start;min-height:0;align-self:start;border-radius:24px;border-color:rgba(63,208,201,.25);background:radial-gradient(ellipse at 10% 0%,rgba(63,208,201,.11),transparent 60%),#080e1c;box-shadow:0 28px 70px -40px rgba(63,208,201,.2)}
.aic-p{grid-template-columns:1fr;gap:24px;padding:28px;align-content:start;animation:q9fade .4s ease}
.aic-v{position:relative;width:100%;max-width:none;aspect-ratio:auto;min-height:230px;display:block;padding:32px 24px 18px;border-radius:16px;background:linear-gradient(135deg,rgba(24,41,55,.85),rgba(12,20,35,.9));overflow:hidden;border:1px solid rgba(127,231,225,.18)}
.ui-demo{position:absolute;top:10px;right:14px;font-size:10px;letter-spacing:.15em;color:#8da8b7}
.aic-t h4{margin-top:10px;font-size:28px}.aic-t ul{gap:10px}.aic-t li{font-size:14px}
.ui-chat{max-width:420px;margin:auto}.ui-bubble{padding:10px 16px;font-size:13px;border:1px solid rgba(127,231,225,.15);border-radius:14px 14px 14px 3px;max-width:72%;background:rgba(127,231,225,.08);color:#b8d6df}.ui-bubble.reply{margin:8px 0 12px auto;border-radius:14px 14px 3px 14px;border-color:rgba(242,201,76,.25);background:rgba(242,201,76,.06);color:var(--gold-hi)}
.ui-post{display:flex;gap:14px;padding:12px;background:#172337;border-radius:12px}.ui-post>i{display:block;width:56px;height:48px;border-radius:6px;background:linear-gradient(145deg,#275d65,#81b4ad 50%,#ceab60)}.ui-post>div{flex:1}.ui-post span{display:block;height:5px;margin:7px 0;border-radius:3px;background:#3c5161}.ui-post span:last-child{width:65%}
.ui-flow{display:flex;justify-content:center;align-items:center;gap:14px;font-size:11px;color:#a6c8cc;margin-top:14px}.ui-flow b{color:#4e777d}
.ui-team{height:180px;position:relative;max-width:370px;margin:auto;background:linear-gradient(35deg,transparent 49.6%,rgba(127,231,225,.17) 50%,transparent 50.4%),linear-gradient(-35deg,transparent 49.6%,rgba(127,231,225,.17) 50%,transparent 50.4%)}
.ui-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:66px;height:66px;border-radius:22px;background:linear-gradient(135deg,#296a6d,#183047);border:1px solid #68c4c4;color:#b7f4ea;font:700 24px var(--num);box-shadow:0 0 40px rgba(63,208,201,.15)}
.ui-node{position:absolute;padding:12px 16px;border:1px solid #334b5a;background:#152739;border-radius:10px;font-size:12px;color:#cbdfe5}.ui-node.n0{left:0;top:10px}.ui-node.n1{right:0;top:10px}.ui-node.n2{left:0;bottom:10px}.ui-node.n3{right:0;bottom:10px}
.ui-search{position:relative;font-size:12px;color:#aac6d1;padding:0 0 0 4px}.ui-answer{padding:16px;margin:12px 0;border-radius:10px;background:#142739;border:1px solid #2d4859;max-width:64%;min-height:126px}.ui-answer>i{color:#6cd4cf;margin-right:8px}.ui-answer>b{display:block;height:5px;background:#344d61;border-radius:3px;margin-top:12px}.ui-answer>b:last-child{width:65%}
.ui-chart{position:absolute;right:0;bottom:16px;width:31%;height:100px;display:flex;align-items:end;gap:5px;border-bottom:1px solid #3a5861}.ui-chart i{flex:1;height:var(--h);background:linear-gradient(0deg,#276e76,#81d9ce);border-radius:4px 4px 0 0;transform-origin:bottom;animation:chart9 .8s ease both}
.ui-steps{max-width:400px;margin:0 auto;display:grid;gap:12px}.ui-steps>div{padding:13px 16px;border:1px solid #2e495a;border-radius:10px;display:flex;gap:18px;align-items:center;background:linear-gradient(90deg,rgba(63,208,201,.09),transparent)}.ui-steps i{font:14px var(--num);color:#79b7bd}.ui-steps b{font-size:14px;color:#dce9e9}.ui-steps span{margin-left:auto;color:#8addc3}
.ui-radar{position:relative;width:150px;height:150px;margin:0 auto;border:1px solid #355965;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0,transparent 23px,#274753 24px,transparent 25px),linear-gradient(90deg,transparent 49.5%,#274753 50%,transparent 50.5%),linear-gradient(0deg,transparent 49.5%,#274753 50%,transparent 50.5%)}
.ui-radar>i{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 260deg,rgba(63,208,201,.25) 359deg,transparent);animation:radar9 8s linear infinite}.ui-radar>span{position:absolute;top:60px;left:18px;right:18px;padding:8px 2px;text-align:center;border-radius:6px;font-size:11px;color:#bdede6;background:#122a35;white-space:nowrap}.blip{position:absolute;width:5px;height:5px;border-radius:50%;background:#80dec8;box-shadow:0 0 10px #63b7af}.blip.b1{left:30px;top:35px}.blip.b2{right:30px;bottom:30px}.blip.b3{right:25px;top:28px}
.ui-funnel{max-width:280px;margin:0 auto;display:grid;justify-items:center;gap:7px}.ui-funnel span{text-align:center;padding:11px;border:1px solid #376572;border-radius:7px;color:#c7e6e4;font-size:12px;background:linear-gradient(90deg,rgba(63,208,201,.12),rgba(63,208,201,.03));width:100%}.ui-funnel span:nth-child(2){width:75%}.ui-funnel span:nth-child(3){width:48%;border-color:#857143;color:var(--gold-hi);background:rgba(242,201,76,.08)}
.ui-leak{display:flex;justify-content:center;gap:10px;align-items:center;margin-top:16px;font-size:11px;color:#a4bbca}.ui-leak i{width:6px;height:6px;background:#8ad9c8;border-radius:50%;box-shadow:0 0 9px rgba(127,231,225,.5)}.ui-leak b{font-weight:500;color:#d1e7e8}
::selection{background:rgba(242,201,76,.25);color:inherit}
@keyframes q9fade{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes chart9{from{transform:scaleY(.2)}to{transform:scaleY(1)}}
@keyframes radar9{to{transform:rotate(360deg)}}
@media(min-width:1760px){.hq.hq9{max-width:520px!important}.hq9 blockquote{font-size:18px!important}}
@media(max-width:1100px){.aic{grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr)}.aic-tabs button b{font-size:14px}.aic-p{padding:22px}}
@media(max-width:900px){.hero-l{padding-bottom:36px}.hq.hq9{max-width:none!important;min-height:204px;display:block!important;box-sizing:border-box;margin:24px 0 0}.hero-r{height:84.75vw!important;min-height:84.75vw!important}.aic{grid-template-columns:1fr}.aic-tabs{flex-direction:row;overflow-x:auto;min-width:0;gap:8px}.aic-tabs button{min-width:168px;flex:0 0 auto}.aic-v{min-height:220px}.aic-p{padding:22px;gap:20px}.set-wall,.director-works{grid-template-columns:repeat(2,minmax(0,1fr))}.set-wall img{height:200px}.lab .por{max-width:620px;width:100%;justify-self:center}.m6-photo .m6pin b{font-size:10px!important;bottom:calc(100% + 16px)!important}.m6-photo .m6pin b::after{height:14px}}
@media(max-width:640px){.hq.hq9{padding:16px 18px!important}.hq9 blockquote{font-size:15px!important;min-height:76px}.hq-tools{flex-wrap:wrap;gap:4px}.hq-tools>span{font-size:9px}.hq9 figcaption{grid-template-columns:66px 1fr;gap:10px}.hq9 .hq-sig{width:62px!important}.st-sign{justify-content:space-between}.set-wall{gap:10px}.set-wall img{height:130px}.set-wall figcaption{padding:10px;font-size:11px}.director-works{grid-template-columns:1fr}.aic-p{padding:18px}.aic-v{padding:32px 14px 16px}.aic-t h4{font-size:24px}.ui-node{padding:10px 12px}.fwc .fwi img{height:210px}.m6-photo .m6pin{border-width:1.5px!important}.lab .por .ov b{font-size:17px}}
@media(prefers-reduced-motion:reduce){.hq-slide,.aic-p,.ui-chart i,.ui-radar>i{animation:none!important}.hero-r .hs{transition:none!important}}

/* v9：首屏背書保留可見位置，主視覺為背書預留空間。 */
@media(min-width:901px){
 .hero-l{padding-top:80px;padding-bottom:54px}
 .hero-r .hq.hq9{position:absolute;top:42px;right:5%;left:auto;width:420px;max-width:calc(100% - 80px)!important;margin:0;min-height:200px;z-index:5}
 .hero-r .hs{top:245px!important;bottom:0!important}
 .hero-r .hs-por img{object-position:46% 28%}
}
.ui-chat{width:100%}.ui-bubble{width:72%;box-sizing:border-box}
.ui-post{width:100%;box-sizing:border-box}

/* v9：深色背書簽名與逐頁閱讀。 */
.hq9 .hq-sig,.hero-r .hq9 .hq-sig{filter:brightness(0) invert(1)!important}
.framework-pages{margin-top:16px;padding-top:12px;border-top:1px solid rgba(30,24,10,.12);font-size:12px;color:#77623a}
.framework-pages summary{cursor:pointer}.framework-pages>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.framework-pages figure{margin:0;cursor:zoom-in}.framework-pages img{width:100%;height:auto}

/* v10 */
/* 金色按鈕保持深色文字，包含 hover、visited、目前頁面狀態。 */
.nav a.cta,.nav a.cta:visited,.nav a.cta:hover,.nav a.cta.on,.btn:not(.ghost),.mcta .btn{color:#231905!important;-webkit-text-fill-color:#231905!important}
.nav a.cta .ar,.btn:not(.ghost) .ar{color:inherit!important;-webkit-text-fill-color:inherit!important}
.nav a.cta::after{display:none}.nav a.cta{font-weight:800;box-shadow:0 8px 24px -15px rgba(238,190,66,.65)}
/* 導覽有自己的空間；標籤從不向正文展開。 */
.stoc10{position:fixed;left:8px;top:50%;transform:translateY(-50%);z-index:85;width:58px;max-height:calc(100svh - 140px);padding:8px 0;display:flex;flex-direction:column;gap:3px;overflow-y:auto;scrollbar-width:none;border-right:1px solid rgba(242,201,76,.16)}
.stoc10 a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:43px;padding:4px 2px;border-radius:9px;color:#93a0b3;position:relative;text-align:center;line-height:1.3;transition:background .25s,color .25s}
.stoc10 a b{font:600 12px var(--num);letter-spacing:.08em}.stoc10 a span{font-size:10px;white-space:normal;max-width:54px}.stoc10 a:hover{color:#f5df9d;background:rgba(242,201,76,.05)}
.stoc10 a.on{color:#f7d36c;background:linear-gradient(90deg,rgba(242,201,76,.11),transparent)}.stoc10 a.on::before{content:"";position:absolute;left:0;top:11px;bottom:11px;width:2px;background:#f2c94c;border-radius:2px;box-shadow:0 0 12px rgba(242,201,76,.45)}
.rail10-trigger,.rail10-close{display:none}
@media(min-width:1101px){.rail10-enabled main{margin-left:76px}.rail10-enabled footer{padding-left:76px}}
@media(max-width:1100px){.stoc10{left:10px;top:calc(var(--top) + 18px);transform:translateX(-120%);background:#0b111e;width:74px;max-height:calc(100svh - var(--top) - 40px);padding:12px 5px;border:1px solid rgba(242,201,76,.25);border-radius:14px;transition:transform .3s}.rail10-open .stoc10{transform:none}.stoc10 a{min-height:42px}.stoc10 a span{font-size:11px}.rail10-trigger{display:grid;place-items:center;position:fixed;left:10px;bottom:104px;width:44px;height:44px;border-radius:50%;z-index:83;font-size:11px;font-weight:700;color:#e9c66a;border:1px solid rgba(242,201,76,.35);background:#0a1220;box-shadow:0 4px 18px rgba(0,0,0,.2)}.rail10-close{display:block;border:0;background:transparent;color:#c9d0da;font-size:18px;padding:4px}.rail10-open .rail10-trigger{background:#f2c94c;color:#201708}}
/* 兩張 Mr.6 合照保留，照片標記依本人指認。 */
.m6-gallery10{display:grid;gap:16px;align-self:start}.m6-gallery10 .m6ph{position:relative!important;top:auto!important;margin:0}
.m6-photo .m6pin10{left:48.4%!important;top:25.8%!important;width:7.4%!important;border-color:#f5d56c!important}
.m6-photo .m6pin10 b{bottom:calc(100% + 17px)!important}.m6-photo .m6pin10 b::after{height:15px}
.m6-note10{margin:0;border-radius:18px;overflow:hidden;border:1px solid rgba(242,201,76,.22);background:#0d1421;cursor:zoom-in}
.m6-note10 img{width:100%;height:auto;display:block}.m6-note10 figcaption{display:grid;grid-template-columns:1fr auto;gap:4px;padding:14px 18px;color:var(--gold-hi);position:relative}.m6-note10 figcaption span{grid-column:1;font-size:11px;letter-spacing:.1em;color:var(--muted)}.m6-note10 figcaption b{grid-column:1;font-size:15px}.m6-note10 figcaption i{grid-column:2;grid-row:1/span 2;align-self:center;font-style:normal;font-size:20px}
.m6q10{position:relative;padding:24px!important;overflow:hidden;background:linear-gradient(135deg,rgba(242,201,76,.1),rgba(242,201,76,.02))!important;border-left:2px solid var(--gold)}
.m6q10 .m6q10-mark{position:absolute;right:20px;top:-14px;font:120px var(--latin);line-height:1;color:rgba(242,201,76,.1);pointer-events:none}.m6q10 p{font-family:var(--serif);font-size:23px;line-height:1.6;margin:0 0 14px;color:#f4e5b6;font-weight:900}.m6q10-support{font-size:15px;line-height:1.9;color:#d1d4db;margin-bottom:14px}.m6q10>span:last-child{font-size:12px;color:#a6aebb}
/* 六套 AI 系統：概念圖畫廊與互動流程。 */
.aic.aic10{display:block;margin-top:24px}.aic10 .aic-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:20px}
.aic10 .aic-tabs button{display:flex;flex-direction:column;gap:6px;padding:12px 10px 16px;text-align:center;border-radius:18px;min-height:190px;transform:none;background:linear-gradient(160deg,rgba(255,255,255,.035),rgba(255,255,255,.01));isolation:isolate}
.aic10 .aic-tabs button::after{left:15%;right:15%;top:auto;bottom:0;width:auto;height:2px}.aic10 .aic-tabs button i{font-size:10px;margin-top:0;color:#c4a85f;line-height:1.2}.aic10 .aic-tabs button b{font-size:13px;line-height:1.4;overflow-wrap:anywhere}.aic10 .aic-tabs button>span:not(.ai10-tab-art){font-size:11px;margin-top:auto;color:#97a3b5}
.aic10 .aic-tabs button:hover{border-color:rgba(242,201,76,.48);transform:translateY(-3px)}.aic10 .aic-tabs button[aria-selected=true]{background:linear-gradient(150deg,rgba(242,201,76,.12),rgba(71,153,145,.05));border-color:#c7a34b;box-shadow:0 14px 38px -28px rgba(242,201,76,.6)}
.ai10-tab-art{display:block;width:100%;height:88px;overflow:hidden;pointer-events:none}.ai10-tab-art img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(ellipse,#000 55%,transparent 78%);mask-image:radial-gradient(ellipse,#000 55%,transparent 78%);transition:transform .5s}.aic-tabs button:hover .ai10-tab-art img{transform:scale(1.07)}
.aic10 .aic-stage{border-radius:26px;border:1px solid rgba(214,185,113,.28);background:radial-gradient(ellipse at 22% 36%,rgba(197,166,85,.1),transparent 55%),radial-gradient(ellipse at 90% 0%,rgba(58,144,135,.08),transparent 60%),#080f1b;box-shadow:0 32px 70px -45px rgba(0,0,0,.6)}
.aic10 .aic-stage::before{opacity:.5;background-size:48px 48px;mask-image:linear-gradient(90deg,#000,transparent);-webkit-mask-image:linear-gradient(90deg,#000,transparent)}.aic10 .aic-scan{display:none}
.aic10 .aic-p{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:32px;padding:34px 38px;animation:ai10-enter .55s ease;min-height:540px}
.aic10 .aic-p[hidden]{display:none!important}.aic10 .aic-t{position:relative;padding:10px 0}.aic10 .aic-k{background:rgba(231,198,105,.08);color:#e9ce83;border:1px solid rgba(231,198,105,.16);font-size:11px;letter-spacing:.08em;padding:5px 11px}.aic10 .aic-t h4{font-size:clamp(26px,2.4vw,38px);line-height:1.3;margin:17px 0 14px}.aic10 .aic-t p{font-size:17px;line-height:1.8;color:#e8d291;margin-bottom:25px}
.aic10 .aic-t ul{gap:12px}.aic10 .aic-t li{font-size:14px;line-height:1.85;padding:12px 14px 12px 31px;border-radius:10px;border:1px solid transparent;transition:background .4s,border-color .4s,color .4s;color:#b6bfce}.aic10 .aic-t li::before{top:20px;left:12px;width:5px;height:5px;background:#bea55e;box-shadow:none}.aic10 .aic-t li.flow-active{background:rgba(226,193,104,.05);border-color:rgba(226,193,104,.17);color:#f1e4bf}
.aic10 .ai10-visual{display:flex;flex-direction:column;justify-content:center;position:relative;min-height:460px;padding:24px 0 0;overflow:visible;aspect-ratio:auto;background:transparent;border:0;border-radius:0;width:100%}
.ai10-kicker{position:absolute;left:12px;top:0;font-size:10px;letter-spacing:.18em;color:#8c98aa;z-index:2}.ai10-art{position:relative;margin:0;min-width:0;width:100%;height:330px;display:flex;align-items:center;justify-content:center;cursor:zoom-in}
.ai10-art img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;filter:saturate(.87);-webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 48%,rgba(0,0,0,.85) 64%,transparent 83%);mask-image:radial-gradient(ellipse at 50% 50%,#000 48%,rgba(0,0,0,.85) 64%,transparent 83%);animation:ai10-float 6s ease-in-out infinite}
.ai10-orbit{position:absolute;left:7%;right:7%;top:5%;height:70%;border:1px solid rgba(223,190,99,.09);border-radius:50%;transform:rotate(-12deg);pointer-events:none}.ai10-orbit::after{content:"";position:absolute;inset:12%;border:1px dashed rgba(87,162,153,.14);border-radius:50%;animation:ai10-spin 70s linear infinite}
.ai10-particles{position:absolute;inset:5% 4% 27%;pointer-events:none}.ai10-particles i{position:absolute;width:4px;height:4px;border-radius:50%;background:#d6c281;box-shadow:0 0 12px rgba(223,203,137,.4);animation:ai10-spark 4s ease-in-out infinite}.ai10-particles i:nth-child(1){left:10%;top:30%}.ai10-particles i:nth-child(2){right:15%;top:15%;animation-delay:1.5s;background:#63aaa1}.ai10-particles i:nth-child(3){right:4%;bottom:15%;animation-delay:3s}
.ai10-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:4px;position:relative}.ai10-flow::before{content:"";position:absolute;left:10%;right:10%;top:24px;height:1px;background:linear-gradient(90deg,transparent,rgba(194,163,84,.4),transparent)}
.ai10-flow button{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;padding:0 4px 8px;border:0;background:none;color:#96a7b6;font:inherit;cursor:pointer;min-height:64px}.ai10-flow button i{display:grid;place-items:center;width:37px;height:37px;font:11px var(--num);font-style:normal;color:#9fb5b9;background:#0c1926;border:1px solid #29404b;border-radius:50%;z-index:1;transition:color .35s,background .35s,border-color .35s,box-shadow .35s}.ai10-flow button span{font-size:11px;line-height:1.4;text-align:center}.ai10-flow button[aria-pressed=true]{color:#edcf80}.ai10-flow button[aria-pressed=true] i{background:#d7b86a;color:#211a0a;border-color:#edcf80;box-shadow:0 0 0 5px rgba(221,190,108,.06),0 0 20px rgba(221,190,108,.13)}
.ai10-current{margin:9px auto 0;text-align:center;font-size:11px;line-height:1.7;color:#a8b5c3;min-height:38px;max-width:96%;padding:0 12px}
.aic10 .aic-bar{height:2px}.aic10 .aic-bar i{background:linear-gradient(90deg,#3e8f89,#dabc76)}
@keyframes ai10-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes ai10-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes ai10-spin{to{transform:rotate(360deg)}}@keyframes ai10-spark{0%,100%{opacity:.18;transform:scale(.7)}50%{opacity:.9;transform:scale(1)}}
/* 統一資訊層次，維持深色與米白交錯。 */
.aiq-c li b{color:#f2d07b;font-weight:900}.aiq-c li{line-height:1.85}.aic10 button:focus-visible,.stoc10 a:focus-visible,.rail10-trigger:focus-visible{outline:2px solid #f1ce72;outline-offset:4px}.m6-gallery10 .zoom:focus-visible{outline:2px solid #f1ce72;outline-offset:4px}
@media(max-width:1200px){.aic10 .aic-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.aic10 .aic-tabs button{min-height:170px}.aic10 .aic-p{padding:28px;gap:24px}.ai10-art{height:300px}.aic10 .aic-p{min-height:500px}}
@media(max-width:900px){.aic10 .aic-tabs{display:flex;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding:4px 0 10px}.aic10 .aic-tabs button{flex:0 0 165px;scroll-snap-align:start;min-height:186px}.aic10 .aic-tabs button:hover{transform:none}.aic10 .aic-tabs button b{font-size:14px}.aic10 .aic-p{grid-template-columns:1fr;padding:25px 24px;gap:16px;min-height:0}.aic10 .ai10-visual{min-height:0;padding-top:25px}.ai10-art{height:310px}.aic10 .aic-t{padding:0}.aic10 .aic-t h4{font-size:29px}.aic10 .aic-t p{font-size:16px;margin-bottom:16px}.aic10 .aic-t li{font-size:14px}.m6q10 p{font-size:22px}.m6-gallery10{gap:14px}}
@media(max-width:640px){.aic10 .aic-p{padding:22px 18px}.ai10-art{height:245px}.ai10-kicker{font-size:9px;left:5px}.ai10-flow{gap:5px}.ai10-flow button span{font-size:10px}.ai10-current{font-size:10px;padding:0;min-height:42px}.aic10 .aic-t h4{font-size:25px;overflow-wrap:anywhere}.aic10 .aic-t li{padding:10px 10px 10px 25px}.aic10 .aic-t li::before{left:9px;top:19px}.m6q10{padding:20px!important}.m6q10 p{font-size:21px}.m6q10-support{font-size:14px}.m6-note10 figcaption b{font-size:13px}.m6-photo .m6pin10{width:8.6%!important}.m6-photo .m6pin10 b{font-size:9px!important;padding:2px 6px!important;bottom:calc(100% + 12px)!important}.m6-photo .m6pin10 b::after{height:10px}}
@media(prefers-reduced-motion:reduce){.ai10-art img,.ai10-orbit::after,.ai10-particles i,.aic10 .aic-p{animation:none!important}.stoc10,.aic10 *{scroll-behavior:auto!important}}
@media print{.stoc10,.rail10-trigger{display:none!important}.rail10-enabled main{margin-left:0}.ai10-art img{mix-blend-mode:normal;mask-image:none;-webkit-mask-image:none}}

/* v10：照片與題字完整保留，主視覺切換不疊兩張圖。 */
.hero-r .hs{visibility:hidden!important;opacity:0!important;transition:opacity .28s ease!important}
.hero-r .hs.on{visibility:visible!important;opacity:1!important}
.mr6row .m6-note10{height:auto!important;min-height:0!important;aspect-ratio:auto!important;position:relative!important;top:auto!important;overflow:hidden!important}
.mr6row .m6-note10 img{height:auto!important;max-height:none!important;min-height:0!important;position:static!important;object-fit:contain!important;aspect-ratio:auto!important}
.mr6row .m6-note10 figcaption{position:static!important;inset:auto!important;transform:none!important;background:#0c1422!important;display:grid!important;padding:14px 18px!important}
.mr6row .m6-note10 figcaption span{color:#a4afbe!important}.mr6row .m6-note10 figcaption b{color:#ebd18b!important}
/* v10：六位合作人物以整齊的作品海報排列。 */
#director .cel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#director .cel .cl,#director .cel .cl-xl,#director .cel .cl-sm{grid-column:auto!important;grid-row:auto!important;aspect-ratio:16/11!important;height:auto!important;min-height:0!important;margin:0;position:relative;overflow:hidden}
#director .cel .vth{position:absolute;inset:0;display:block;height:100%!important;aspect-ratio:auto!important;width:100%}
#director .cel .cl>img,#director .cel .vth>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#director .cel figcaption{position:absolute!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;padding:65px 20px 18px!important;background:linear-gradient(0deg,rgba(4,8,14,.97),rgba(4,8,14,.55) 60%,transparent)!important;pointer-events:none}
#director .cel figcaption b{font-size:26px;line-height:1.3}.cel figcaption em{font-size:12px}
#director .cel .playing figcaption{visibility:hidden}
@media(max-width:900px){#director .cel{grid-template-columns:repeat(2,minmax(0,1fr))}#director .cel .cl{aspect-ratio:4/3!important}#director .cel figcaption{padding:50px 14px 12px!important}#director .cel figcaption b{font-size:23px}}
@media(max-width:640px){#director .cel{grid-template-columns:1fr;gap:14px}#director .cel .cl{aspect-ratio:16/11!important}#director .cel figcaption{padding:60px 18px 16px!important}#director .cel figcaption b{font-size:26px}#director .cel figcaption em{font-size:12px}}
/* v11：說明學員背書脈絡，並減少全頁高頻繪製與字型請求。 */
:root{--serif:"Noto Serif TC","Songti TC","PMingLiU",serif;--sans:system-ui,-apple-system,"PingFang TC","Microsoft JhengHei",sans-serif;--latin:Georgia,serif;--num:Arial,system-ui,sans-serif}
body::after{animation:none!important;inset:0;opacity:.022}
.hq-origin{font-size:10px;letter-spacing:.08em;color:#e4c56d;margin-bottom:9px}
.hq11 blockquote{min-height:62px;line-height:1.65;font-size:15px!important}
.hq11 .hq-w{font-size:11px!important}.hq11 .hq-w b{font-size:15px!important}
.hq-source11{font-size:10px;color:#a3acbc;line-height:1.6;margin-top:12px;min-height:16px}
.hq11 .hq-tools{margin-top:7px}.student-origin11{max-width:790px;color:#777063;font-size:13px;line-height:1.8;margin:-4px 0 20px}
@media(min-width:901px){.hero-r .hq11{min-height:254px;top:32px;max-width:430px!important}.hero-r .hs{top:300px!important}}
@media(max-width:900px){.hq11{min-height:264px!important}.hq-origin{font-size:11px}.hq-source11{font-size:11px}}

/* v11 互動體驗 */
/* v11：原生互動工作台；圖像依需要載入，沒有大型框架依賴。 */
.exp11{margin:35px 0 42px;position:relative}.exp11-head{display:flex;gap:20px;justify-content:space-between;align-items:end;margin-bottom:20px}.exp11-head h3{font-size:25px;font-family:var(--serif);margin:0}.exp11-head p{max-width:600px;font-size:13px;color:var(--muted);margin:0;line-height:1.8}.lt .exp11-head p{color:#746b5c}
.exp11-grid{display:grid;gap:12px}.exp11-grid.six{grid-template-columns:repeat(6,minmax(0,1fr))}.exp11-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.exp11-card{position:relative;background:linear-gradient(145deg,rgba(244,210,122,.04),rgba(255,255,255,.012));border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 10px 17px;color:var(--ink);text-align:center;cursor:pointer;transition:border-color .25s,transform .25s,background .25s}
.exp11-card:hover,.exp11-card.selected{border-color:rgba(224,191,105,.65);background:rgba(242,201,76,.07);transform:translateY(-3px)}.exp11-card img{width:100%;height:105px;object-fit:contain;mix-blend-mode:screen;mask-image:radial-gradient(ellipse,#000 57%,transparent 84%);-webkit-mask-image:radial-gradient(ellipse,#000 57%,transparent 84%)}.exp11-card b{font-size:13px;line-height:1.5}.exp11-card small{font-size:10px;color:var(--muted);line-height:1.5}.exp11-card:focus-visible{outline:2px solid #e5c675;outline-offset:3px}
.route11-result{display:none;margin-top:16px;border:1px solid rgba(218,184,99,.35);border-radius:16px;padding:18px 22px;background:linear-gradient(100deg,rgba(215,180,87,.07),transparent)}.route11-result.on{display:block}.route11-result>p{font-size:12px;color:var(--muted);margin:0 0 12px}.route11-steps{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.route11-steps a{padding:7px 12px;border:1px solid var(--line);border-radius:99px;font-size:12px}.route11-steps a:hover{color:var(--gold)}.route11-next{margin-left:auto!important;background:#e0bd68!important;color:#251c0b!important}.route11-focus .shead h2::after{content:"";display:block;height:2px;width:80px;background:var(--gold);margin-top:12px}
.route11-guide{position:fixed;right:20px;bottom:104px;z-index:79;background:#0e1828;border:1px solid rgba(223,188,98,.35);border-radius:16px;padding:11px 14px;display:flex;gap:13px;align-items:center;max-width:360px;box-shadow:0 10px 24px rgba(0,0,0,.25)}.route11-guide[hidden]{display:none}.route11-guide span{font-size:11px;color:#b6c0cd}.route11-guide button{background:transparent;border:0;color:#ecd08a;font-size:12px;cursor:pointer}.route11-guide .guide11-close{color:#aab3c1;font-size:17px}
.lab11-bar{display:flex;align-items:center;gap:12px;margin-bottom:14px}.lab11-bar input{flex:1;max-width:440px;padding:10px 14px;border-radius:12px;border:1px solid rgba(121,102,60,.25);background:rgba(255,255,255,.6);color:#29251c;font-size:14px}.lab11-count{font-size:11px;color:#7c7360}.lab11-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.lab11-tiles .exp11-card{background:#f7f1e5;color:#322a1b;border-color:#dfd3b9}.lab11-tiles .exp11-card img{mix-blend-mode:normal;height:110px;mask-image:radial-gradient(ellipse,#000 54%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse,#000 54%,transparent 80%)}.lab11-tiles .exp11-card small{color:#88774f}.lab11-tiles .exp11-card[hidden]{display:none}.lab11-note{font-size:11px;line-height:1.8;color:#817765;margin-top:15px}
.dialog11{max-width:min(1120px,calc(100vw - 32px));width:1120px;max-height:calc(100svh - 40px);padding:0;color:#ece6d8;background:#0c1422;border:1px solid #665632;border-radius:24px;box-shadow:0 30px 100px rgba(0,0,0,.6);overflow:auto;overscroll-behavior:contain}.dialog11::backdrop{background:rgba(2,5,10,.78);backdrop-filter:blur(6px)}.dialog11:not([open]){display:none}.dialog11[open]{display:block}.dialog11-head{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#0c1422;border-bottom:1px solid var(--line);padding:18px 24px}.dialog11-head h3{margin:0;font-family:var(--serif);font-size:24px}.dialog11-head button{border:0;background:transparent;color:#ddc17e;font-size:26px;cursor:pointer;width:38px;height:38px}.dialog11-body{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:30px;padding:24px 28px}.dialog11-art{min-width:0}.dialog11-art img{width:100%;height:260px;object-fit:contain;mix-blend-mode:screen;mask-image:radial-gradient(ellipse,#000 55%,transparent 84%);-webkit-mask-image:radial-gradient(ellipse,#000 55%,transparent 84%)}.dialog11-art p{font-size:11px;color:#96a3b4;line-height:1.8;margin:12px 0}.work11-field{display:block;margin:0 0 14px}.work11-field>span{display:block;font-size:12px;color:#c7b581;margin-bottom:5px}.work11-field input:not([type=range]),.work11-field textarea,.work11-field select{width:100%;padding:10px 12px;color:#e9e6dd;background:#111f32;border:1px solid #344257;border-radius:9px;font-size:14px;box-sizing:border-box}.work11-field textarea{resize:vertical;min-height:64px}.work11-check{display:flex;gap:11px;align-items:start;margin-bottom:12px;font-size:13px;line-height:1.75;padding:11px 13px;background:#102034;border:1px solid transparent;border-radius:10px}.work11-check:has(input:checked){border-color:#88723f;color:#f0d99e}.work11-check input{margin-top:5px;accent-color:#d2ae60;flex:none}.work11-picks{display:flex;flex-wrap:wrap;gap:8px}.work11-picks button{padding:10px 12px;border-radius:10px;font-size:12px;color:#c5d0da;border:1px solid #34475c;background:#122238;text-align:left;cursor:pointer}.work11-picks button.selected{color:#eed597;border-color:#9e8348;background:#29271f}.work11-slider{display:grid;grid-template-columns:1fr 42px;gap:8px;align-items:center;margin:12px 0;font-size:12px}.work11-slider input{grid-column:1/-1;width:100%;accent-color:#cfb262}.work11-slider output{text-align:right;color:#edcf83}.work11-viz{height:160px;display:grid;place-items:center;margin:16px 0}.work11-viz svg{height:160px;width:220px}.work11-viz .poe11-ring{width:135px;height:135px;border-radius:50%;display:grid;place-items:center}.poe11-ring::after{content:"規劃分配";display:grid;place-items:center;width:100px;height:100px;background:#0c1422;border-radius:50%;font-size:12px;color:#cab57c}.work11-output{white-space:pre-wrap;font-size:12px;line-height:1.85;padding:16px;border-radius:12px;border:1px solid #3c443e;background:#09101b;color:#bed0d4;margin:18px 0;min-height:90px;max-height:280px;overflow:auto}.work11-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.work11-actions button{border:1px solid #967d43;background:transparent;color:#e8cb84;border-radius:99px;padding:8px 15px;font-size:12px;cursor:pointer}.work11-actions button.primary{background:#d5b36b;color:#221b0d}.work11-status{font-size:11px;color:#93c8bd;margin-left:auto}
.proof11 .exp11-card img,.brief11 .exp11-card img{height:135px}.evidence11-lens{position:absolute;left:var(--lens-x,50%);top:var(--lens-y,50%);transform:translate(-50%,-50%);width:170px;height:170px;border-radius:50%;border:2px solid #d1af62;background-repeat:no-repeat;box-shadow:0 0 0 5px rgba(217,185,109,.1),0 20px 40px rgba(0,0,0,.35);pointer-events:none;z-index:8;display:none}.lens11-active .evidence11-lens{display:block}.lens11-target{position:relative}.proof11-hint{font-size:10px;color:#8795a8;margin-top:10px}.m6-locate11{border:1px solid rgba(222,189,104,.3);border-radius:99px;background:rgba(7,14,24,.9);color:#e5c475;padding:6px 12px;font-size:11px;cursor:pointer;margin-top:9px}.m6-locate11[aria-pressed=false]+*{display:block}.m6-photo.hide-pin11 .m6pin10{visibility:hidden}
.film11-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.film11-stage{display:grid;grid-template-columns:1fr 1.1fr;gap:25px;padding:28px;border:1px solid var(--line);background:radial-gradient(ellipse at 15% 20%,rgba(206,174,96,.08),transparent 70%),#0a1422;border-radius:24px}.film11-stage>img{width:100%;height:255px;object-fit:contain;mix-blend-mode:screen;mask-image:radial-gradient(ellipse,#000 50%,transparent 84%);-webkit-mask-image:radial-gradient(ellipse,#000 50%,transparent 84%)}.film11-text h4{margin:5px 0 14px;font-family:var(--serif);font-size:30px;color:#eed28b}.film11-text p{font-size:14px;line-height:1.85;color:#b9c3d3}.film11-text select{width:100%;margin-top:15px;padding:10px 13px;background:#152439;border:1px solid #415067;border-radius:10px;font-size:13px}.film11-play{margin-top:14px;border-radius:99px;background:#d6b262;color:#251c0a;border:0;padding:10px 18px;cursor:pointer;font-size:13px}.brief11-preview{margin-top:18px;border:1px solid #79633b;background:#0c1829;padding:24px;border-radius:18px}.brief11-preview[hidden]{display:none}.brief11-preview h4{margin:0 0 17px;color:#e8ce8a}.brief11-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.brief11-fields label{font-size:12px;color:#a8b5c7}.brief11-fields input,.brief11-fields textarea{width:100%;margin-top:5px;padding:9px 12px;background:#14243a;border:1px solid #3a4c63;border-radius:10px;color:#e6e1d7;font-size:13px}.brief11-fields label:last-child{grid-column:1/-1}.brief11-create{margin-top:17px;background:#dab565;color:#291e08;border:0;border-radius:99px;font-size:12px;padding:10px 18px;cursor:pointer}.brief11-saved{font-size:11px;color:#a1c9bf;margin-left:10px}
.dialog11-lock{overflow:hidden}.dialog11-fallback{position:fixed;inset:20px;margin:auto;z-index:130}.dialog11-fallback[open]{box-shadow:0 0 0 100vmax rgba(2,5,10,.78)}
@media(max-width:1100px){.exp11-grid.six{grid-template-columns:repeat(3,minmax(0,1fr))}.lab11-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.exp11-head{align-items:start;flex-direction:column;gap:10px}.film11-stage{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.dialog11-body{grid-template-columns:1fr;padding:20px}.dialog11-art{display:grid;grid-template-columns:140px 1fr;gap:15px;align-items:center}.dialog11-art img{height:120px}.dialog11-art p{margin:0}.route11-guide{left:18px;right:18px;bottom:104px;max-width:none;justify-content:space-between}.film11-stage{grid-template-columns:1fr;padding:22px}.film11-stage>img{height:200px}.film11-text h4{font-size:26px}}
@media(max-width:640px){.exp11-grid.six,.exp11-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.lab11-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.exp11-head h3{font-size:22px}.exp11-card img{height:95px}.exp11-card b{font-size:12px}.exp11-card{border-radius:14px;padding:12px 9px 14px}.proof11 .exp11-card img,.brief11 .exp11-card img{height:110px}.lab11-tiles .exp11-card img{height:105px}.dialog11{max-width:calc(100vw - 20px);max-height:calc(100svh - 22px);border-radius:18px}.dialog11-head{padding:13px 16px}.dialog11-head h3{font-size:20px}.dialog11-art{grid-template-columns:100px 1fr}.dialog11-art img{height:95px}.dialog11-art p{font-size:10px}.work11-field textarea{min-height:56px}.film11-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.brief11-fields{grid-template-columns:1fr}.brief11-fields label:last-child{grid-column:1}.route11-next{margin-left:0!important}.exp11{margin:25px 0 30px}.route11-result{padding:15px}.student-origin11{font-size:12px}}
@media(prefers-reduced-motion:reduce){.exp11-card{transition:none!important;transform:none!important}}

.exp11-ready .paths{display:none}.dialog11-lock .route11-guide{visibility:hidden}

/* v11：停止不可見區塊與背景分頁的裝飾動畫。 */
.motion11-paused .ai10-art img,.motion11-paused .ai10-orbit::after,.motion11-paused .ai10-particles i,.motion11-paused .spark{animation-play-state:paused!important}
.motion11-background *,.motion11-background *::before,.motion11-background *::after{animation-play-state:paused!important}

/* v11：格式回退與研究室門牌。 */
.exp11-card>picture{width:100%;display:block}.film11-stage>picture{width:100%;height:255px;display:block}.film11-stage>picture img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;mask-image:radial-gradient(ellipse,#000 50%,transparent 84%);-webkit-mask-image:radial-gradient(ellipse,#000 50%,transparent 84%)}
.brand11-card{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr;gap:16px;align-items:center;padding:25px;border:1px solid rgba(216,183,95,.25);border-radius:20px;background:radial-gradient(ellipse at 85% 45%,rgba(62,121,122,.08),transparent),#0c1524;position:relative;overflow:hidden}
.brand11-card span{font-size:10px;letter-spacing:.15em;color:#d3ba7d}.brand11-card b{display:block;font-family:var(--serif);font-size:21px;line-height:1.5;margin-top:8px}.brand11-card p{font-size:12px;line-height:1.8;color:#9faec0}.brand11-card a{font-size:12px;color:#e3c987;display:inline-block;margin-right:13px}.brand11-card img{width:100%;height:185px;object-fit:contain;mix-blend-mode:screen;mask-image:radial-gradient(ellipse,#000 55%,transparent 84%);-webkit-mask-image:radial-gradient(ellipse,#000 55%,transparent 84%)}.brand11-card .pf{border:0;padding:0;background:none;font-size:10px;color:#9baabd;display:inline}
@media(max-width:640px){.brand11-card{grid-template-columns:1fr;padding:22px}.brand11-card img{height:150px;order:-1}.brand11-card b{font-size:20px}.film11-stage>picture{height:200px}}

/* v12：真實資歷為主的編輯式版型，概念圖不占用佐證位置。 */
:root{--bg:#070b12;--bg2:#0c1420;--line:rgba(222,210,183,.14);--gold:#dfbc68;--gold-hi:#f7df9b;--r:18px}
body{line-height:1.8}.sec{padding-top:88px;padding-bottom:88px}.sec.lt{background:#f2eee5}.sec.alt:not(.lt){background:#0a101a}.wrap{max-width:1320px}
.shead{gap:34px;margin-bottom:36px}.shead h2{font-size:clamp(32px,3.4vw,53px);line-height:1.26;letter-spacing:.015em}.shead h2 .latin{font-size:clamp(17px,1.5vw,23px);color:#dfbc68;margin-bottom:12px}.shead p{font-size:15px;max-width:790px;line-height:1.9}.shead::after{font-size:140px!important;opacity:.3!important}.idx{letter-spacing:.17em}.sec .card{border-radius:18px}.sec .rv{will-change:auto}
.sec.lt .shead h2 .latin{color:#826232}.sec.lt .card{box-shadow:0 9px 28px rgba(61,47,21,.045)}.exp11-head h3{font-family:var(--sans);font-weight:700;font-size:23px}.exp11-head p{font-size:13px}
.journey11{margin:0;padding:36px 0 44px;background:#0b111b;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.journey11 .exp11-head{margin-bottom:18px}.journey11 .exp11-grid.six{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.journey11 .exp11-card{display:grid;grid-template-columns:76px 1fr;gap:5px 15px;text-align:left;align-items:center;justify-items:start;padding:11px 16px 11px 11px;border-radius:12px;background:#101823}.journey11 .exp11-card img{grid-row:1/3;width:76px;height:65px;object-fit:cover;mix-blend-mode:normal;mask-image:none;-webkit-mask-image:none;border-radius:7px}.journey11 .exp11-card b{font-size:13px;align-self:end}.journey11 .exp11-card small{align-self:start;color:#a2adba}.journey11 .exp11-card:hover{background:#182130;transform:translateY(-2px)}
.proof11{margin:30px 0}.proof11 .exp11-card{padding:0;align-items:stretch;border-radius:14px;text-align:left;gap:0;background:#111c2b}.proof11 .exp11-card img{height:175px;width:100%;object-fit:contain;padding:14px;background:#ebe8df;mix-blend-mode:normal;mask-image:none;-webkit-mask-image:none}.proof11 .exp11-card b{font-size:14px;padding:16px 17px 3px}.proof11 .exp11-card small{padding:0 17px 16px;color:#b5becc}.proof11 .exp11-card:hover img{filter:brightness(1.03)}
.c5-r .zoom img{object-fit:contain!important}.c5-r{border-radius:18px}.aip2{border-radius:18px}.aip2-s{background:#e9e6df}.aip2-s img{object-fit:contain!important}.m6-visual10{gap:22px}.m6-photo{border-radius:14px!important}.m6-note10{box-shadow:0 12px 30px rgba(0,0,0,.2)}.og-ph{border-radius:12px!important}.og5{gap:26px}.og5-2{gap:18px}
.books{gap:24px}.bk{padding:26px!important}.bk .cover{margin-bottom:22px}.bk .cover img{filter:drop-shadow(8px 10px 11px rgba(39,32,18,.18));transition:transform .35s}.bk:hover .cover img{transform:translateY(-5px)}.studs{gap:16px}.st{border-top:2px solid #bb9c62!important}.st blockquote{font-size:15px;line-height:1.85}.st figcaption b{font-size:16px}.student-origin11{border-left:2px solid #b39963;padding-left:14px;margin-bottom:24px}.fw{gap:20px}.fwi{background:#fff!important;border:1px solid #ded6c6;border-radius:10px!important}.fwi img{object-fit:contain!important;background:#fff}
.lab11{border-top:1px solid #d1c4ae;padding-top:30px}.lab11-tiles{gap:0;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #d1c4ae}.lab11-tiles .exp11-card{display:grid;grid-template-columns:32px 1fr 20px;align-items:center;gap:10px;border:0;border-bottom:1px solid #d1c4ae;border-radius:0;background:transparent;text-align:left;padding:17px 15px;transform:none}.lab11-tiles .exp11-card b{font-size:13px}.lab11-tiles .exp11-card small{font-size:20px;line-height:1;color:#7b633e}.lab11-tiles .exp11-card:hover{background:rgba(174,142,76,.08)}.work12-number{color:#a38957;font-size:11px;font-family:var(--num)}.lab11-note{color:#716757}.dialog11-art img{mix-blend-mode:normal;mask-image:none;-webkit-mask-image:none;height:auto;max-height:280px;object-fit:contain;border-radius:8px;background:white;padding:7px}
.cel{gap:18px!important}.cel .cl{border-radius:14px!important}.cel .cl figcaption{padding:18px 20px!important}.cel .cl b{font-size:23px!important}.cel .cl em{line-height:1.7}.dfilm{gap:18px!important}.dfilm .dset{border-radius:12px!important}.film11{margin:38px 0 28px}.film11-tabs{gap:0;border-bottom:1px solid var(--line);margin-bottom:20px}.film11-tabs .exp11-card{border:0;border-radius:0;background:transparent;padding:13px 12px;display:flex;flex-direction:row;justify-content:center;gap:10px;transform:none}.film11-tabs .exp11-card b{font-size:14px}.film11-tabs .exp11-card.selected{border-bottom:2px solid #dfbc68;background:rgba(224,190,100,.055)}.film11-tabs .work12-number{color:#c2a368}.film11-stage{grid-template-columns:1.3fr 1fr;padding:22px;gap:28px;border-radius:18px}.film12-real{margin:0;position:relative;overflow:hidden;border-radius:10px;background:#060a10}.film12-real img{height:310px!important;width:100%;object-fit:contain!important;mask-image:none!important;-webkit-mask-image:none!important;mix-blend-mode:normal!important}.film12-real figcaption{padding:9px 12px;color:#acb9c8;font-size:11px;line-height:1.6;background:#0a1220}.film11-text{align-self:center}.film11-text h4{font-size:27px;font-family:var(--sans)}.film11-text label{font-size:12px;color:#c4cbd4}.film11-text select{color:#f0eadc}.film11-stage .film12-real:not(.zoom){cursor:default}
.t5{gap:34px}.t5-f{border-radius:14px!important}.lx{gap:18px!important}.lx figure{border-radius:12px!important}.lx img{transition:transform .45s}.lx figure:hover img{transform:scale(1.025)}.mags{gap:24px!important}.mg{padding:19px;background:#e6dfd1;border-radius:12px!important;border:1px solid #d8ccb5!important}.mg img{object-fit:contain!important;box-shadow:6px 8px 15px rgba(34,26,12,.12)}.mg figcaption{padding-top:16px;line-height:1.7}.md7-k{border-bottom:1px solid #ccbea4;padding-bottom:12px}
.brief11 .exp11-grid.four{gap:10px}.brief11 .exp11-card{padding:15px;align-items:start;text-align:left;min-height:92px;border-radius:12px}.brief11 .exp11-card img{display:none}.brief11 .exp11-card b{font-size:15px}.brief11 .exp11-card small{font-size:11px}.brand11-card{grid-template-columns:1fr;padding:25px 28px}.brand11-card img{display:none}.ipbanner{grid-column:1/-1;width:100%;margin:0;border-radius:12px;overflow:hidden;border:1px solid #a38645;background:#13141b}.ipbanner img{width:100%;height:auto;object-fit:contain}.ipbanner figcaption{font-size:11px;color:#b6c0cd;padding:9px 13px}
.ai10-art{min-height:200px!important;height:220px!important}.ai10-art img{height:210px!important}.ai10-viz{border-radius:14px}.ai10-tabs{gap:9px}.ai10-tab{border-radius:10px!important}.ai10-tab img{height:55px!important}.ai10-particles{opacity:.4}.ai10-art .ai10-orbit{opacity:.24}.aic-t h3{font-family:var(--sans);font-size:29px}.aic-t li{line-height:1.85}.aic-showcase{border-radius:18px!important}
@media(min-width:1101px){.sec .shead{grid-template-columns:118px minmax(0,1fr)}.journey11 .wrap{max-width:1320px}.hero-l{padding-left:clamp(55px,6vw,96px)}.hero-l h1{font-size:clamp(74px,7.1vw,116px)}.hero-r .hq11{max-width:390px!important;right:32px!important}.hq11 blockquote{font-size:14px!important}}
@media(min-width:901px){.lx figure:first-child{grid-column:span 2}.lx figure:first-child img{height:320px!important}}
@media(max-width:1100px){.sec{padding-top:66px;padding-bottom:66px}.journey11 .exp11-grid.six{grid-template-columns:repeat(2,minmax(0,1fr))}.journey11 .exp11-card{grid-template-columns:66px 1fr;padding:10px;gap:4px 12px}.journey11 .exp11-card img{width:66px;height:62px}.film11-stage{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.film11-stage{grid-template-columns:1fr}.film12-real img{height:280px!important}.dialog11-art img{height:120px}.shead{gap:20px}.lab11-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.wrap{padding-left:21px;padding-right:21px}.sec{padding-top:50px;padding-bottom:50px}.shead h2{font-size:31px}.shead p{font-size:14px}.shead{margin-bottom:27px}.sec .shead .idx{font-size:10px}.journey11{padding:28px 0}.journey11 .exp11-grid.six{grid-template-columns:1fr 1fr}.journey11 .exp11-card{display:flex;align-items:start;gap:6px;padding:12px;min-height:96px}.journey11 .exp11-card img{display:none}.journey11 .exp11-card b{align-self:auto;font-size:12px}.journey11 .exp11-card small{font-size:10px}.proof11 .exp11-card img{height:138px;padding:9px}.proof11 .exp11-card b{padding:13px 12px 4px;font-size:13px}.proof11 .exp11-card small{padding:0 12px 13px;font-size:10px}.lab11-tiles{grid-template-columns:1fr}.lab11-tiles .exp11-card{padding:15px 4px}.film11-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.film11-tabs .exp11-card{flex-direction:column;gap:3px;padding:10px 2px}.film11-tabs .exp11-card b{font-size:11px}.film11-stage{padding:14px;gap:20px}.film12-real img{height:205px!important}.film11-text h4{font-size:23px}.books{gap:20px}.bk{padding:23px!important}.mg{padding:11px}.mags{gap:12px!important}.ai10-art{height:170px!important;min-height:170px!important}.ai10-art img{height:165px!important}.aic-t h3{font-size:25px}.brief11 .exp11-card{min-height:90px}.route11-guide{bottom:98px;left:12px;right:12px}.exp11-head h3{font-size:21px}.st blockquote{font-size:14px}.film12-real figcaption{font-size:10px}}
@media(prefers-reduced-motion:reduce){.bk:hover .cover img,.lx figure:hover img{transform:none!important}.journey11 .exp11-card{transition:none}}

/* v12：收斂游標裝飾，隱藏的流程控制不占位置。 */
.film11-text [hidden]{display:none!important}.cur-ring{width:28px;height:28px;border-color:rgba(222,188,104,.32)}.cur-ring.hov{width:40px;height:40px}.cur-ring.zoomy{width:58px;height:58px}.cur-ring.zoomy::after{font-size:10px}

/* 主圖保留原構圖，背景重用已下載的首圖；第二張手動切換。 */
.hero-r .wave12-picture{position:absolute;inset:0;overflow:hidden}.hero-r .hs-wave .hs-bg{height:112%;width:112%}.hs-por img:not([src]){visibility:hidden}

/* 首屏內容立即可見，不等待裝飾開場；主數字直接顯示正確值。 */
.pre{display:none!important}.hero .fade,.hero .hname .ch{opacity:1!important;transform:none!important;transition:none!important}.hero .hstats{visibility:visible}

/* v13 */
.journey13{padding:44px 0}.journey13-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.journey13-card{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#101925;transition:transform .25s,border-color .25s;display:flex;flex-direction:column}.journey13-card:hover,.journey13-card.selected{transform:translateY(-3px);border-color:#c5a358}.journey13-card figure{margin:0;background:#0a1019;position:relative}.journey13-card img{width:100%;height:174px;object-fit:contain;background:#0a1019}.journey13-card[data-route11=cert] img,.journey13-card[data-route11=lab] img{background:#e9e4d9;padding:12px}.journey13-card figcaption{font-size:11px;color:#d6c184;padding:10px 16px;background:#0c1421;border-bottom:1px solid var(--line)}.journey13-card>div{padding:18px 19px;position:relative;flex:1;display:flex;flex-direction:column;gap:8px}.j13-no{font-size:10px;color:#b69857;letter-spacing:.12em}.journey13-card b{font-size:16px;line-height:1.5}.journey13-card p{font-size:12px;line-height:1.8;color:#a8b5c7;margin:0}.journey13-card small{font-size:11px;color:#dfc077;margin-top:auto;padding-top:9px;display:flex;justify-content:space-between}.journey13-card small span{transition:transform .25s}.journey13-card:hover small span{transform:translateX(4px)}
.proof13-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.proof13-card{display:flex;flex-direction:column;padding:0;border:1px solid #3b3c36;border-radius:16px;overflow:hidden;background:#111b29;cursor:pointer;text-align:left;transition:border-color .25s,transform .25s}.proof13-card:hover{border-color:#c6a35d;transform:translateY(-3px)}.proof13-card figure{margin:0;background:#eee8dc}.proof13-card img{width:100%;height:206px;object-fit:contain;padding:12px}.proof13-card figcaption{padding:10px 13px;font-size:10px;line-height:1.65;color:#655945;background:#e6ddce;min-height:50px}.proof13-card>div{padding:19px 16px;flex:1;display:flex;flex-direction:column}.proof13-card h4{font:700 17px/1.6 var(--sans);color:#f5e6c0;margin:0 0 7px}.proof13-card p{font-size:12px;color:#aebbcc;margin:0 0 14px;line-height:1.8}.proof13-card small{font-size:11px;color:#d6bd83;line-height:1.8;margin-top:auto}
.m6-note13-photo{position:relative}.note13-pin{position:absolute;left:59%;top:44%;width:13%;aspect-ratio:1;border:2px solid #f5d56c;border-radius:50%;box-shadow:0 0 0 4px rgba(242,201,76,.12);pointer-events:none}.note13-pin b{position:absolute;left:50%;bottom:calc(100% + 13px);transform:translateX(-50%);padding:3px 8px;font:700 10px/1.4 var(--sans);color:#201b08;background:#f1cd69;border-radius:99px;white-space:nowrap}.note13-pin b::after{content:"";position:absolute;left:50%;top:100%;width:1px;height:13px;background:#f1cd69}.m6-note13-photo.hide-pin13 .note13-pin{visibility:hidden}
.pacific13{display:grid;grid-template-columns:1.2fr 1fr;border:1px solid #8b7036;border-radius:22px;overflow:hidden;margin:0 0 33px;background:radial-gradient(ellipse at 90% 20%,rgba(211,172,85,.12),transparent),#0b1421}.pacific13>figure{margin:0;position:relative;cursor:pointer;align-self:stretch;background:#06090e}.pacific13 .vth{display:block;height:100%;min-height:320px}.pacific13 img{width:100%;height:100%;object-fit:contain}.pacific13-copy{padding:32px}.p13-tag{font-size:10px;letter-spacing:.15em;color:#dac18b}.pacific13 h3{font:700 33px/1.4 var(--serif);margin:12px 0 3px}.p13-title{color:#d0d8e2;font-size:15px!important;margin:0 0 20px!important}.p13-award{display:flex;gap:9px;align-items:center;color:#f5d080;font-size:18px;margin:17px 0}.p13-award span{font-size:30px}.pacific13-copy>p{font-size:13px;color:#aab9cc;line-height:1.9}.p13-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.p13-actions .btn{font-size:12px;padding:11px 17px}.pacific13 iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.systems13{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin:25px 0 0}.system13{min-width:0;border:1px solid #4b493c;border-radius:20px;padding:27px;background:radial-gradient(ellipse at 0 0,rgba(222,185,104,.045),transparent),#0c1420;overflow:hidden}.system13-heading{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:21px}.system13-heading>span{font:500 13px var(--num);color:#d8b975}.system13-heading small{font-size:10px;letter-spacing:.1em;color:#8391a5}.system13 .aic-t{padding:0;min-height:258px}.system13 .aic-t h3{font:700 26px/1.4 var(--sans);margin:12px 0;overflow-wrap:anywhere}.system13 .aic-t p{font-size:15px;line-height:1.8;color:#ebd093;margin:0 0 13px}.system13 .aic-t ul{padding:0;margin:0;display:grid;gap:8px;list-style:none}.system13 .aic-t li{font-size:12px;line-height:1.85;padding-left:15px;position:relative;color:#b9c4d2}.system13 .aic-t li::before{content:"";position:absolute;left:0;top:9px;width:4px;height:4px;background:#b7985d;box-shadow:none}.system13 .aic-t li.active13{color:#f3ddaa}.system13 .aic-k{background:#17242c;color:#9dcac0;font-size:10px;letter-spacing:.1em;border-radius:99px;padding:5px 10px;display:inline-block}
.demo13{margin-top:21px;border:1px solid #314858;border-radius:14px;background:linear-gradient(145deg,rgba(38,89,102,.10),transparent),#0a1421;padding:18px;position:relative}.demo13-top{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #263947;padding-bottom:12px}.demo13-top b{font-size:13px;color:#d7e6e5}.demo13-top>span{font-size:9px;color:#8094a4}.demo13-control{display:flex;justify-content:space-between;align-items:center;gap:13px;margin:16px 0;font-size:11px;color:#9aabbf}.demo13-control select,.demo13-control input{width:55%;border:1px solid #3c5365;border-radius:7px;background:#142336;padding:7px 10px;color:#dce6e9;font-size:12px}.demo13-steps{display:flex;gap:5px;margin:15px 0}.demo13-steps button{flex:1;min-width:0;cursor:pointer;border:1px solid #2c465a;border-radius:8px;background:#101e30;color:#a7bbca;padding:9px 3px;font:11px/1.55 var(--sans)}.demo13-steps button span{display:block;color:#658a98;font:9px var(--num);margin-bottom:3px}.demo13-steps button[aria-pressed=true]{color:#f1d793;border-color:#b29860;background:#2a2a22}.demo13-steps button[aria-pressed=true] span{color:#c3ac79}.demo13-canvas{min-height:209px;padding:16px 10px;border:1px solid #263947;border-radius:10px;background:linear-gradient(rgba(123,166,180,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(123,166,180,.045) 1px,transparent 1px),#0a1521;background-size:24px 24px;position:relative}.demo13-canvas>div,.demo13-canvas>svg{animation:demo13-enter .28s ease}.demo13-result{font-size:11px;line-height:1.85;color:#99b8bb;min-height:45px;margin:12px 0 0;border-left:2px solid #618d89;padding-left:11px}.demo13-next{border:0;background:transparent;color:#e5c981;font:11px var(--sans);padding:9px 0 0;cursor:pointer;display:block;margin-left:auto}.demo13-input-label{font-size:10px;color:#8296aa;margin-bottom:8px}.demo13-box{border:1px solid #466b72;border-radius:9px;background:#152735;padding:13px;font-size:12px;color:#cbd9dc;line-height:1.8}.demo13-box strong{color:#e7d59b;display:block;font-size:13px;margin-bottom:6px}.demo13-box small{color:#7d9aab;font-size:10px}.demo13-checks{display:grid;gap:8px;margin-top:12px}.demo13-checks span{background:#152838;border-radius:6px;padding:6px 9px;font-size:11px;color:#95c3b9}.demo13-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.demo13-node{border:1px solid #3d5668;border-radius:9px;text-align:center;padding:14px 6px;color:#90a8b8;font-size:12px;background:#122032}.demo13-node.on{border-color:#dbbd74;color:#e3cf91;background:#29291f;box-shadow:0 0 18px rgba(213,178,100,.08)}.demo13-hub{border:1px solid #5e8d88;color:#9fd3c7;font-size:12px;text-align:center;padding:8px;border-radius:99px;margin:12px auto 0;max-width:210px}.demo13-pill{display:inline-block;border-radius:99px;background:#22352f;color:#a1c9b7;padding:3px 8px;font-size:9px;margin-bottom:9px}.demo13-search{display:flex;gap:9px;padding:10px;border:1px solid #405268;border-radius:99px;background:#132337;color:#b5c5d8;font-size:12px;margin-bottom:13px}.demo13-bars{display:grid;gap:11px}.demo13-bars div{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #325161;font-size:11px;padding:6px 0}.demo13-bars i{font-style:normal;color:#d5c07f}.demo13-task{display:flex;gap:9px;padding:9px;border-bottom:1px solid #2d4555;color:#b0c5cb;font-size:11px;line-height:1.7}.demo13-task input{accent-color:#d4b777}.demo13-progress{height:4px;background:#1b2b3e;border-radius:99px;overflow:hidden;margin:14px 0 8px}.demo13-progress i{display:block;height:100%;background:linear-gradient(90deg,#60ac9f,#d3bb77);transition:width .35s}.demo13-progress-label{font-size:10px;color:#91aaa9}.demo13-radar{display:flex;gap:12px;align-items:center}.demo13-radar svg{width:150px;flex:none}.demo13-radar div{font-size:11px;line-height:1.9;color:#a9bbc7}.demo13-radar b{display:block;color:#e6cda0;margin-bottom:7px}.demo13-funnel{display:grid;gap:8px;justify-items:center}.demo13-funnel div{padding:12px 10px;border:1px solid #40606d;background:#122536;color:#93b5bf;text-align:center;font-size:12px;border-radius:7px;transition:background .25s,border-color .25s}.demo13-funnel div.on{border-color:#ccb478;background:#2b2b20;color:#e7d19b}.demo13-funnel div:nth-child(1){width:100%}.demo13-funnel div:nth-child(2){width:75%}.demo13-funnel div:nth-child(3){width:50%}.demo13-funnel small{display:block;font-size:9px;color:#7e9ea9;margin-top:3px}
@keyframes demo13-enter{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.journey13-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.system13{padding:22px}.proof13-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pacific13-copy{padding:25px}.pacific13 h3{font-size:29px}}
@media(max-width:900px){.systems13{grid-template-columns:1fr}.system13 .aic-t{min-height:0}.pacific13{grid-template-columns:1fr}.pacific13 .vth{min-height:0;aspect-ratio:16/9}.pacific13 img{height:100%}.demo13-canvas{min-height:220px}.proof13-card img{height:180px}.note13-pin b{font-size:9px}}
@media(max-width:640px){.journey13{padding:30px 0}.journey13-grid{gap:12px}.journey13-card img{height:120px}.journey13-card figcaption{font-size:10px;padding:9px 10px;min-height:47px}.journey13-card>div{padding:13px 11px}.journey13-card b{font-size:13px}.journey13-card p{font-size:11px}.journey13-card small{font-size:10px}.proof13-grid{gap:12px}.proof13-card img{height:150px;padding:10px}.proof13-card>div{padding:14px 12px}.proof13-card h4{font-size:14px}.proof13-card p{font-size:11px}.proof13-card figcaption{font-size:9px;min-height:58px;padding:8px 10px}.proof13-card small{font-size:10px}.pacific13-copy{padding:23px 21px}.pacific13 h3{font-size:28px}.p13-award{font-size:17px}.system13{padding:22px 18px}.system13 .aic-t h3{font-size:24px}.system13 .aic-t p{font-size:14px}.system13 .aic-t li{font-size:12px}.demo13{padding:14px}.demo13-control{font-size:10px}.demo13-control input,.demo13-control select{font-size:12px}.demo13-steps button{font-size:10px}.demo13-radar svg{width:128px}.demo13-canvas{padding:14px 8px}.systems13{gap:20px}.note13-pin{width:13%}.note13-pin b{font-size:9px}}
@media(prefers-reduced-motion:reduce){.journey13-card,.proof13-card,.demo13-progress i,.demo13-funnel div{transition:none!important}.demo13-canvas>div,.demo13-canvas>svg{animation:none!important}}

/* v13：可直接點選的雷達與漏斗，陪跑三階段各自有可理解的畫面。 */
.demo13-radar [role=button]{cursor:pointer}.demo13-radar [role=button]:hover circle{stroke:#f5db96;stroke-width:2}.demo13-radar [role=button]:focus-visible circle{stroke:#f5db96;stroke-width:2}
.demo13-funnel button{font:12px var(--sans);padding:12px 10px;border:1px solid #40606d;background:#122536;color:#93b5bf;text-align:center;border-radius:7px;cursor:pointer;transition:background .25s,border-color .25s}.demo13-funnel button.on{border-color:#ccb478;background:#2b2b20;color:#e7d19b}.demo13-funnel button:nth-child(1){width:100%}.demo13-funnel button:nth-child(2){width:75%}.demo13-funnel button:nth-child(3){width:50%}.demo13-funnel button:hover{border-color:#e1c989}
#ogilvy .m6b{align-self:start;height:auto}.demo13-steps button:hover{border-color:#b9a46f}
@media(prefers-reduced-motion:reduce){.demo13-funnel button{transition:none}}

/* 導讀直接開始，手機導讀提示避開章節按鈕。 */
@media(max-width:900px){.route11-guide{left:65px;right:12px;bottom:105px;padding:10px;gap:8px}.route11-guide span{font-size:10px}.route11-guide button{font-size:11px}}

/* 新導讀入口已提供原生連結，首屏直接隱藏舊入口，避免載入後移位。 */
.paths{display:none}

/* v14：語音定案，主視覺命名與教材價值，移除 S 圓章。 */
.now14{display:flex;align-items:flex-start;gap:10px;margin-bottom:16px;letter-spacing:.02em;max-width:580px}.now14>i{flex:none;margin-top:7px}.now14-copy{display:block;min-width:0}.now14-copy b{display:block;font-family:var(--sans);font-size:14px;font-weight:700;line-height:1.85;letter-spacing:0;text-wrap:pretty}.now14-copy small{display:block;font-family:var(--sans);font-size:12px;font-weight:500;line-height:1.8;color:#bec8d4;letter-spacing:.04em;margin-top:3px}
.hdots button{white-space:nowrap}.hero-r .seal{display:none!important}
@media(max-width:640px){.now14{gap:8px;margin-bottom:14px;max-width:100%}.now14-copy b{font-size:12.5px;line-height:1.85}.now14-copy small{font-size:11.5px;letter-spacing:0;line-height:1.8}.now14>i{margin-top:7px}.hdots button{padding:7px 11px;font-size:12px}}

/* v15：修正 HTML 原圖高度與縮圖 CSS 寬度衝突，背書與主視覺控制各保留自己的位置。 */
.c5k li img{height:auto;max-width:100%;aspect-ratio:4/3;object-fit:contain;align-self:center}
.hero-badge>div:last-child{min-width:0}.hero-badge span{display:block;line-height:1.6}
@media(min-width:901px){.hero-r .hero-badge{right:22px;bottom:88px;max-width:min(360px,calc(100% - 44px))}.hero-r .hdots{right:22px;bottom:22px}}
@media(max-width:640px){.c5k li img{height:auto;width:100%;max-width:260px}}

/* v15 收尾：手機「章節」鈕移到頁首，不擋姓名與正文 */
@media(min-width:350px) and (max-width:900px){.rail10-trigger{top:9px;bottom:auto;left:auto;right:75px;z-index:120;transition:transform .35s,opacity .35s}header.top.hide~.rail10-trigger{transform:translateY(-72px);opacity:0;pointer-events:none}.rail10-open .rail10-trigger{transform:none!important;opacity:1!important;pointer-events:auto!important}}
@media(max-width:349px),(min-width:901px) and (max-width:1100px){.rail10-trigger{transition:opacity .25s}.rail10-hero .rail10-trigger{opacity:0;pointer-events:none}}

/* ===== v16 RWD 全面校正 ===== */
/* 1. 圖片比例：延遲載入的圖片沿用原始寬高屬性，寬度縮小時高度不跟著縮，造成照片被拉長或過度裁切。
      :where() 權重為 0，只覆蓋 HTML 的 height 屬性，不影響原本有明確設定高度的元件。 */
:where(main img,footer img){height:auto}
.t5-f img{width:100%;aspect-ratio:1430/975;object-fit:cover}
.tvs img,.mags img{width:100%;height:auto!important;object-fit:contain}

/* 2. 手機最小字級與點擊範圍 */
@media(max-width:900px){
 .demo13-top span,.demo13-steps button,.demo13-steps button span,.demo13-steps small,.demo13 button small,.demo13-control span,.demo13-input-label,.demo13-pill,.system13-heading small,.aic-k{font-size:12px!important}
 .demo13-result,.demo13-checks span,.demo13-next,.demo13-radar>div{font-size:13px!important}
 #journey11 figcaption,#journey11 .j13-no,#journey11 small{font-size:12px!important}
 #journey11 p{font-size:13px!important}
 #cert figure figcaption,#cert div>small{font-size:12px!important}
 #cert div>p{font-size:13px!important}
 .hq-tools span,.p13-tag,.film12-real figcaption,.hq-origin,.hq-w,.hq-source11{font-size:12px!important}
 .m6pin b,.note13-pin b{font-size:11px!important}
 .exp11-card .work12-number,.exp11-card>b,.exp11-card small,.lab11-count,.lab11-note{font-size:12px!important}
 .demo13-next{min-height:40px;padding:8px 14px!important}
 a.lnk{display:inline-flex;align-items:center;min-height:40px}
 #books a:not([class])[href="method.html"],#books a:not([class])[href="/method"]{display:inline-flex;align-items:center;min-height:40px}
 a.tel{display:inline-flex;align-items:center;min-height:40px}
 .hq-pause{width:40px!important;height:40px!important}
}

/* 3. 平板：12 個框架改兩欄，減少一路往下捲 */
@media(min-width:641px) and (max-width:1023px){
 #fw{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;overflow:visible!important}
 #fw>*{min-width:0}
}

/* 4. 手機：導演作品改兩欄 */
@media(max-width:640px){
 .vcs.director-works{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .vcs.director-works .vtx,.vcs.director-works figcaption{font-size:12px}
}

/* 5. 手機：六套 AI 系統改成左右滑動，一次看一套 */
@media(max-width:900px){
 #systems13{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:10px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
 #systems13>article{flex:0 0 88%;scroll-snap-align:start;opacity:1!important;transform:none!important}
 .s13-hint{display:flex!important}
}
@media(min-width:641px) and (max-width:900px){#systems13>article{flex-basis:62%}}
.s13-hint{display:none;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;font-size:13px;color:#c9b77a}
.s13-hint b{font-weight:600;color:#f2c94c}
.s13-dots{display:flex;gap:6px}
.s13-dots i{width:7px;height:7px;border-radius:50%;background:rgba(242,201,76,.25);transition:background .3s,width .3s}
.s13-dots i.on{background:#f2c94c;width:18px;border-radius:4px}
.fqb img{object-fit:contain}
@media(max-width:900px){#teach a[href*="lectureexperience"]{display:inline-flex;align-items:center;min-height:40px}}

@media(max-width:640px){.vcs.director-works .vtx b,.vcs.director-works figcaption b{font-size:13px!important;line-height:1.45}.vcs.director-works .vtx{padding:8px 9px 10px}}

/* ===================== v17 Awwwards 取經層 ===================== */
:root{--hair:rgba(255,255,255,.1);--hair-lt:rgba(30,24,10,.14);--champ:#E9C978;--r17:14px}
/* 01 全站紙感顆粒（Edolus／OFFF） */
body::before{content:"";position:fixed;inset:0;z-index:2147483000;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
/* 02 細節：選取色、捲軸 */
::selection{background:var(--champ);color:#14100a}
html{scrollbar-width:thin;scrollbar-color:rgba(233,201,120,.45) transparent}
/* 03 編輯感大標（Belgrade Arbor／Maria Vasilyeva） */
.shead h2{font-family:var(--serif);font-weight:900;font-size:clamp(34px,4.4vw,70px)!important;line-height:1.12!important;letter-spacing:-.005em!important}
.shead h2 .latin{display:block;font-family:var(--latin);font-style:italic;font-weight:500;font-size:clamp(17px,1.5vw,24px);letter-spacing:.01em;margin-bottom:.45em;color:var(--champ)}
.lt .shead h2 .latin{color:#8a6a2c}
.shead p{font-size:clamp(15px,1.15vw,18px);max-width:58ch}
/* 04 章節編號（LPAS／TWKS 的括號編號＋細線） */
.shead .idx{font-family:var(--num);font-size:11px!important;letter-spacing:.22em!important;font-weight:600;text-transform:uppercase}
.shead .idx b{font-family:var(--num);font-weight:600;font-size:12px!important}
.shead .idx b::before{content:"("}.shead .idx b::after{content:")"}
/* 05 大標遮罩浮現（Huy Phan） */
.js .shead h2.rv{opacity:1;transform:none;clip-path:inset(0 0 100% 0);transition:clip-path 1.25s var(--ease)}
.js .shead h2.rv.in{clip-path:inset(0 0 -12% 0)}
/* 06 數字字體（Realevate／Acquisition） */
.hstat b,.ast b,.astrip b,.n5 b,[class*="stat"] b{font-family:var(--num)!important;font-weight:700;letter-spacing:-.03em}
/* 07 區塊留白與細線分隔（LPAS／Takram） */
@media(min-width:901px){.sec{padding-top:128px!important;padding-bottom:128px!important}.sec+.sec:not(.lt){box-shadow:inset 0 1px 0 var(--hair)}}
/* 08 米白區塊像紙張疊上來（TWKS／Realevate 疊卡） */
.lt{position:relative;z-index:3;border-radius:36px 36px 0 0!important;margin-top:-36px!important;box-shadow:0 -30px 60px -30px rgba(0,0,0,.55)!important}
.lt+.sec{border-radius:36px 36px 0 0;margin-top:-36px;position:relative;z-index:4;box-shadow:0 -30px 60px -30px rgba(0,0,0,.35)}
@media(max-width:640px){.lt,.lt+.sec{border-radius:24px 24px 0 0!important;margin-top:-24px!important}}
/* 09 卡片：細線取代重陰影（Butter／Takram） */
.sec:not(.lt) .card{box-shadow:none!important;border:1px solid var(--hair)!important;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012))!important}
.lt .card{box-shadow:none!important;border:1px solid var(--hair-lt)!important}
/* 10 圖片統一圓角＋遮罩內縮放（Jesper Landberg） */
main figure,main .vth{border-radius:var(--r17)}
main figure{overflow:hidden}
@media(hover:hover){main figure.zoom img{transition:transform 1.1s var(--ease),filter .6s}main figure.zoom:hover img{transform:scale(1.045)}}
/* 11 進場：圖片由下往上揭開（Realevate） */
@supports (animation-timeline:view()){
 @media(prefers-reduced-motion:no-preference){
  main .sec figure.zoom img,main .vth img{animation:v17img linear both;animation-timeline:view();animation-range:entry 0% entry 70%}
  @keyframes v17img{from{clip-path:inset(18% 0 0 0);scale:1.08}to{clip-path:inset(0 0 0 0);scale:1}}
 }
}
/* 12 按鈕：膠囊＋圓形箭頭（Cuberto／TWKS） */
.btn{border-radius:999px!important;letter-spacing:.04em;font-weight:700}
.btn .ar{display:inline-grid;place-items:center;width:1.9em;height:1.9em;margin-right:-.55em;border-radius:50%;background:rgba(20,16,8,.12);transition:transform .45s var(--ease),background .3s}
.btn:hover .ar{transform:translateX(3px) rotate(-45deg)!important;background:rgba(20,16,8,.2)}
.btn.ghost .ar{background:rgba(255,255,255,.08)}
/* 13 空心按鈕：滑過金色由下填滿（Cuberto） */
.btn.ghost{position:relative;overflow:hidden;isolation:isolate}
.btn.ghost::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--champ);transform:translateY(101%);border-radius:inherit;transition:transform .55s var(--ease)}
@media(hover:hover){.btn.ghost:hover::before{transform:none}.btn.ghost:hover{color:#14100a!important;-webkit-text-fill-color:#14100a!important}}
/* 14 頁首：捲動後變成置中膠囊（Belgrade Arbor／Butter） */
@media(min-width:1101px){
 .top{transition:transform .5s var(--ease),background .4s,top .5s var(--ease),max-width .6s var(--ease),border-radius .6s var(--ease),box-shadow .4s}
 .top.solid{top:12px!important;left:0;right:0;margin:0 auto;max-width:min(1180px,calc(100% - 48px));border-radius:999px;border:1px solid var(--hair)!important;background:rgba(8,12,22,.72)!important;box-shadow:0 20px 50px -24px rgba(0,0,0,.7)}
 .top.solid.hide{transform:translateY(-140%)}
 .top.solid .wrap{padding-left:18px;padding-right:10px}
}
/* 15 手機選單：大字襯線＋依序浮現（Huy Phan） */
.mnav a{font-size:clamp(24px,6.6vw,34px)!important;letter-spacing:-.005em;padding:12px 0!important}
.mnav a small{font-family:var(--num);font-size:11px;color:var(--champ);letter-spacing:.15em;min-width:2.4em}
.mnav a{opacity:0;transform:translateY(16px);transition:opacity .5s var(--ease),transform .6s var(--ease)}
.mnav.open a{opacity:1;transform:none}
.mnav.open a:nth-child(2){transition-delay:.04s}.mnav.open a:nth-child(3){transition-delay:.08s}.mnav.open a:nth-child(4){transition-delay:.12s}.mnav.open a:nth-child(5){transition-delay:.16s}.mnav.open a:nth-child(6){transition-delay:.2s}.mnav.open a:nth-child(7){transition-delay:.24s}.mnav.open a:nth-child(8){transition-delay:.28s}.mnav.open a:nth-child(9){transition-delay:.32s}.mnav.open a:nth-child(10){transition-delay:.36s}.mnav.open a:nth-child(11){transition-delay:.4s}
/* 16 跑馬燈：實心＋空心交錯、滑過放慢（Realevate） */
.band{padding:30px 0!important}
.band span{font-family:var(--serif);font-weight:900;font-size:clamp(26px,3.4vw,52px)!important;letter-spacing:.01em}
.band span em{font-family:var(--latin);font-style:italic;font-weight:600;-webkit-text-stroke:1px rgba(233,201,120,.75)!important}
@media(hover:hover){.band:hover .track{animation-duration:90s}}
/* 17 頁尾巨型簽名字（OFFF／Belgrade Arbor） */
footer .giant{font-family:var(--latin)!important;font-style:italic;font-weight:600;font-size:clamp(64px,15.5vw,280px)!important;line-height:.9!important;letter-spacing:-.03em!important;margin-top:90px!important;background:linear-gradient(180deg,rgba(233,201,120,.55),rgba(233,201,120,.06))!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;white-space:nowrap;overflow:hidden}
/* 18 清單列：滑過底色滑入＋箭頭轉向（Takram／TWKS） */
@media(hover:hover){
 .exp11-card,.ledger li,.ledger .row,.flinks a,footer .ft a{position:relative;transition:color .3s,padding .45s var(--ease)}
 #practice11 .exp11-card::after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(138,106,44,.08);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
 #practice11 .exp11-card{isolation:isolate}
 #practice11 .exp11-card:hover::after{transform:scaleX(1)}
 #practice11 .exp11-card:hover{padding-left:10px}
 footer .ft a:hover{color:var(--champ);padding-left:6px}
}
/* 19 背景大編號更含蓄 */
.bgnum{opacity:.55}
/* 20 焦點框統一 */
:focus-visible{outline:2px solid var(--champ)!important;outline-offset:3px}
/* 21 自訂游標「放大／播放」字樣（Cuberto） */
.cur17{position:fixed;left:0;top:0;z-index:2147482000;pointer-events:none;width:78px;height:78px;margin:-39px 0 0 -39px;border-radius:50%;display:grid;place-items:center;background:var(--champ);color:#14100a;font:700 12px/1 var(--sans);letter-spacing:.08em;transform:translate3d(-200px,-200px,0) scale(0);transition:transform .35s var(--ease) , opacity .3s;opacity:0}
.cur17.on{opacity:1}
@media(hover:none),(pointer:coarse){.cur17{display:none}}
/* 22 首屏名字更大氣（手機不動） */
@media(min-width:1101px){.hname{letter-spacing:.02em}}
/* 23 統一 section 內文字寬度 */
.sec p{text-wrap:pretty}
/* 24 圖說統一：小字大寫距（Takram） */
main figcaption{letter-spacing:.02em}
/* 25 手機：章節標題縮放與留白 */
@media(max-width:640px){.sec{padding-top:72px!important;padding-bottom:72px!important}.shead h2{font-size:clamp(30px,8.4vw,40px)!important}.shead h2 .latin{font-size:16px}}

/* v18：修正 v11 舊規則把英文字型覆蓋成 Georgia／Arial，讓 v17 載入的 Cormorant Garamond、Inter Tight 真正生效 */
:root{--latin:"Cormorant Garamond",Georgia,"Times New Roman",serif;--num:"Inter Tight",Arial,"Helvetica Neue",sans-serif}
footer .giant{padding-bottom:.16em!important;margin-bottom:-.1em}

/* v19：讓 v17 第⑫點「細線框、不靠重陰影、照片圓角統一」完全到位 */
/* 米白區卡片：拿掉投影，改細線框 */
.lt .fwc,.lt .pf,.lt .bf,.lt .btoc{box-shadow:none!important;border:1px solid rgba(30,24,10,.14)!important}
/* 實心金色按鈕：拿掉金色光暈，改細內框 */
.btn:not(.ghost){box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)!important}
.btn:not(.ghost):hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)!important}
/* 照片圓角統一 14px（證書扇形小卡、便利貼不動） */
main figure:not(.fd):not(.note){border-radius:14px!important}
main figure:not(.fd):not(.note)>img,main figure:not(.fd):not(.note)>.zoom>img,main figure.zoom>img{border-radius:inherit}
@media(max-width:700px){main figure:not(.fd):not(.note){border-radius:12px!important}}

/* ═══════════ v21：精緻化 10 點（保留 v19 版面與配色）═══════════ */
/* ① 首屏資訊分層 */
.hero .now14{background:none!important;border:0!important;padding:0!important;font-family:"Noto Sans TC",system-ui,sans-serif!important;font-weight:400!important;font-size:12px!important;letter-spacing:.12em!important;color:#8E97A6!important;gap:6px!important}
.hero .now14>i{display:none!important}
.hero .now14 b{font-weight:500!important;color:#AEB6C4!important}
.hero .now14 small{color:#8E97A6!important;font-size:12px!important}
.hero .epithet{background:none!important;border:0!important;padding:0!important;font-size:13px!important;font-weight:600!important;letter-spacing:.18em!important;color:#DFBC68!important;gap:10px!important;align-items:center!important}
.hero .epithet .dot{display:none!important}
.hero .epithet small{font-weight:400!important;letter-spacing:.06em!important;color:#AEB6C4!important;font-size:12px!important;padding-left:12px!important;border-left:1px solid rgba(223,188,104,.4)!important;margin-left:2px!important}
.hero .hlab{background:none!important;border:0!important;padding:0!important;font-size:13px!important;color:#CBD2DE!important}
.hero .hlab .hlab-k{background:none!important;border:1px solid rgba(223,188,104,.45)!important;color:#DFBC68!important;font-size:11px!important;padding:2px 8px!important;border-radius:999px!important}
.hero .hstats{border-top:1px solid rgba(255,255,255,.14)!important;border-bottom:1px solid rgba(255,255,255,.14)!important;padding:0!important;gap:0!important}
.hero .hstat{padding:16px 0 14px 22px!important;border-left:1px solid rgba(255,255,255,.14)!important;background:none!important}
.hero .hstat:first-child{padding-left:0!important;border-left:0!important}
.hero .hstat b{font-weight:300!important;font-size:clamp(34px,3.2vw,46px)!important;letter-spacing:-.01em!important;color:#F3EFE6!important;-webkit-text-fill-color:#F3EFE6!important;background:none!important}
.hero .hstat b small{color:#DFBC68!important;-webkit-text-fill-color:#DFBC68!important;font-weight:400!important}
.hero .hstat i{font-size:12px!important;letter-spacing:.1em!important;font-style:normal!important}
.hero .chips{display:block!important;font-size:13px!important;line-height:1.8!important;color:#8E97A6!important}
.hero .chips .chip{display:inline!important;background:none!important;border:0!important;padding:0!important;margin:0!important;font-size:13px!important;font-weight:400!important;color:#AEB6C4!important;box-shadow:none!important;border-radius:0!important}
.hero .chips .chip+.chip::before{content:"・";color:#5D6676}
.hero .hq{background:rgba(7,11,18,.55)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14)!important;padding:14px 18px!important;border-radius:14px!important}
@media(min-width:901px){.hero .hq{max-width:340px!important;width:340px!important}.hero .hq blockquote{font-size:15px!important;line-height:1.6!important}}

/* ② 細字巨數＋細線（金色只留在 +） */
.nums .nm b,.tnums .nm b{font-weight:200!important;letter-spacing:-.02em!important;color:#F3EFE6!important;-webkit-text-fill-color:#F3EFE6!important;background:none!important;text-shadow:none!important}
.nums .nm,.tnums .nm{display:flex;flex-direction:column}
.nums .nm>span,.tnums .nm>span{border-top:1px solid rgba(255,255,255,.16)!important;margin-top:18px!important;padding-top:12px!important;letter-spacing:.2em!important;font-size:12.5px!important;color:#8E97A6!important}
.nums{gap:0!important}
.nums .nm{padding:0 26px!important;border-left:1px solid rgba(255,255,255,.1)!important;background:none!important}
.nums .nm:first-child{padding-left:0!important;border-left:0!important}
@media(max-width:700px){.nums .nm{padding:0 0 18px!important;border-left:0!important}}

/* ③ 章節開場統一版式 */
@media(min-width:901px){.shead{display:block!important}}
.shead .idx{display:flex!important;flex-direction:row!important;align-items:center!important;gap:16px!important;padding:0!important;margin:0 0 22px!important;font-size:12.5px!important;letter-spacing:.28em!important;color:#DFBC68!important;width:auto!important}
.shead .idx b{font-size:13px!important}
.shead .idx b::after{content:"";display:inline-block;width:56px;height:1px;background:rgba(223,188,104,.7);vertical-align:middle;margin-left:16px}
.shead .idx small,.shead .idx .rt,.shead .idx span{letter-spacing:.1em!important;color:#5D6676!important}
.shead p{max-width:640px!important;line-height:1.95!important}
.lt .shead .idx{color:#8A6A2C!important}

/* ④ 三根支柱卡片加真實照片 */
.card.pl{overflow:hidden}
.card.pl .pl21{margin:-30px -26px 18px;height:170px;overflow:hidden}
.card.pl .pl21 img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.85);transition:transform 1s cubic-bezier(.16,1,.3,1)}
.card.pl:hover .pl21 img{transform:scale(1.04)}
.card.pl ul li{border-top:1px solid rgba(255,255,255,.1)!important;padding:9px 0!important;margin:0!important}
.card.pl ul li::before{display:none!important}
.card.pl ul{margin-top:14px!important}

/* ⑤ 學員推薦：出版品質感 */
.st.card{display:flex!important;flex-direction:column!important;background:#FBF8F1!important;border:0!important;border-top:2px solid #B8892A!important;border-radius:0!important;box-shadow:none!important;padding:28px 26px 22px!important}
.st.card::before{content:"\201C";font-family:"Cormorant Garamond",Georgia,serif;font-size:84px;line-height:.55;height:36px;color:#B8892A;order:0;display:block}
.st.card::after{display:none!important}
.st.card blockquote{order:1;margin:10px 0 18px!important;font-family:"Noto Serif TC","Songti TC",serif!important;font-weight:600!important;font-size:17.5px!important;line-height:1.75!important;color:#16130D!important}
.st.card figcaption{order:2;margin-top:auto!important;border-top:1px solid rgba(22,19,13,.14);padding-top:14px}
.st.card figcaption b{font-family:"Noto Sans TC",system-ui,sans-serif!important;font-weight:700!important;font-size:14px!important}
.st.card figcaption span{font-size:12.5px!important;color:#6B6457!important}
.st.card .st-sign{order:3;display:flex;justify-content:flex-end;align-items:flex-end;margin-top:-34px!important;border:0!important;padding:0!important}
.st.card .st-sign span{display:none}
.st.card .st-sign img{height:44px!important;width:auto!important}

/* ⑥ 獲獎紀錄：年份大字＋細線表 */
.ledger .lg{grid-template-columns:110px minmax(0,1fr) auto!important;align-items:center!important;padding:14px 4px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.1)!important;background:none!important;border-radius:0!important;transition:background .3s}
.ledger .lg:hover{background:rgba(242,201,76,.06)!important}
.ledger .lg .y{font-weight:200!important;font-size:30px!important;color:#F3EFE6!important;letter-spacing:0!important}
.ledger .lg:first-child .y{color:#F2C94C!important}
.ledger .lg .n{font-weight:700!important;font-size:15.5px!important}
.ledger .lg .n small{display:block;font-family:"Cormorant Garamond",Georgia,serif!important;font-style:italic;font-weight:500!important;font-size:14.5px!important;color:#8E97A6!important;margin-top:2px}
.ledger .lg .r,.ledger .lg .r b{background:none!important;border:0!important;padding:0!important;color:#E9C978!important;font-weight:500!important;font-size:14px!important;text-align:right;box-shadow:none!important}
@media(max-width:700px){.ledger .lg{grid-template-columns:64px minmax(0,1fr)!important}.ledger .lg .y{font-size:22px!important}.ledger .lg .r{grid-column:2;text-align:left}}

/* ⑦ 授課照片牆：統一 4:3、統一色調 */
.lx{gap:28px 16px!important}
.lx figure{margin:0!important;background:none!important;border:0!important;box-shadow:none!important}
.lx figure img{aspect-ratio:4/3!important;height:auto!important;object-fit:cover!important;border-radius:6px!important;filter:saturate(.8) contrast(1.05);transition:filter .4s}
.lx figure:hover img{filter:saturate(1) contrast(1.05)}
.lx figure figcaption{position:static!important;background:none!important;padding:12px 0 0!important;font-size:13px!important;line-height:1.6!important;color:#8E97A6!important}
.lx figure figcaption b{display:block;font-size:14px!important;color:#F3EFE6!important}
.lx figure figcaption span{display:block;color:#8E97A6!important}

/* ⑧ 名人影片：電影海報直式卡 */
@media(min-width:901px){.cel{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px!important}}
.cel .cl{border:0!important;border-radius:10px!important;position:relative;overflow:hidden;background:#0B0D12!important}
.cel .cl .vth{display:block;aspect-ratio:2/3!important;height:auto!important}
.cel .cl .vth img{width:100%!important;height:100%!important;object-fit:cover!important}
.cel .cl .vth::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,11,18,0) 45%,rgba(7,11,18,.92) 100%);pointer-events:none}
.cel .cl .vpb{top:12px!important;right:12px!important;left:auto!important;bottom:auto!important;width:34px!important;height:34px!important;background:transparent!important;border:1px solid rgba(255,255,255,.75)!important;transform:none!important;box-shadow:none!important}
.cel .cl figcaption{position:absolute!important;left:14px;right:10px;bottom:14px;padding:0!important;background:none!important;z-index:2}
.cel .cl figcaption .cl-k{font-size:11px!important;letter-spacing:.12em;color:#E9C978!important;background:none!important;padding:0!important}
.cel .cl figcaption b{display:block;font-family:"Noto Serif TC",serif!important;font-weight:900!important;font-size:24px!important;margin-top:4px}
.cel .cl figcaption em{display:block;font-style:normal;font-size:11.5px!important;color:#AEB6C4!important;margin-top:2px;line-height:1.5}
@media(max-width:900px){.cel{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px!important;grid-template-columns:none!important;padding-bottom:8px;scrollbar-width:none}.cel::-webkit-scrollbar{display:none}.cel .cl{flex:0 0 46vw;scroll-snap-align:start}}

/* ⑨ 媒體：大字刊物清單，滑過浮出封面 */
.md7 .mags,.md7 .tvs{display:block!important;position:relative}
.md7 .mg,.md7 .tv{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;margin:0!important;padding:16px 4px!important;border:0!important;border-bottom:1px solid rgba(22,19,13,.14)!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:visible!important;cursor:zoom-in;transform:none!important}
.md7 .mg figcaption,.md7 .tv figcaption{display:contents!important}
.md7 .mg figcaption b,.md7 .tv figcaption b{font-family:"Noto Serif TC",serif!important;font-weight:900!important;font-size:clamp(26px,3vw,40px)!important;color:rgba(22,19,13,.4)!important;transition:color .3s;grid-column:1}
.md7 .mg figcaption,.md7 .tv figcaption{font-size:14px;color:#6B6457}
.md7 .mg:hover figcaption b,.md7 .tv:hover figcaption b{color:#16130D!important}
.md7 .mg img,.md7 .tv img{position:absolute!important;left:52%;top:50%;width:230px!important;height:auto!important;aspect-ratio:auto!important;transform:translateY(-50%) rotate(4deg) scale(.96);opacity:0;pointer-events:none;box-shadow:0 30px 60px rgba(22,19,13,.35);border-radius:4px;transition:opacity .35s,transform .45s cubic-bezier(.16,1,.3,1);z-index:3}
.md7 .mg:hover img,.md7 .tv:hover img{opacity:1;transform:translateY(-50%) rotate(4deg) scale(1)}
.md7 .tv .onair{display:none!important}
@media(hover:none),(max-width:900px){.md7 .mg,.md7 .tv{grid-template-columns:minmax(0,1fr) 92px}.md7 .mg img,.md7 .tv img{position:static!important;opacity:1;transform:none;width:92px!important;height:64px!important;object-fit:cover;box-shadow:none;grid-column:2;grid-row:1/span 2}}

/* ⑩ 合作方式：細線編號＋簽名收尾 */
.ways{gap:0!important;border-top:1px solid rgba(255,255,255,.16)}
.ways .wy{background:none!important;border:0!important;border-left:1px solid rgba(255,255,255,.1)!important;border-radius:0!important;padding:22px 24px 6px!important;box-shadow:none!important}
.ways .wy:first-child{border-left:0!important;padding-left:0!important}
.ways .wy::before,.ways .wy::after{display:none!important}
.ways .wy .no{font-family:"Inter Tight",Arial,sans-serif!important;font-weight:200!important;font-size:52px!important;line-height:1!important;letter-spacing:0!important;color:#E9C978!important}
.ways .wy h3{font-family:"Noto Serif TC",serif!important;font-weight:900!important;font-size:24px!important;margin-top:14px!important}
.ways .wy .lnk{text-decoration:underline!important;text-underline-offset:5px;color:#E9C978!important;background:none!important;border:0!important;padding:0!important}
@media(max-width:900px){.ways .wy{border-left:0!important;border-top:1px solid rgba(255,255,255,.1)!important;padding:20px 0 6px!important}}
.sign21{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:30px 0 34px;padding-top:22px;border-top:1px solid rgba(223,188,104,.4)}
.sign21 img:first-child{width:56px;height:56px;border-radius:50%;object-fit:cover;border:1px solid rgba(223,188,104,.6)}
.sign21 .sign21-s{height:46px;width:auto}
.sign21 .sign21-n{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-size:22px;color:#E9C978}
.sign21 a{margin-left:auto;color:#F3EFE6;text-decoration:underline;text-underline-offset:5px;font-size:15px;min-height:44px;display:inline-flex;align-items:center}
@media(max-width:700px){.sign21 a{margin-left:0;width:100%}}

.p21::after{content:"+";color:#F2C94C;-webkit-text-fill-color:#F2C94C;font-weight:300;margin-left:.04em}
.shead .idx b::before{content:none!important;display:none!important}
.st.card::before{content:"\201C"!important;display:block!important;position:static!important;font-family:"Cormorant Garamond",Georgia,serif!important;font-size:84px!important;line-height:.55!important;height:36px!important;width:auto!important;color:#B8892A!important;background:none!important;opacity:1!important;inset:auto!important}
.lx figure{grid-column:auto!important;grid-row:auto!important}
.lx figure img{width:100%!important}
.lx figure:first-child img,.lx figure:nth-child(2) img,.lx figure img{height:auto!important}
.md7 .mg::before,.md7 .mg::after,.md7 .tv::before,.md7 .tv::after{display:none!important}.md7 .mg,.md7 .tv{outline:0!important}

/* ═════════ v22 震撼升級 20 招（只用 transform／opacity；看不到就暫停；減少動態自動關閉） ═════════ */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.38s;animation-timing-function:cubic-bezier(.4,0,.2,1)}
.sr22{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.p22,.p22 *{animation-play-state:paused!important}

/* ① 簽名開場 */
.i22{display:none}
html.i22-on .i22{display:flex;position:fixed;inset:0;z-index:9999;align-items:center;justify-content:center;flex-direction:column;gap:20px;background:radial-gradient(ellipse at 50% 45%,#121A2A,#05080E 70%);animation:i22cur 1.5s cubic-bezier(.76,0,.24,1) forwards;will-change:transform}
.i22-sig{display:block;width:min(420px,70vw)}
.i22-sig img{display:block;width:100%;height:auto;clip-path:inset(0 100% 0 0);animation:i22sig .7s cubic-bezier(.55,.1,.35,1) .05s forwards}
.i22-ln{display:block;width:min(220px,40vw);height:1px;background:#DFBC68;transform:scaleX(0);animation:i22ln .35s ease .62s forwards}
.i22-cap{font-family:var(--latin);font-style:italic;font-size:20px;letter-spacing:.08em;color:#E9C978;opacity:0;animation:i22cap .3s ease .72s forwards}
.i22 .i22-skip{position:absolute;right:20px;bottom:calc(18px + env(safe-area-inset-bottom));min-height:44px;padding:0 18px;border-radius:999px;background:transparent;border:1px solid rgba(255,255,255,.25);color:#CBD2DE;font:500 13px var(--sans,sans-serif);letter-spacing:.1em;cursor:pointer}
html.i22-skip .i22{animation:i22out .35s ease forwards}
@keyframes i22sig{to{clip-path:inset(0 0 0 0)}}
@keyframes i22ln{to{transform:scaleX(1)}}
@keyframes i22cap{to{opacity:1}}
@keyframes i22cur{0%,66%{transform:translateY(0)}99%{transform:translateY(-101%);visibility:visible}100%{transform:translateY(-101%);visibility:hidden}}
@keyframes i22out{to{opacity:0;visibility:hidden}}

/* ② 首屏景深視差（translate 屬性，跟既有 transform 不衝突） */
.px22 .hero-l{translate:calc(var(--px,0) * 8px) calc(var(--py,0) * 5px)}
.px22 .hero-r .hs{translate:calc(var(--px,0) * -16px) calc(var(--py,0) * -10px)}
.px22 .hq{translate:calc(var(--px,0) * -26px) calc(var(--py,0) * -16px)}

/* ③ 燙金光澤：名字、新書標題、證照標題 */
.hname .line{background:linear-gradient(100deg,#fff 0%,#fff 38%,#FFF3CC 45%,#E9C978 50%,#B8892A 54%,#fff 62%,#fff 100%)!important;background-size:300% 100%!important;-webkit-background-clip:text!important;background-clip:text!important}
.sh22{background:linear-gradient(100deg,currentColor 0%,currentColor 38%,#FFF3CC 45%,#E9C978 50%,#B8892A 54%,currentColor 62%,currentColor 100%);background-size:300% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:namesweep 6s ease-in-out 1.2s infinite}
.lt .sh22{background-image:linear-gradient(100deg,#16130D 0%,#16130D 38%,#C99A2E 45%,#8A6A2C 50%,#B8892A 54%,#16130D 62%,#16130D 100%)}

/* ④ 信任跑馬燈 */
.tm22{position:relative;z-index:2;padding:26px 0 30px;background:#070B12;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden}
.tm22-k{text-align:center;font-size:12px;letter-spacing:.28em;color:#DFBC68;margin-bottom:16px}
.tm22-row{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.tm22-row+.tm22-row{margin-top:12px}
.tm22-t{display:flex;width:max-content;align-items:center;animation:tm22a var(--dur,40s) linear infinite;will-change:transform}
.tm22-row.r2 .tm22-t{animation-name:tm22b}
.tm22-t span{flex:none;padding:0 28px;font-family:"Noto Serif TC",serif;font-weight:600;font-size:clamp(20px,2.2vw,30px);color:#F3EFE6;white-space:nowrap;position:relative}
.tm22-row.r2 .tm22-t span{font-size:clamp(15px,1.5vw,20px);font-weight:500;color:#AEB6C4}
.tm22-t span::after{content:"✦";position:absolute;right:-6px;top:50%;transform:translateY(-50%);font-size:10px;color:#B8892A}
.tm22:hover .tm22-t{animation-play-state:paused}
@keyframes tm22a{to{transform:translateX(-50%)}}
@keyframes tm22b{from{transform:translateX(-50%)}to{transform:translateX(0)}}

/* ⑤ 數字老虎機翻牌（自訂標籤，避免被既有 span 樣式影響） */
od-w.od22{display:inline-flex!important;align-items:flex-start;line-height:1!important;height:1em;overflow:hidden;vertical-align:baseline;font-variant-numeric:tabular-nums;margin:0!important;padding:0!important}
od-d{position:relative;display:inline-block;height:1em;overflow:hidden;line-height:1}
od-z{display:inline-block;visibility:hidden;line-height:1}
od-s{position:absolute;left:0;right:0;top:0;display:flex;flex-direction:column;align-items:center;transform:translateY(0);will-change:transform}
od-n{display:block;height:1em;line-height:1}
od-c{display:inline-block;line-height:1}
.od22.go od-s{transform:translateY(calc(var(--d) * -1em));transition:transform 1.7s cubic-bezier(.2,.85,.12,1) var(--dl,0s)}

/* ⑥ 燙金徽章環 */
.bd22{display:flex;justify-content:center;gap:clamp(18px,5vw,72px);margin:8px 0 54px;flex-wrap:wrap}
.bd22 figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px;width:clamp(150px,19vw,220px)}
.bd22-c{position:relative;width:100%;aspect-ratio:1}
.bd22-c svg{position:absolute;inset:0;width:100%;height:100%;animation:bd22r 36s linear infinite;will-change:transform}
.bd22 figure:nth-child(2) .bd22-c svg{animation-duration:44s;animation-direction:reverse}
.bd22 figure:nth-child(3) .bd22-c svg{animation-duration:40s}
.bd22-c text{font-family:"Noto Sans TC",sans-serif;font-size:14px;fill:#E9C978;letter-spacing:2px}
.bd22-m{position:absolute;inset:21%;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,#2A2416,#0B0F17);box-shadow:0 0 0 1px rgba(223,188,104,.45),0 18px 40px -18px rgba(0,0,0,.8)}
.bd22-m img{width:100%;height:100%;object-fit:cover}
.bd22-m b{font-family:var(--num);font-weight:600;font-size:clamp(26px,3vw,40px);color:#F2C94C}
.bd22-m i{font-family:var(--latin);font-style:italic;font-size:clamp(22px,2.6vw,34px);color:#F2C94C}
.bd22 figcaption{text-align:center;font-size:14px;line-height:1.5;color:var(--ink2,#CBD2DE)}
@keyframes bd22r{to{transform:rotate(360deg)}}
@media(max-width:700px){.bd22{gap:10px;margin-bottom:36px}.bd22 figure{width:calc((100% - 20px)/3)}.bd22 figcaption{font-size:11.5px}.bd22-c text{font-size:15px}}

/* ⑦ 證書光澤（傾斜沿用既有，加大角度＋光澤） */
.fan .fd{transform-style:preserve-3d}
.gl22{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:inherit;z-index:3}
.gl22::before{content:"";position:absolute;top:-20%;bottom:-20%;left:0;width:60%;background:linear-gradient(105deg,rgba(255,255,255,0) 0%,rgba(255,250,230,.55) 50%,rgba(255,255,255,0) 100%);mix-blend-mode:soft-light;transform:translateX(-120%) skewX(-12deg)}
.fan.on22 .fd .gl22::before{animation:gl22 1.6s cubic-bezier(.4,0,.2,1) forwards}
.fan.on22 .fd.f2 .gl22::before{animation-delay:.25s}.fan.on22 .fd.f3 .gl22::before{animation-delay:.5s}
.fan .fd:hover .gl22::before{animation:gl22 1.1s cubic-bezier(.4,0,.2,1) forwards}
@keyframes gl22{from{transform:translateX(-120%) skewX(-12deg)}to{transform:translateX(260%) skewX(-12deg)}}

/* ⑧ 獲獎聚光燈＋唱名 */
.sp22w{position:relative;overflow:hidden}
.sp22{position:absolute;left:-100%;top:-100%;width:300%;height:300%;pointer-events:none;z-index:2;opacity:0;transition:opacity .8s ease;background:radial-gradient(circle at 50% 50%,rgba(7,11,18,0) 0,rgba(7,11,18,0) 11%,rgba(7,11,18,.72) 22%,rgba(7,11,18,.86) 40%);will-change:transform}
.sp22w.lit .sp22{opacity:1}
.sp22w.drift .sp22{animation:sp22d 6s ease-in-out forwards}
@keyframes sp22d{0%{transform:translate(-18%,8%)}50%{transform:translate(10%,-8%)}100%{transform:translate(16%,10%)}}
#ledger.on22 .lg{animation:hi22 1.5s ease both;animation-delay:calc(var(--i,0) * .16s + .2s)}
#ledger.on22 .lg .y{animation:hy22 1.5s ease both;animation-delay:calc(var(--i,0) * .16s + .2s)}
@keyframes hi22{0%{background-color:rgba(242,201,76,0)}25%{background-color:rgba(242,201,76,.10)}100%{background-color:rgba(242,201,76,0)}}
@keyframes hy22{0%,100%{color:inherit}25%{color:#F2C94C}}

/* ⑨ 章節標題逐字浮現 */
.sc22{display:inline-block;white-space:pre}
.shead h2.rv .sc22{opacity:0;transform:translateY(.5em);transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .6s ease;transition-delay:calc(var(--i) * 32ms + .12s)}
.shead h2.rv.in .sc22{opacity:1;transform:none}
.shead .idx.rv b::after{transform:scaleX(0);transform-origin:left;transition:transform .9s cubic-bezier(.2,.8,.2,1) .2s}
.shead .idx.rv.in b::after{transform:none}

/* ⑩ 照片幕布顯影 */
.cv22{position:relative;overflow:hidden}
.cv22-c{position:absolute;inset:0;z-index:3;background:var(--cvbg,#070B12);transform-origin:50% 0;transform:scaleY(1);pointer-events:none;will-change:transform}
.cv22 img{transform:scale(1.14);transition:transform 1.5s cubic-bezier(.2,.8,.2,1)}
.cv22.cvin .cv22-c{transform:scaleY(0);transition:transform 1s cubic-bezier(.7,0,.2,1)}
.cv22.cvin img{transform:none}
.cv22.cvdone .cv22-c{display:none}

/* ⑪ 職涯橫向長廊 */
.hz22{position:relative;background:#070B12}
.hz22-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.hz22-k{padding:0 clamp(20px,5vw,72px);margin-bottom:22px;display:flex;align-items:center;gap:16px;font-family:var(--latin);font-style:italic;font-size:clamp(22px,2.4vw,32px);color:#E9C978}
.hz22-k::after{content:"";width:56px;height:1px;background:#DFBC68}
.hz22-track{display:flex;gap:24px;padding:0 clamp(20px,5vw,72px);width:max-content;will-change:transform}
.hz22-p{position:relative;flex:none;width:min(56vw,740px);height:min(62vh,540px);border-radius:14px;overflow:hidden;display:block;color:#F3EFE6;text-decoration:none;background:radial-gradient(ellipse at 50% 40%,#18233A,#0B0F17)}
.hz22-p img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.hz22-p.ct img{object-fit:contain;padding:6% 0}
.hz22-p::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,11,18,0) 40%,rgba(7,11,18,.92));pointer-events:none}
.hz22-p:hover img{transform:scale(1.05)}
.hz22-t{position:absolute;left:28px;right:28px;bottom:26px;z-index:2}
.hz22-t b{font-family:var(--num);font-weight:200;font-size:clamp(34px,3.6vw,52px);color:#E9C978;line-height:1}
.hz22-t i{font-family:var(--latin);font-style:italic;font-size:clamp(17px,1.6vw,22px);color:#CBD2DE;margin-left:12px}
.hz22-t strong{display:block;font-family:"Noto Serif TC",serif;font-weight:900;font-size:clamp(20px,2.2vw,30px);margin-top:6px}
.hz22-t em{font-style:normal;font-size:13px;color:#E9C978;margin-left:8px}
.hz22-bar{margin:28px clamp(20px,5vw,72px) 0;height:1px;background:rgba(255,255,255,.16)}
.hz22-bar i{display:block;height:1px;background:#F2C94C;transform-origin:left;transform:scaleX(0)}
@media(max-width:900px){
 .hz22{height:auto!important;padding:48px 0 40px}
 .hz22-pin{position:static;height:auto}
 .hz22-track{width:auto;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;transform:none!important}
 .hz22-track::-webkit-scrollbar{display:none}
 .hz22-p{width:78vw;height:min(108vw,460px);scroll-snap-align:center}
 .hz22-bar{display:none}
}

/* ⑫ 章節底色漸變（深藍 ↔ 米白） */
.fd22{height:clamp(72px,10vw,140px);pointer-events:none}

/* ⑬ 3D 立體書 */
.bk22s{perspective:1400px}
.bk22s::before,.bk22s::after{display:none!important}
.bk22{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(var(--bry,24deg)) rotateX(var(--brx,3deg));transition:transform .9s cubic-bezier(.2,.8,.2,1);margin:0 auto}
.bk22s.on22 .bk22.auto{animation:bk22 7s ease-in-out infinite alternate}
.bk22>img{position:absolute!important;inset:0;display:block;width:100%;height:100%!important;transform:translateZ(calc(var(--t) / 2));border-radius:2px 4px 4px 2px;filter:none!important}
.bk22-sp,.bk22-ed,.bk22-bk{position:absolute;top:0;pointer-events:none}
.bk22-sp{left:calc(var(--t) / -2);width:var(--t);height:100%;transform:rotateY(-90deg);background:linear-gradient(90deg,#0B1324,#1B2740 50%,#0B1324);display:flex;align-items:center;justify-content:center;overflow:hidden}
.bk22-sp span{writing-mode:vertical-rl;font-family:"Noto Serif TC",serif;font-weight:900;font-size:clamp(9px,1vw,13px);letter-spacing:.12em;color:#E9C978;white-space:nowrap}
.bk22-ed{right:calc(var(--t) / -2);top:1.2%;height:97.6%;width:calc(var(--t) * .96);transform:rotateY(90deg);background:repeating-linear-gradient(90deg,#EFE8D8 0 2px,#D8CFBA 2px 3px)}
.bk22-bk{left:0;width:100%;height:100%;transform:translateZ(calc(var(--t) / -2)) rotateY(180deg);background:#0B1324;border-radius:4px 2px 2px 4px;box-shadow:0 30px 50px -20px rgba(0,0,0,.6)}
.bk:hover .cover .bk22>img{transform:translateZ(calc(var(--t) / 2))!important}
@keyframes bk22{from{transform:rotateY(32deg) rotateX(3deg)}to{transform:rotateY(-14deg) rotateX(-1deg)}}

/* ⑭ 授課照片雙軌漂流 */
#lx.rvr22{display:block!important;grid-template-columns:none!important;max-height:none!important;overflow:visible!important}
#lx.rvr22 .rv22-row{overflow:hidden;margin:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
#lx.rvr22 .rv22-row+.rv22-row{margin-top:16px}
#lx.rvr22 .rv22-t{display:flex;gap:16px;width:max-content;animation:rv22a var(--dur,80s) linear infinite;will-change:transform}
#lx.rvr22 .rv22-row.r2 .rv22-t{animation-name:rv22b}
#lx.rvr22 .rv22-row:hover .rv22-t,#lx.rvr22 .rv22-row.hold .rv22-t,#lx.rvr22 .rv22-row:focus-within .rv22-t{animation-play-state:paused}
#lx.rvr22 figure{flex:none!important;width:auto!important;height:250px!important;aspect-ratio:4/3;margin:0!important;grid-column:auto!important;position:relative;border-radius:12px;overflow:hidden;display:block!important}
#lx.rvr22 figure img{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important}
#lx.rvr22 figure figcaption{position:absolute!important;left:0;right:0;bottom:0;padding:26px 14px 10px!important;background:linear-gradient(180deg,rgba(7,11,18,0),rgba(7,11,18,.88))!important;color:#F3EFE6!important;font-size:12.5px!important;line-height:1.5;margin:0!important}
#lx.rvr22 figure figcaption b{color:#E9C978;margin-right:6px}
#lx.rvr22 figure figcaption span{color:#CBD2DE}
#lxmore,#stmore{display:none!important}
@keyframes rv22a{to{transform:translateX(-50%)}}
@keyframes rv22b{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(max-width:700px){#lx.rvr22 figure{height:170px!important}#lx.rvr22 figure figcaption{font-size:11px!important}}

/* ⑮ 學員推薦瀑布牆 */
#studs.wf22{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;height:760px;overflow:hidden!important;max-height:none!important;-webkit-mask-image:linear-gradient(180deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(180deg,transparent,#000 9%,#000 91%,transparent)}
#studs.wf22 .wf22-c{overflow:hidden;min-width:0}
#studs.wf22 .wf22-t{display:flex;flex-direction:column;gap:18px;animation:wf22 var(--dur,60s) linear infinite;will-change:transform}
#studs.wf22 .wf22-c:nth-child(2) .wf22-t{animation-direction:reverse}
#studs.wf22:hover .wf22-t,#studs.wf22.hold .wf22-t,#studs.wf22:focus-within .wf22-t{animation-play-state:paused}
#studs.wf22 .st{display:block!important;margin:0!important;opacity:1!important;transform:none!important}
@keyframes wf22{to{transform:translateY(calc(-50% - 9px))}}
@media(max-width:900px){#studs.wf22{grid-template-columns:repeat(2,minmax(0,1fr))!important;height:680px}}
@media(max-width:600px){#studs.wf22{grid-template-columns:minmax(0,1fr)!important;height:600px}}

/* ⑯ 名人海報推鏡 */
.cel .cl img{transition:transform 1.6s cubic-bezier(.2,.8,.2,1)}
.cel .cl{transition:opacity .5s ease}
.cel .cl figcaption b{display:inline-block!important;padding-bottom:3px;background:linear-gradient(#F2C94C,#F2C94C) left bottom/0 1px no-repeat;transition:background-size .6s cubic-bezier(.2,.8,.2,1)}
@media(hover:hover) and (min-width:901px){
 .cel:hover .cl{opacity:.42}
 .cel .cl:hover,.cel .cl:focus-visible{opacity:1}
 .cel .cl:hover img,.cel .cl:focus-visible img{transform:scale(1.12)}
 .cel .cl:hover figcaption b,.cel .cl:focus-visible figcaption b{background-size:100% 1px}
}
@media(max-width:900px){
 .cel .cl.on22 img{transform:scale(1.1)}
 .cel .cl.on22 figcaption b{background-size:100% 1px}
}

/* ⑱ 主要按鈕：金線環繞（磁吸沿用既有 .mag，改成滑順） */
.btn.mag{transition:transform .45s cubic-bezier(.2,.8,.2,1),background .3s,color .3s,border-color .3s}
.rg22{position:relative;isolation:isolate;overflow:visible}
.rg22-r{position:absolute;inset:-2px;border-radius:inherit;overflow:hidden;z-index:-1;pointer-events:none}
.rg22-r::before{content:"";position:absolute;left:50%;top:50%;width:300%;aspect-ratio:1;translate:-50% -50%;background:conic-gradient(from 0deg,rgba(255,243,204,0) 0 64%,rgba(255,243,204,.95) 76%,#F2C94C 84%,rgba(242,201,76,0) 94%);animation:rg22 3.4s linear infinite}
@keyframes rg22{to{transform:rotate(360deg)}}

/* ⑲ Ride the wave 金色浪線 */
#contact{position:relative;overflow:hidden}
#contact>.wrap{position:relative;z-index:1}
.wv22{position:absolute;left:0;right:0;top:40px;height:520px;pointer-events:none;z-index:0;opacity:.9;-webkit-mask-image:linear-gradient(180deg,transparent,#000 25%,#000 70%,transparent);mask-image:linear-gradient(180deg,transparent,#000 25%,#000 70%,transparent)}
.wv22 svg{position:absolute;left:0;width:200%;height:200px;animation:wv22 var(--dur,24s) linear infinite;will-change:transform}
@keyframes wv22{to{transform:translateX(-50%)}}
@media(max-width:700px){.wv22 svg:nth-child(n+4){display:none}.wv22{height:420px}}

/* ⑳ 頁尾巨字填金 */
footer .giant.gf22{position:relative}
.gf22-b{-webkit-text-stroke:1px rgba(233,201,120,.42)}
.gf22-m{position:absolute;inset:0;overflow:hidden;transform:translateX(-100%);will-change:transform}
.gf22-f{display:block;width:100%;text-align:center;transform:translateX(100%);background:linear-gradient(180deg,#FFF0C2,#E9C978 45%,#B8892A);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-bottom:.16em;will-change:transform}

/* 減少動態：全部停在完成狀態 */
@media (prefers-reduced-motion:reduce){
 .tm22-t,.bd22-c svg,.rg22-r::before,.wv22 svg,#lx.rvr22 .rv22-t,#studs.wf22 .wf22-t,.bk22s .bk22,.sp22,.gl22::before{animation:none!important}
 .shead h2.rv .sc22,.cv22 img{opacity:1!important;transform:none!important;transition:none!important}
 .cv22-c{display:none!important}
 .od22 od-s{transform:translateY(calc(var(--d) * -1em))!important;transition:none!important}
 .gf22-m,.gf22-f{transform:none!important}
 #studs.wf22{height:auto;overflow:visible!important;-webkit-mask-image:none;mask-image:none}
 #lx.rvr22 .rv22-row{overflow-x:auto}
}

.hstat b,.nums .nm b,.tnums .nm b{white-space:nowrap}
/* 效能：首屏掃光改成 transform（交給 GPU，不再每格重畫） */
.hero-r{overflow:hidden}
.hero-r::after{background:linear-gradient(115deg,transparent 35%,rgba(255,236,170,.13) 47%,transparent 58%)!important;background-size:100% 100%!important;animation:sweep22 7s var(--ease2,cubic-bezier(.65,0,.35,1)) 1.6s infinite!important;transform:translateX(-100%);will-change:transform}
@keyframes sweep22{0%{transform:translateX(-100%)}45%,100%{transform:translateX(100%)}}
@media (prefers-reduced-motion:reduce){.hero-r::after{animation:none!important}}
od-w{-webkit-user-select:none;user-select:none}

/* ═════════ v23：Motion Prompt 精選 5 招 ═════════ */
/* ① #080 螢光筆畫線 */
mark.mk23{color:inherit;background:linear-gradient(transparent 58%,rgba(242,201,76,.42) 58%,rgba(242,201,76,.42) 92%,transparent 92%) no-repeat 0 0/0% 100%;transition:background-size 1.1s cubic-bezier(.65,0,.35,1) .35s;padding:0 .08em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.lt mark.mk23{background-image:linear-gradient(transparent 58%,rgba(201,154,46,.38) 58%,rgba(201,154,46,.38) 92%,transparent 92%)}
mark.mk23.on23{background-size:100% 100%}
.hl mark.mk23{font-weight:inherit}

/* ② #088 離開前留客卡 */
.ei23[hidden]{display:none}
.ei23{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:20px}
.ei23-bg{position:absolute;inset:0;background:rgba(3,6,12,.62);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;transition:opacity .35s ease}
.ei23-c{position:relative;width:min(440px,100%);box-sizing:border-box;padding:34px 32px 28px;border-radius:18px;background:radial-gradient(120% 80% at 50% 0%,rgba(242,201,76,.14),transparent 60%),#0B111C;border:1px solid rgba(223,188,104,.45);box-shadow:0 40px 90px -30px rgba(0,0,0,.9);text-align:center;color:#F3EFE6;opacity:0;transform:translateY(16px) scale(.98);transition:opacity .35s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
.ei23.on .ei23-bg,.ei23.on .ei23-c{opacity:1}.ei23.on .ei23-c{transform:none}
.ei23-x{position:absolute;right:10px;top:10px;width:44px;height:44px;border-radius:50%;border:0;background:transparent;color:#CBD2DE;font-size:18px;cursor:pointer}
.ei23-x:hover{color:#fff;background:rgba(255,255,255,.06)}
.ei23-id{display:flex;align-items:center;justify-content:center;gap:14px}
.ei23-id img:first-child{width:64px;height:64px;border-radius:50%;object-fit:cover;border:1px solid rgba(223,188,104,.6)}
.ei23-sig{height:44px;width:auto}
.ei23 h2{margin:18px 0 4px;font-family:"Noto Serif TC",serif;font-weight:900;font-size:26px;letter-spacing:.04em}
.ei23 p{margin:0;font-family:var(--latin);font-style:italic;font-size:18px;color:#E9C978}
.ei23-a{display:flex;flex-direction:column;gap:10px;margin-top:22px}
.ei23-a .btn{justify-content:center;width:100%}
.ei23-m{display:inline-block;margin-top:16px;font-size:14px;color:#CBD2DE;text-decoration:underline;text-underline-offset:5px}

/* ③ #116 雙色調照片（深藍＋金；滑過恢復原色） */
.duo23{position:absolute;width:0;height:0;overflow:hidden}
#lx.rvr22 figure img{filter:url(#duo23)}
#lx.rvr22 figure:hover img,#lx.rvr22 figure:focus-visible img,#lx.rvr22 .rv22-row.hold figure img{filter:none}

/* ④ #118 底片顆粒＋#112 暗角 */
#director{position:relative}
.fx23{position:absolute;inset:0;pointer-events:none;z-index:4;overflow:hidden}
.fx23.vg{background:radial-gradient(ellipse 75% 70% at 50% 45%,transparent 55%,rgba(0,0,0,.42) 100%)}
.fx23::after{content:"";position:absolute;inset:-60px;background:url(img/v23/grain.png) repeat;opacity:.075;mix-blend-mode:overlay}
@keyframes gr23{0%{transform:translate(0,0)}25%{transform:translate(-23px,17px)}50%{transform:translate(19px,-29px)}75%{transform:translate(-11px,-13px)}100%{transform:translate(0,0)}}

/* ⑤ #087 前後對比滑桿 */
.ba23{margin:44px auto 10px;max-width:920px}
.ba23-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin-bottom:14px}
.ba23-h b{font-family:"Noto Serif TC",serif;font-weight:900;font-size:clamp(22px,2.4vw,30px)}
.ba23-h .latin{font-style:italic;font-size:20px;color:#E9C978}
.ba23-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.ba23-tabs button{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#CBD2DE;font:500 14px var(--sans,sans-serif);cursor:pointer}
.ba23-tabs button[aria-selected="true"]{border-color:#DFBC68;color:#16130D;background:linear-gradient(180deg,#F2C94C,#DFBC68)}
.ba23-s{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:16/9;background:#05080E;touch-action:pan-y}
.ba23-p{position:absolute;inset:0;margin:0}
.ba23-p img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ba23-b{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--p)) 0 0)}
.ba23-p figcaption{position:absolute;left:0;right:0;bottom:0;padding:30px 18px 12px;background:linear-gradient(180deg,rgba(7,11,18,0),rgba(7,11,18,.85));font-size:13px;color:#F3EFE6;z-index:2}
.ba23-lb{position:absolute;top:14px;z-index:3;padding:5px 12px;border-radius:999px;font-size:12px;letter-spacing:.12em;background:rgba(7,11,18,.62);color:#F3EFE6;border:1px solid rgba(255,255,255,.18);pointer-events:none}
.ba23-lb.l{left:14px}.ba23-lb.r{right:14px;color:#16130D;background:rgba(242,201,76,.92);border-color:transparent}
.ba23-k{position:absolute;top:0;bottom:0;left:var(--p);width:2px;margin-left:-1px;background:#F2C94C;z-index:3;pointer-events:none;box-shadow:0 0 12px rgba(242,201,76,.6)}
.ba23-k i{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:#0B111C;border:2px solid #F2C94C;box-shadow:0 6px 20px rgba(0,0,0,.5)}
.ba23-k i::before,.ba23-k i::after{content:"";position:absolute;top:50%;width:0;height:0;margin-top:-6px;border:6px solid transparent}
.ba23-k i::before{left:6px;border-right-color:#F2C94C}.ba23-k i::after{right:6px;border-left-color:#F2C94C}
.ba23-r{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:4;-webkit-appearance:none;appearance:none}
.ba23-r:focus-visible+*{outline:none}
.ba23-s:focus-within .ba23-k i{outline:3px solid #F2C94C;outline-offset:3px}
.ba23-t{margin:10px 0 0;font-size:13px;color:#8E97A6;text-align:center}
@media (prefers-reduced-motion:reduce){mark.mk23{transition:none;background-size:100% 100%}.fx23::after{animation:none!important}.ei23-c,.ei23-bg{transition:none}}

/* ═════════ v24：回上一步＋回到最上面標示清楚 ═════════ */
.back24{position:fixed;right:22px;bottom:84px;z-index:51;display:flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 12px;border-radius:999px;border:1px solid rgba(242,201,76,.75);background:rgba(7,11,18,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#F2C94C;font:600 14px/1 var(--sans,"Noto Sans TC",sans-serif);letter-spacing:.04em;cursor:pointer;box-shadow:0 10px 30px -10px rgba(0,0,0,.7);opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .45s cubic-bezier(.2,.8,.2,1),background .2s}
.back24[hidden]{display:none}
.back24.on{opacity:1;transform:none}
.back24:hover,.back24:focus-visible{background:#F2C94C;color:#16130D}
.back24 svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.back24 b{font-family:var(--num);font-weight:600;font-size:12px;opacity:.7}
.totop{overflow:visible}
.tt24{position:absolute;right:calc(100% + 10px);top:50%;transform:translate(6px,-50%);white-space:nowrap;padding:6px 12px;border-radius:999px;background:rgba(7,11,18,.92);border:1px solid rgba(255,255,255,.18);color:#F3EFE6;font:500 13px/1 var(--sans,"Noto Sans TC",sans-serif);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}
.totop:hover .tt24,.totop:focus-visible .tt24,.totop.hint24 .tt24{opacity:1;transform:translate(0,-50%)}
@media (max-width:640px){.back24{right:14px;bottom:calc(140px + env(safe-area-inset-bottom));min-height:42px;font-size:13px;padding:0 14px 0 10px}}
@media (max-width:900px) and (min-width:641px){.back24{bottom:150px}}
@media print{.back24{display:none!important}}
@media (prefers-reduced-motion:reduce){.back24,.tt24{transition:none}}
body:has(.route11-guide:not([hidden])) .back24{bottom:176px}
@media (max-width:640px){body:has(.route11-guide:not([hidden])) .back24{bottom:calc(166px + env(safe-area-inset-bottom))}}

/* ═════════ v25：需求表單直接送出 ═════════ */
.hp25{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.fnote25{margin:12px 0 0;font-size:12.5px;color:var(--ink2,#8E97A6);opacity:.85}
@media(max-width:700px){.thanks p{flex:1 1 100%}}

/* v26 lightbox: fast CSS fade instead of full-page view transition */
.lb{backdrop-filter:none}
.lb.on{animation:lb26 .2s ease-out both}
.lb.on img{animation:lb26i .26s cubic-bezier(.2,.8,.2,1) both}
@keyframes lb26{from{opacity:0}to{opacity:1}}
@keyframes lb26i{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.lb.on,.lb.on img{animation:none}}

/* v27：換頁墨水與一支片的誕生（需要首屏就有） */
@view-transition{navigation:none}
html.ink27-in::after{content:"";position:fixed;inset:0;z-index:2147483600;pointer-events:none;background:radial-gradient(circle at 50% 50%,#FFF2C6 0,#F2C94C 42%,#B8892A 100%);clip-path:circle(150% at 50% 50%);animation:ink27in .72s cubic-bezier(.7,0,.25,1) .06s both}
@keyframes ink27in{from{clip-path:circle(150% at 50% 50%)}to{clip-path:circle(0% at 50% 50%);visibility:hidden}}
.ba27{position:relative;height:300vh}
.ba27-stick{position:sticky;top:max(calc(var(--top,62px) + 12px),calc(50vh - 340px))}
.ba27 .ba23{margin-top:0}
.ba27-stick{padding-bottom:18px}
.ba27-stick::after,.ba27-bar{content:"";position:absolute;left:calc(50% - min(460px,50%));width:min(920px,100%);bottom:0;height:2px;border-radius:2px;background:rgba(255,255,255,.1)}
.ba27-bar{display:block;background:#F2C94C;transform-origin:0 50%;transform:scaleX(0)}
.ba27-off .ba27-bar{display:none}
.ba27-off{height:auto}
.ba27-off .ba27-stick{position:static}
.ba27-off .ba27-stick::after{display:none}
@media(max-width:900px){.ba27{height:240vh}.ba27-stick{top:calc(var(--top,62px) + 10px)}}

/* ═════ v29 首屏頭銜整理＋徽章 ═════ */
.hero .hero-l .epithet{margin-bottom:4px}
.hero .hero-l .htitle{margin-top:18px}
.hcred29{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px;max-width:566px}
.hcred29 li{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;border:1px solid rgba(223,188,104,.28);background:rgba(223,188,104,.06);font-size:13px;color:#D5DBE5;letter-spacing:.02em;line-height:1.4}
.hcred29 li::before{content:"";width:5px;height:5px;border-radius:50%;background:#DFBC68;flex:none}
.hero .hero-l .hstats{margin:26px 0 20px!important}
.hwork29{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:10px;max-width:566px;position:relative;z-index:2}
.hw29{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(11,16,25,.88);min-width:0}
.hw29-k{flex:none;padding:2px 8px;border-radius:999px;border:1px solid rgba(223,188,104,.45);color:#DFBC68;font-size:11px;font-weight:700;letter-spacing:.06em;margin-top:1px;white-space:nowrap}
.hw29-t{min-width:0}
.hw29-t b{display:block;font-size:13.5px;font-weight:700;color:#E7EAF0;line-height:1.55}
.hw29-t small{display:block;font-size:12px;color:#8E97A6;margin-top:2px;line-height:1.5}
.hero .hero-l .hcta{margin-top:24px}
@media(max-width:900px){.hcred29{gap:6px;margin-top:14px}.hcred29 li{font-size:12.5px;padding:5px 10px}.hwork29{grid-template-columns:1fr;gap:8px}.hw29{padding:9px 12px}.hero .hero-l .htitle{margin-top:14px}}
.bd29-soc{flex-direction:column;gap:3px}
.bd22-m.bd29-soc b{font-family:var(--serif);font-weight:900;font-size:clamp(24px,2.7vw,38px);line-height:1;letter-spacing:.04em}
.bd29-soc small{font:600 9.5px var(--num);letter-spacing:.32em;color:#C9A256;padding-left:.32em}
@media(min-width:901px) and (max-width:1200px){.hwork29{grid-template-columns:1fr;max-width:480px}.hcred29{max-width:520px}}

/* v30 首屏「台灣 AI 社群行銷證照之父」放大 */
.hero .hero-l .epithet{font-size:clamp(17px,1.45vw,22px)!important;letter-spacing:.14em!important;font-weight:700!important;line-height:1.4!important;margin-bottom:8px}
@media(max-width:900px){.hero .hero-l .epithet{font-size:17px!important;letter-spacing:.1em!important}}
@media(max-width:360px){.hero .hero-l .epithet{font-size:15.5px!important;letter-spacing:.06em!important}}

/* ── v31：浮動「合作洽詢」（電腦＝右下角金色按鈕；手機＝底部常駐條；分頁＝右下角按鈕） */
@media (min-width:901px){
 .mcta.fab31{display:flex;left:auto;right:22px;bottom:22px;padding:0;gap:0;background:none;border:0;border-radius:999px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .35s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
 .mcta.fab31>span{display:none}
 .mcta.fab31.on{opacity:1;transform:none;pointer-events:auto}
 .mcta.fab31 .btn{min-height:50px;padding:0 20px 0 24px;font-size:15px;letter-spacing:.06em;box-shadow:0 16px 36px -12px rgba(0,0,0,.8),0 0 0 1px rgba(242,201,76,.55)}
 .mcta.fab31 .btn{width:138px;justify-content:center;box-sizing:border-box}
 /* v32：電腦版三顆浮動鈕改成同一排（回上一步｜回到最上面｜合作洽詢），矮螢幕不再疊到畫面中間 */
 .totop{bottom:22px;right:172px}
 .back24,body:has(.route11-guide:not([hidden])) .back24{bottom:25px;right:234px}
 body:has(.mcta.fab31:not(.on)) .totop{right:22px}
 body:has(.mcta.fab31:not(.on)) .back24{right:84px}
 .tt24{right:auto;left:50%;top:auto;bottom:calc(100% + 10px);transform:translate(-50%,6px)}
 .totop:hover .tt24,.totop:focus-visible .tt24,.totop.hint24 .tt24{transform:translate(-50%,0)}
}
/* v32：矮螢幕（筆電視窗）章節導覽 01–11 全部放得下 */
@media (min-width:901px) and (max-height:780px){
 .stoc10{gap:1px;padding:4px 0;max-height:calc(100svh - 120px)}
 .stoc10 a{min-height:0;padding:3px 2px;line-height:1.2}
 .stoc10 a b{font-size:11px}
 .stoc10 a span{font-size:9.5px}
 .stoc10 a.on::before{top:6px;bottom:6px}
}

.fab31s{position:fixed;right:22px;bottom:calc(22px + env(safe-area-inset-bottom));z-index:70;min-height:50px;padding:0 20px 0 24px;font-size:15px;letter-spacing:.06em;box-shadow:0 16px 36px -12px rgba(0,0,0,.8),0 0 0 1px rgba(242,201,76,.55)}
@media (max-width:640px){.fab31s{right:14px;bottom:calc(14px + env(safe-area-inset-bottom));min-height:46px;padding:0 16px 0 20px;font-size:14px}}
@media print{.fab31s{display:none!important}}
body>footer,footer.foot,body footer:last-of-type{padding-bottom:calc(78px + env(safe-area-inset-bottom))}
.mnav.open~.mcta{transform:translateY(160%)!important;opacity:0!important;pointer-events:none!important}
/* v32：矮螢幕時「拍攝現場 → 完成作品」整張畫面縮到放得下，不被切掉 */
@media (min-width:901px){.ba27 .ba23-s{max-width:calc((100svh - 220px) * 16 / 9);margin-left:auto;margin-right:auto}}
/* ═════ v34：首屏推薦卡（玻璃質感、翻頁、倒數環、簽名書寫、引號、重點字、徽章、頭像） ═════ */
@property --hq34p{syntax:"<number>";inherits:false;initial-value:0}
.hq.hq9{overflow:hidden;isolation:isolate;background:linear-gradient(135deg,rgba(28,34,52,.62),rgba(8,12,22,.78))!important;-webkit-backdrop-filter:blur(16px) saturate(1.25);backdrop-filter:blur(16px) saturate(1.25);border:1px solid rgba(242,201,76,.5)!important;box-shadow:0 30px 60px -30px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.08)!important}
.hq.hq9::before{content:"";position:absolute;inset:-40% -60%;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 38%,rgba(242,201,76,.13) 47%,rgba(255,240,200,.07) 50%,transparent 60%);animation:hq34flow 9s linear infinite;will-change:transform}
.hq.hq9.hq34-off::before{animation-play-state:paused}
@keyframes hq34flow{from{transform:translateX(-30%)}to{transform:translateX(30%)}}
.hq-slide{position:relative;transform-origin:0 50%;backface-visibility:hidden}
.hq-slide.hq34-in{animation:hq34flip .7s cubic-bezier(.2,.8,.2,1)}
.hq-slide.hq34-back{transform-origin:100% 50%;animation:hq34flipb .7s cubic-bezier(.2,.8,.2,1)}
@keyframes hq34flip{from{opacity:0;transform:perspective(900px) rotateY(-70deg)}60%{opacity:1}to{opacity:1;transform:none}}
@keyframes hq34flipb{from{opacity:0;transform:perspective(900px) rotateY(70deg)}60%{opacity:1}to{opacity:1;transform:none}}
.hq9 blockquote{position:relative}
.hq34-mk{position:absolute;left:-10px;top:-14px;z-index:-1;font:900 64px/1 var(--serif);color:var(--gold);opacity:.28;pointer-events:none;text-shadow:0 0 18px rgba(242,201,76,.35)}
.hq9 blockquote .hq34-s{display:inline}
.hq34-play .hq34-mk{animation:hq34mk .7s cubic-bezier(.2,1.4,.4,1) both}
@keyframes hq34mk{from{opacity:0;transform:scale(2.4)}55%{opacity:.9}to{opacity:.28;transform:none}}
.hq34-play .hq34-s{animation:hq34s .6s ease both;animation-delay:calc(.25s + var(--j) * .32s)}
@keyframes hq34s{from{opacity:0;filter:blur(4px)}to{opacity:1;filter:none}}
.hq34-k{background:none;color:#f6e3a6;padding:0 1px;box-shadow:inset 0 -.38em 0 rgba(242,201,76,.22)}
.hq34-play .hq34-k{background-image:linear-gradient(100deg,#f6e3a6 0 42%,#fff 50%,#f6e3a6 58% 100%);background-size:260% 100%;background-position:120% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:hq34k 1.4s ease 1.4s both}
@keyframes hq34k{from{background-position:120% 0}to{background-position:-20% 0}}
.hq9 .hq-w b{display:table!important;padding:2px 10px;margin-bottom:4px;border-radius:999px;background:linear-gradient(135deg,#f6dc8a,#c99a3a);color:#231905!important;-webkit-text-fill-color:#231905;font-size:12.5px!important;box-shadow:0 0 0 1px rgba(255,236,170,.4),0 6px 16px -8px rgba(242,201,76,.7);position:relative;overflow:hidden}
.hq9 .hq-w b::after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);transform:skewX(-20deg)}
.hq34-play .hq-w b{animation:hq34ding .5s cubic-bezier(.2,1.6,.4,1) 1.1s both}
.hq34-play .hq-w b::after{animation:hq34shine .9s ease 1.35s both}
@keyframes hq34ding{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.12);opacity:1}100%{transform:none}}
@keyframes hq34shine{to{left:130%}}
.hq34-play .hq-sig{animation:hq34sig 1.6s cubic-bezier(.45,.05,.3,1) .5s both}
@keyframes hq34sig{from{clip-path:inset(0 100% 0 0);-webkit-clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0);-webkit-clip-path:inset(0 0 0 0)}}
.hq34-av{position:absolute;top:-2px;right:0;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:900 15px var(--serif);color:#231905;background:radial-gradient(circle at 35% 30%,#fff1c4,#d8ab48 70%);box-shadow:0 0 0 2px rgba(5,8,15,.8),0 0 0 3px rgba(242,201,76,.6),0 8px 18px -6px rgba(0,0,0,.7)}
.hq34-play .hq34-av{animation:hq34ding .55s cubic-bezier(.2,1.6,.4,1) .9s both}
.hq9 .hq-origin{display:flex;align-items:center;gap:10px;padding-right:44px}
.hq34-orig{margin-left:auto;border:1px solid rgba(242,201,76,.45);background:rgba(242,201,76,.08);color:#f2d67e;font:600 10.5px var(--sans,sans-serif);padding:3px 9px;border-radius:999px;cursor:pointer;white-space:nowrap}
.hq34-orig:hover,.hq34-orig:focus-visible{background:#f2c94c;color:#231905}
.hq9 blockquote{cursor:pointer}
.hq-pause{position:relative}
.hq34-run .hq-pause::before{content:"";position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(#f2c94c calc(var(--hq34p) * 1turn),rgba(255,255,255,.08) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));animation:hq34ring 6s linear forwards;pointer-events:none}
@keyframes hq34ring{from{--hq34p:0}to{--hq34p:1}}
.hq34-flash{animation:hq34flash 1.6s ease}
@keyframes hq34flash{0%,100%{box-shadow:none}25%,60%{box-shadow:0 0 0 2px #f2c94c,0 0 40px rgba(242,201,76,.45)}}
@media(prefers-reduced-motion:reduce){.hq.hq9::before,.hq-slide,.hq34-play *,.hq34-run .hq-pause::before{animation:none!important}.hq34-k{-webkit-text-fill-color:currentColor!important}}

/* ═════ v34：亞瑞特自有 AI 系統（總覽圖、翻面、聚光燈、流光線、掃描、打字、完成度、雷達、AI 團隊頭像） ═════ */
.ov34{position:relative;height:440px;margin:22px auto 6px;max-width:820px}
.ov34-l{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:rgba(242,201,76,.22);stroke-width:1.2;vector-effect:non-scaling-stroke}
.ov34-l line{stroke-dasharray:4 6}
.f34-ready .ov34-l line{animation:ov34dash 6s linear infinite}
@keyframes ov34dash{to{stroke-dashoffset:-100}}
.ov34-c{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:130px;height:130px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,rgba(242,201,76,.22),rgba(10,16,28,.9) 70%);border:1px solid rgba(242,201,76,.55);box-shadow:0 0 50px rgba(242,201,76,.18)}
.ov34-c small{font:600 10px var(--num);letter-spacing:.3em;color:#c9ad6a}
.ov34-c b{font:900 20px var(--serif);color:#f3e2b0}
.ov34-n{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;width:150px;padding:12px 10px;border-radius:16px;border:1px solid #3e4d5c;background:rgba(10,18,30,.92);color:#cbd5e1;cursor:pointer;transition:border-color .3s,box-shadow .3s,transform .3s,color .3s;font:inherit}
.ov34-n span{font:600 11px var(--num);color:#8fa3b5}
.ov34-n b{font-size:13.5px;line-height:1.35;text-align:center}
.ov34-n:hover,.ov34-n:focus-visible,.ov34-n.on{border-color:#e9c56b;color:#f6e3a6;box-shadow:0 0 0 1px rgba(242,201,76,.35),0 0 34px rgba(242,201,76,.28);transform:translate(-50%,-50%) scale(1.06)}
.ov34-n.on span{color:#f2c94c}
@media(max-width:760px){.ov34{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}.ov34-l,.ov34-c{display:none}.ov34-n{position:static;transform:none!important;width:auto;flex-direction:row;justify-content:flex-start;gap:8px;padding:10px 12px}.ov34-n b{text-align:left;font-size:12.5px}}
.system13{position:relative;transition:box-shadow .35s,border-color .35s}
.system13.f34-hl,.system13.f34-ping{border-color:#d9b765;box-shadow:0 0 0 1px rgba(242,201,76,.3),0 0 60px -10px rgba(242,201,76,.35)}
.system13.f34-ping{animation:f34ping 1.6s ease}
@keyframes f34ping{25%,60%{box-shadow:0 0 0 2px #f2c94c,0 0 70px rgba(242,201,76,.45)}}
@media(hover:hover) and (pointer:fine){.system13::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(242,201,76,.14),transparent 70%)}.system13.f34-lit::after{opacity:1}}
/* 翻面：電腦／平板 */
@media(min-width:761px){
 .f34{display:grid;perspective:1600px}
 .f34-face{grid-area:1/1;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .8s cubic-bezier(.2,.8,.2,1);min-width:0}
 .f34-back{transform:rotateY(180deg)}
 .f34-on .f34-front{transform:rotateY(-180deg)}
 .f34-on .f34-back{transform:rotateY(0)}
 .f34-front{display:flex;flex-direction:column}
 .f34-front .aic-t{min-height:0!important}
 .f34-back .demo13{margin-top:12px}
 .f34-face{visibility:visible}
 .system13:not(.f34-on) .f34-back,.system13.f34-on .f34-front{pointer-events:none}
}
.f34-peek{position:relative;flex:1;min-height:150px;margin:20px 0 14px;border:1px dashed rgba(129,160,176,.35);border-radius:14px;padding:16px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto 1fr;gap:8px;overflow:hidden;background:linear-gradient(rgba(123,166,180,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(123,166,180,.05) 1px,transparent 1px),#0a1521;background-size:22px 22px}
.f34-peek i{height:26px;border-radius:7px;background:#16273a;border:1px solid #2c465a}
.f34-peek i:first-child{border-color:#b29860;background:#2a2a22}
.f34-peek b{grid-row:2;align-self:start;height:9px;border-radius:9px;background:#1d3346;margin-top:14px}
.f34-peek b:nth-of-type(2){grid-column:2/4;margin-top:34px}.f34-peek b:nth-of-type(3){grid-column:1/3;margin-top:54px;background:#3a3420}
.f34-peek::after{content:"";position:absolute;left:0;right:0;height:2px;top:0;background:linear-gradient(90deg,transparent,#f2c94c,transparent);box-shadow:0 0 14px #f2c94c;animation:f34peek 3.2s ease-in-out 3;opacity:.8}
@keyframes f34peek{0%{top:0}50%{top:calc(100% - 2px)}100%{top:0}}
.f34-go,.f34-ret{align-self:flex-start;border:1px solid rgba(242,201,76,.55);background:linear-gradient(135deg,rgba(242,201,76,.18),rgba(242,201,76,.04));color:#f3dc95;font:700 13px var(--sans,sans-serif);padding:10px 18px;border-radius:999px;cursor:pointer;transition:background .25s,color .25s,box-shadow .25s}
.f34-go:hover,.f34-go:focus-visible{background:#f2c94c;color:#231905;box-shadow:0 10px 26px -10px rgba(242,201,76,.8)}
.f34-ret{padding:6px 12px;font-size:11.5px}
.f34-ret:hover,.f34-ret:focus-visible{background:#f2c94c;color:#231905}
@media(max-width:760px){.f34-go,.f34-ret,.f34-peek{display:none}}
.demo13-top{gap:8px}
.f34-auto{margin-left:auto;border:1px solid rgba(242,201,76,.55);background:rgba(242,201,76,.1);color:#f3dc95;font:700 11px var(--sans,sans-serif);padding:5px 11px;border-radius:999px;cursor:pointer;white-space:nowrap}
.f34-auto[aria-pressed=true]{background:#f2c94c;color:#231905}
.f34-auto:hover,.f34-auto:focus-visible{box-shadow:0 0 0 2px rgba(242,201,76,.35)}
/* 步驟流光線 */
.demo13-steps{position:relative;padding-bottom:9px}
.demo13-steps::before{content:"";position:absolute;left:6px;right:6px;bottom:0;height:3px;border-radius:3px;background:#1c2d3f}
.f34-flow{position:absolute;left:6px;bottom:0;height:3px;border-radius:3px;width:calc((100% - 12px) * var(--f34p,0));background:linear-gradient(90deg,#60ac9f,#f2c94c,#fff1c4,#f2c94c);background-size:200% 100%;box-shadow:0 0 10px rgba(242,201,76,.6);transition:width .6s cubic-bezier(.2,.8,.2,1);animation:f34flow 2.2s linear infinite}
@keyframes f34flow{to{background-position:-200% 0}}
.demo13-steps button{transition:box-shadow .3s,border-color .3s,color .3s}
.demo13-steps button[aria-pressed=true]{box-shadow:0 0 18px rgba(242,201,76,.25)}
.demo13-steps button.f34-done{border-color:#6c8f72;color:#bfe0c4}
.demo13-steps button.f34-done span::after{content:" ✓";color:#7ccf9a}
/* 掃描光束＋打字游標 */
.demo13-canvas{overflow:hidden}
.demo13-canvas::after{content:"";position:absolute;left:0;right:0;top:-30%;height:30%;pointer-events:none;opacity:0;background:linear-gradient(180deg,transparent,rgba(242,201,76,.16) 70%,rgba(255,236,170,.9) 98%,transparent);border-bottom:1px solid rgba(255,236,170,.9)}
.demo13-canvas.f34-scan::after{animation:f34scan .52s cubic-bezier(.4,0,.2,1)}
@keyframes f34scan{0%{opacity:1;top:-30%}100%{opacity:1;top:100%}}
.demo13-canvas.f34-scan::before{content:"分析中…";position:absolute;right:10px;top:8px;font-size:10px;letter-spacing:.1em;color:#f2c94c;animation:f34blink .5s steps(2) infinite}
@keyframes f34blink{50%{opacity:.3}}
.f34-typing .demo13-result::after{content:"▍";color:#f2c94c;margin-left:2px;animation:f34blink .6s steps(2) infinite}
/* 完成度 */
.f34-meter{position:absolute;right:10px;bottom:8px;display:flex;gap:10px;font-size:10px;color:#8ea4b5;letter-spacing:.04em;pointer-events:none}
.f34-meter b{font:700 13px var(--num);color:#f2c94c;font-variant-numeric:tabular-nums}
.demo13-canvas{padding-bottom:30px!important}
/* 雷達圖（科學小編俠 社群診斷） */
.f34-radar{float:right;width:118px;margin:-4px 0 6px 10px;text-align:center}
.f34-radar svg{width:100%;height:auto;display:block;overflow:visible}
.f34-radar .g{fill:none;stroke:#2f4c5d;stroke-width:1}
.f34-radar line{stroke:#2f4c5d;stroke-width:1}
.f34-radar .v{fill:rgba(242,201,76,.22);stroke:#f2c94c;stroke-width:1.5;transform-origin:60px 66px}
.f34-radar.f34-grow .v{animation:f34grow 1.1s cubic-bezier(.2,1.2,.4,1) .55s both}
@keyframes f34grow{from{transform:scale(0)}to{transform:none}}
.f34-radar small{font-size:9px;color:#7f97a8}
.f34-checks span{animation:f34chk .45s ease both}
.f34-checks span:nth-child(1){animation-delay:.7s}.f34-checks span:nth-child(2){animation-delay:1s}.f34-checks span:nth-child(3){animation-delay:1.3s}
@keyframes f34chk{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
@media(max-width:420px){.f34-radar{width:92px}}
/* AI 團隊頭像（行銷大師） */
.f34-ic{display:block;font-size:20px;line-height:1;margin-bottom:5px;filter:grayscale(.6);opacity:.7;transition:filter .3s,opacity .3s,transform .3s}
.demo13-node.on .f34-ic{filter:none;opacity:1;transform:scale(1.18);animation:f34pop .5s cubic-bezier(.2,1.6,.4,1)}
@keyframes f34pop{from{transform:scale(.6)}to{transform:scale(1.18)}}
.demo13-box.f34-say{position:relative;padding-left:58px;border-radius:14px 14px 14px 4px}
.f34-ava{position:absolute;left:10px;top:12px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:20px;background:radial-gradient(circle at 35% 30%,#fff1c4,#d8ab48 75%);box-shadow:0 0 0 2px rgba(10,20,33,.9),0 0 0 3px rgba(242,201,76,.6)}
@media(prefers-reduced-motion:reduce){.ov34-l line,.f34-flow,.f34-peek::after,.demo13-canvas::after,.f34-checks span,.f34-radar .v{animation:none!important}}
@media(max-width:760px){.demo13-top{flex-wrap:wrap;row-gap:10px}.demo13-top b{white-space:nowrap}.demo13-top>span{margin-left:auto;white-space:nowrap}.f34-auto{order:3;margin-left:0}}
.f34-meter b{margin:0 3px}

@media(max-width:900px){.hq.hq9{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:linear-gradient(135deg,rgba(24,30,46,.96),rgba(8,12,22,.98))!important}.hq.hq9::before{animation-iteration-count:2}}