:root{--bg:#f7f6f3;--card:#fff;--fg:#1b1a17;--muted:#66625a;--line:#e3e0d9;--ring:#8a6d2e;--bronze:#8a6d2e;--accent:#f1ead6;--primary:#1b1a17;--primary-fg:#fff;--bar:#17181c;--bar-fg:#e7e3da;--bar-hi:#262830;--gold:#c6a558;--warn:#9a5b00;--warn-soft:#fff1dc;--shadow:0 1px 2px rgba(0,0,0,.05);--radius:14px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0f1012;--card:#17181c;--fg:#ebe8e1;--muted:#a39e93;--line:#2b2c33;--ring:#c6a558;--bronze:#c6a558;--accent:#2a271d;--primary:#c6a558;--primary-fg:#141518;--bar:#121316;--warn:#e0a12f;--warn-soft:#3a2a10;--shadow:none;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#0f1012;--card:#17181c;--fg:#ebe8e1;--muted:#a39e93;--line:#2b2c33;--ring:#c6a558;--bronze:#c6a558;--accent:#2a271d;--primary:#c6a558;--primary-fg:#141518;--bar:#121316;--warn:#e0a12f;--warn-soft:#3a2a10;--shadow:none;color-scheme:dark}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:400 17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Arial,"PingFang SC","Microsoft YaHei",sans-serif;overflow-wrap:break-word}
a{color:var(--bronze);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--ring);outline-offset:2px;border-radius:4px}
.skip{position:absolute;left:-9999px}.skip:focus{left:8px;top:8px;background:var(--card);color:var(--fg);padding:10px 14px;border-radius:10px;z-index:9}
.hd{background:var(--bar);border-bottom:1px solid var(--bar-hi)}
.hd__in{max-width:720px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.hd__in>a:first-child{display:block;flex:none}
.hd img{height:40px;width:auto;display:block}
.hd__name{color:var(--bar-fg);font-weight:600;font-size:15px;text-decoration:none;text-align:right;line-height:1.25}
.hd__name:hover{color:var(--gold)}
.nav{max-width:720px;margin:0 auto;padding:0 8px 8px;display:flex;gap:2px 4px;flex-wrap:wrap}
.nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 8px;color:var(--bar-fg);font-size:15px;font-weight:600;text-decoration:none;border-radius:8px}
.nav a:hover,.nav a[aria-current="page"]{background:var(--bar-hi);color:var(--gold)}
.nav a:last-child{color:var(--gold)}
.wrap{max-width:720px;margin:0 auto;padding:16px 16px 12px;display:grid;gap:16px}
.wrap>*{min-width:0}
h1{font-size:30px;line-height:1.15;font-weight:700;letter-spacing:-.02em;margin:0;text-wrap:balance}
h2{font-size:22px;line-height:1.25;margin:0;text-wrap:balance}
.wrap>h2{margin-top:14px}
.wrap>h2+p,.wrap>h2+ul{margin-top:-6px}
p{margin:0}.muted{color:var(--muted);font-size:15px}
.crumb{font-size:14px;color:var(--muted)}
.crumb a{color:var(--muted)}
.answer{background:var(--accent);border-left:4px solid var(--bronze);border-radius:10px;padding:14px 16px;font-size:18px;line-height:1.55}
.safety{background:var(--warn-soft);border:1px solid var(--warn);border-radius:12px;padding:12px 14px;font-weight:600}
.cards{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);display:grid;gap:6px;color:var(--fg);text-decoration:none}
a.card{border-left:4px solid var(--bronze)}
a.card:hover{border-color:var(--bronze)}
.card b{font-size:18px}
ul.plain{margin:0;padding-left:22px;display:grid;gap:8px}
ul.plain li::marker{color:var(--bronze)}
.est{background:var(--card);border:2px solid var(--bronze);border-radius:var(--radius);padding:16px;display:grid;gap:12px;box-shadow:var(--shadow);margin-top:6px}
.est h2{margin:0}
.btn{display:flex;align-items:center;justify-content:center;min-height:56px;text-align:center;background:var(--primary);color:var(--primary-fg);border-radius:12px;padding:12px 16px;font-weight:700;font-size:19px;line-height:1.2;text-decoration:none}
.btn:hover{filter:brightness(1.1)}
.call{display:flex;justify-content:space-between;align-items:center;gap:6px 12px;flex-wrap:wrap;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px 14px;text-decoration:none;color:var(--fg)}
.call:hover{border-color:var(--bronze)}
.call .muted{flex:1 1 220px}
.call b{font-size:24px;color:var(--bronze);white-space:nowrap}
.src{font-size:14px;color:var(--muted);background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;line-height:1.55}
.src b{color:var(--fg);font-size:15px}
.ft{max-width:720px;margin:24px auto 0;padding:18px 16px 32px;display:grid;gap:8px;color:var(--muted);font-size:14px;border-top:1px solid var(--line)}
.ft p:first-child{color:var(--fg);font-weight:600}
.ft a{color:var(--muted)}
dl{margin:0;display:grid;gap:8px}dt{font-weight:700}dd{margin:0}
@media (min-width:600px){h1{font-size:36px}.wrap{padding-top:24px;gap:18px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.wrap.wide{max-width:960px}
.hero{background:linear-gradient(160deg,#1d1f26 0%,#0f1012 70%);color:#f2efe8;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;border:2px solid rgba(198,165,88,.25);border-radius:50%}
.hero__in{max-width:960px;margin:0 auto;padding:28px 16px 0;display:grid;gap:14px;position:relative;z-index:1}
.eyebrow{color:#c6a558;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:13px;margin:0}
.hero h1{color:#fff;font-size:clamp(34px,8vw,56px);line-height:1.05;letter-spacing:-.03em;max-width:14ch}
.hero .lead{font-size:19px;line-height:1.5;color:#d9d5cb;max-width:34em;margin:0}
.ctas{display:grid;gap:10px;grid-template-columns:1fr;max-width:480px;margin-top:4px}
@media (min-width:520px){.ctas{grid-template-columns:1fr 1fr}}
.btn--gold{background:#c6a558;color:#141518}
.btn--ghost{background:transparent;color:#f2efe8;border:2px solid #c6a558}
.hero__note{font-size:14px;color:#a9a498;margin:0}
.hero__art{display:block;width:94%;max-width:560px;height:auto;margin:6px auto 0;position:relative;z-index:1}
.hero--sm .hero__in{padding-bottom:22px}
.hero--sm h1{font-size:clamp(30px,7vw,44px);max-width:20ch}
.sec{display:grid;gap:12px}
.sec>h2{font-size:26px;letter-spacing:-.02em}
.sec>p.sub{color:var(--muted);margin:-4px 0 0}
.tiles{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.tile{display:flex;gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;color:var(--fg);text-decoration:none;box-shadow:var(--shadow);min-height:72px}
.tile:hover{border-color:var(--bronze)}
.tile svg{flex:none;width:34px;height:34px;stroke:var(--bronze);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tile b{font-size:17px;line-height:1.25}
.steps{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));counter-reset:s}
.step{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;display:grid;gap:6px;counter-increment:s}
.step::before{content:counter(s);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#c6a558;color:#141518;font-weight:800;font-size:18px}
.step b{font-size:18px}
.shops{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.shopc{background:var(--card);border:1px solid var(--line);border-top:4px solid #c6a558;border-radius:16px;padding:18px;display:grid;gap:8px}
.shopc h3{margin:0;font-size:20px}
.shopc a.btn{padding:13px;font-size:16px}
.band{background:#17181c;color:#f2efe8;border-radius:18px;padding:24px 18px;display:grid;gap:12px;text-align:left}
.band h2{color:#fff;margin:0;font-size:26px}
.band p{margin:0;color:#d9d5cb}
.stick{position:fixed;left:0;right:0;bottom:0;z-index:20;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));background:rgba(15,16,18,.96);border-top:1px solid #2b2c33}
.stick a{display:block;text-align:center;border-radius:12px;padding:13px 8px;font-weight:700;font-size:16px;text-decoration:none}
.stick .a1{background:#c6a558;color:#141518}.stick .a2{border:2px solid #c6a558;color:#f2efe8}
body{padding-bottom:76px}
@media (min-width:900px){.stick{display:none}body{padding-bottom:0}}
.hd .nav a{min-height:44px;display:inline-flex;align-items:center}
.stage{perspective:1000px;margin-top:4px}
.car3d{transform:rotateY(-14deg) rotateX(4deg);transform-style:preserve-3d;transition:transform .18s ease-out;will-change:transform}
.hero__art{filter:drop-shadow(0 18px 24px rgba(0,0,0,.55))}
@keyframes spin{to{transform:rotate(360deg)}}
.ring{transform-box:fill-box;transform-origin:center;animation:spin 18s linear infinite}
@keyframes pulse{0%,100%{opacity:.18}50%{opacity:.5}}
.scan{animation:pulse 3.2s ease-in-out infinite}
.xvsec{background:#17181c;color:#f2efe8;border-radius:18px;padding:22px 16px}
.xvsec h2{color:#fff}.xvsec .sub{color:#c9c5ba}.xvsec a{color:#c6a558}
.xv{perspective:1100px;display:grid;place-items:center;height:300px;cursor:pointer;touch-action:manipulation}
.xv__stack{position:relative;width:260px;height:150px;transform-style:preserve-3d;transform:rotateX(58deg) rotateZ(-32deg);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.layer{position:absolute;inset:0;border-radius:14px;display:grid;place-items:center;text-align:center;font-weight:700;font-size:14px;padding:8px;transition:transform .8s cubic-bezier(.2,.7,.2,1);border:2px solid #c6a558}
.layer span{transform:rotateZ(32deg) rotateX(-58deg) translateZ(1px);display:block;color:#141518;text-shadow:0 1px 0 rgba(255,255,255,.35)}
.l1{background:linear-gradient(135deg,#e8d9ac,#c6a558);transform:translateZ(0)}
.l2{background:linear-gradient(135deg,#d9d5cb,#a39e93);transform:translateZ(0)}
.l3{background:linear-gradient(135deg,#9bb3d1,#5f7aa0);transform:translateZ(0)}
.l4{background:linear-gradient(135deg,#8d8f99,#4a4c55);transform:translateZ(0)}
.xv.open .l1{transform:translateZ(150px)}.xv.open .l2{transform:translateZ(100px)}.xv.open .l3{transform:translateZ(50px)}.xv.open .l4{transform:translateZ(0)}
.xv.open .xv__stack{transform:rotateX(62deg) rotateZ(-38deg) translateY(30px)}
.xvlist{color:#e7e3da}
@media (prefers-reduced-motion:reduce){.car3d,.xv__stack,.layer{transition:none}.ring,.scan{animation:none}}
.layer span{display:none}
.xvsec p.sub{color:#c9c5ba}
.xvlist{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.xvlist li{display:flex;gap:12px;align-items:flex-start;color:#e7e3da}
.xvlist li::before{content:"";flex:none;width:18px;height:18px;border-radius:5px;margin-top:3px;border:2px solid #c6a558}
.xvlist .c1::before{background:linear-gradient(135deg,#e8d9ac,#c6a558)}
.xvlist .c2::before{background:linear-gradient(135deg,#d9d5cb,#a39e93)}
.xvlist .c3::before{background:linear-gradient(135deg,#9bb3d1,#5f7aa0)}
.xvlist .c4::before{background:linear-gradient(135deg,#8d8f99,#4a4c55)}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.hero__art{animation:bob 6s ease-in-out infinite}
.band{background:linear-gradient(120deg,#17181c 0%,#22232a 50%,#17181c 100%);background-size:220% 100%;animation:sheen 9s ease-in-out infinite;border:1px solid #2b2c33}
@keyframes sheen{0%,100%{background-position:0 0}50%{background-position:100% 0}}
.xvlist li{min-height:44px;align-items:center;padding:6px 8px;border-radius:10px;cursor:pointer}
.xvlist li:hover,.xvlist li.on{background:rgba(198,165,88,.14)}
.xv.hl1 .l1,.xv.hl2 .l2,.xv.hl3 .l3,.xv.hl4 .l4{box-shadow:0 0 0 3px #c6a558,0 0 34px rgba(198,165,88,.7)}
@media (prefers-reduced-motion:reduce){.hero__art,.band{animation:none}}
.art{margin:2px 0}.art svg{display:block;width:100%;height:auto;border-radius:20px}
.cap{margin:6px 2px 0;font-size:13px}
.acc{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.acc>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;min-height:52px}
.acc>summary::-webkit-details-marker{display:none}
.acc>summary h2{margin:0;font-size:18px;line-height:1.3;letter-spacing:-.01em}
.acc>summary::after{content:"";flex:none;width:11px;height:11px;border-right:2.5px solid var(--bronze);border-bottom:2.5px solid var(--bronze);transform:rotate(45deg);transition:transform .25s ease;margin-right:4px}
.acc[open]>summary::after{transform:rotate(-135deg)}
.acc[open]>summary{border-bottom:1px solid var(--line)}
.acc__b{padding:12px 16px 16px;display:grid;gap:10px}
.acc.src>.acc__b p{font-size:14px;color:var(--muted)}
.acc.fine{background:transparent;border-color:transparent}
.acc.fine>summary{padding:6px 0;min-height:44px}
.acc.fine>summary{font-size:14px;color:var(--muted)}
.wrap>.acc+.acc{margin-top:-6px}
.ft{gap:4px}
.js .rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.js .rv.in{opacity:1;transform:none}
.tile,.shopc,.step,.btn{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,filter .2s ease}
.tile:hover,.shopc:hover,.step:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.14)}
.btn:hover{transform:translateY(-1px);filter:brightness(1.06)}
.btn:active{transform:scale(.98)}
.hero::before{content:"";position:absolute;left:-80px;bottom:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(198,165,88,.22),rgba(198,165,88,0) 70%);animation:drift 11s ease-in-out infinite alternate}
@keyframes drift{from{transform:translate(0,0)}to{transform:translate(40px,-30px)}}
@media (prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}.hero::before{animation:none}.acc>summary::after{transition:none}}
.acc.src>summary{padding-left:16px}.acc.src>summary h2{font-size:18px;color:var(--fg)}.wrap>.acc.src{border-top:1px solid var(--line);padding:0}
.gcard{padding:0;overflow:hidden;gap:0}.gcard img{display:block;width:100%;height:auto}.gcard b,.gcard span{padding:0 16px}.gcard b{padding-top:14px;padding-bottom:4px}.gcard span{padding-bottom:16px}
.cards:has(.gcard){grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.mini{background:var(--card);border:2px solid var(--bronze);border-radius:16px;padding:16px;display:grid;gap:10px;box-shadow:var(--shadow);margin-top:-6px}
.mini__t{font-size:18px}
.mini__r{display:grid;gap:10px;grid-template-columns:1fr 1fr}
@media (max-width:420px){.mini__r{grid-template-columns:1fr}}
.mini input{font:inherit;font-size:17px;padding:12px;min-height:48px;border:1.5px solid var(--line);border-radius:10px;background:var(--bg);color:var(--fg);width:100%}
.mini .btn{border:0;cursor:pointer;font-family:inherit}
.mini__n{margin:0;font-size:13px}
.mini__o{margin:0;font-weight:600;min-height:0}.mini__o:empty{display:none}.mini__o.ok{color:#1f7a4d}.mini__o.err{color:#b3261e}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.gcard b{display:block}.gcard{align-content:start}
@media (min-width:900px){
  .hero__in{max-width:1040px;grid-template-columns:1.05fr .95fr;column-gap:32px;padding-top:44px;padding-bottom:36px;align-items:center}
  .hero__in>*{grid-column:1}
  .hero__in>.stage{grid-column:2;grid-row:1/8;align-self:center}
  .hero .hero__art{width:100%;max-width:none}
  .hero h1{font-size:clamp(48px,5vw,64px);max-width:12ch}
  .hd__in,.nav{max-width:1040px}
  .wrap.wide{max-width:1040px}
  .wrap.wide .mini{grid-template-columns:1fr 1fr auto;align-items:center}
  .wrap.wide .mini .mini__t,.wrap.wide .mini .mini__n,.wrap.wide .mini .mini__o{grid-column:1/-1}
  .wrap.wide .mini .mini__r{grid-column:1/3;grid-template-columns:1fr 1fr}
  .wrap.wide .mini>input[name=what]{grid-column:1/3}
  .wrap.wide .mini .btn{grid-column:3;grid-row:2/4;height:100%}
  .xvsec{grid-template-columns:1.1fr .9fr;column-gap:28px;align-items:center;padding:30px}
  .xvsec>h2,.xvsec>p.sub{grid-column:1/-1}
  .xvsec .xv{grid-column:1;height:340px}
  .xvsec .xvlist,.xvsec>p:last-child{grid-column:2}
  .xvsec .xvlist{grid-row:3}
  .xvsec>p:last-child{grid-row:4}
  .tiles{grid-template-columns:repeat(3,1fr)}
}
.xvlist li{display:block;position:relative;padding:8px 8px 8px 38px;min-height:44px}.xvlist li::before{position:absolute;left:8px;top:11px;margin:0}
.calm .ring,.calm .scan,.calm .hero__art,.calm .band,.calm .hero::before{animation:none}
@media (max-width:640px){.nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:16px}.nav::-webkit-scrollbar{display:none}.nav a{white-space:nowrap}.hd__in{padding-top:8px;padding-bottom:4px}}
.strip{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.strip a{display:inline-block;padding:10px 14px;border:1.5px solid var(--bronze);border-radius:999px;text-decoration:none;font-weight:600;min-height:44px}.strip .by{color:var(--muted);font-size:14px;flex-basis:100%}
@media (min-width:900px){.hero .stage{transform:scale(1.14);transform-origin:center}}
@media (max-width:640px){.nav{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent);padding-right:24px}}
.hd__name{display:inline-flex;align-items:center;min-height:44px}
.crumb a,.shopc a:not(.btn){display:inline-flex;align-items:center;min-height:44px}
.byline{margin:-6px 0 0;color:var(--muted);font-size:14px}
.est .worry{margin:0;padding:10px 14px;border-radius:10px;background:var(--accent);color:var(--fg);font-weight:600;font-size:16px;line-height:1.45;border-left:3px solid var(--bronze)}
.hw__s{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;counter-reset:s}
.hw__s li{counter-increment:s;display:flex;flex-direction:column;align-items:flex-start;gap:6px;font-weight:700;font-size:15px;line-height:1.25}
.hw__s li::before{content:counter(s);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--gold-grad,#c6a558);color:var(--on-gold,#141518);font-weight:800;font-size:14px}
.hw .hw-more{margin:12px 0 0}
@media (min-width:641px){.hw__s li{flex-direction:row;align-items:center;font-size:17px}}
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.28s}
html{scroll-behavior:smooth;scroll-padding-top:12px}
::selection{background:#c6a558;color:#141518}
a{text-underline-offset:3px;text-decoration-thickness:1.5px}
:focus-visible{outline:3px solid #c6a558;outline-offset:3px;border-radius:6px}
@keyframes rise{from{transform:translateY(14px)}to{transform:none}}
.hero__in>*{animation:rise .8s cubic-bezier(.2,.7,.2,1) both}
.hero__in>*:nth-child(1){animation-delay:.05s}.hero__in>*:nth-child(2){animation-delay:.14s}.hero__in>*:nth-child(3){animation-delay:.23s}.hero__in>*:nth-child(4){animation-delay:.32s}.hero__in>*:nth-child(5){animation-delay:.4s}.hero__in>*:nth-child(6){animation-delay:.2s}
.btn--gold{background:linear-gradient(180deg,#d6ba70,#c6a558);box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 6px 18px rgba(198,165,88,.22)}
.btn--gold:hover{box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 10px 28px rgba(198,165,88,.38)}
.tile:hover,.shopc:hover,.step:hover,.gcard:hover{border-color:#c6a558;box-shadow:0 12px 30px rgba(138,109,46,.18)}
.gcard img{transition:transform .5s cubic-bezier(.2,.7,.2,1)}.gcard:hover img{transform:scale(1.04)}
.gcard{overflow:hidden}
.acc>summary{transition:background .2s ease}.acc>summary:hover{background:rgba(198,165,88,.08)}
.progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,#c6a558,#f1dfa6);z-index:40;pointer-events:none;transition:width .12s linear}
.answer{box-shadow:0 8px 24px rgba(138,109,46,.08)}
.est{box-shadow:0 14px 34px rgba(138,109,46,.16)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero__in>*{animation:none}.gcard img,.progress{transition:none}@view-transition{navigation:none}}
.qs{position:fixed;inset:auto 0 0 0;margin:0 auto;width:100%;max-width:560px;max-height:92vh;max-height:92dvh;border:0;padding:0;background:var(--card);color:var(--fg);border-radius:20px 20px 0 0;box-shadow:0 -12px 40px rgba(0,0,0,.35);overflow:auto;overscroll-behavior:contain}
.qs [hidden]{display:none!important}
.qs::backdrop{background:rgba(12,12,14,.62)}
.qs[open]{animation:qsUp .28s cubic-bezier(.2,.8,.2,1)}
@keyframes qsUp{from{transform:translateY(40px)}to{transform:none}}
@media (min-width:700px){.qs{inset:0;margin:auto;border-radius:20px;max-height:88vh;max-height:88dvh}}
.qs__in{display:grid;gap:14px;padding:12px 18px calc(18px + env(safe-area-inset-bottom,0px))}
.qs__grab{justify-self:center;width:44px;height:5px;border-radius:3px;background:var(--line);margin-top:2px}
.qs__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.qs__top h2{font-size:24px;line-height:1.15;letter-spacing:-.02em}
.qs__x{flex:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--fg);font:inherit;font-size:22px;line-height:1;cursor:pointer}
.qs__lead{color:var(--muted);font-size:16px;line-height:1.5}
.qs__steps{display:flex;gap:8px;list-style:none;margin:0;padding:0}
.qs__steps li{flex:1 1 auto;display:flex;min-width:0}
@media (max-width:360px){.qs__steps button{gap:6px;padding:6px 8px;font-size:13px}}
.qs__steps button{flex:1;display:flex;align-items:center;gap:8px;min-width:0;min-height:44px;padding:6px 12px;border-radius:999px;background:var(--bg);border:1.5px solid var(--line);color:var(--muted);font:inherit;font-size:14px;font-weight:700;text-align:left;cursor:pointer}
.qs__steps button[aria-current="step"]{border-color:var(--bronze);color:var(--fg);box-shadow:inset 0 0 0 1px var(--bronze)}
.qs__steps button:focus-visible{outline:3px solid var(--ring);outline-offset:2px}
.qs__steps b{flex:none;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--line);color:var(--fg);font-size:12px}
.qs__steps li.on b{background:var(--gold-mid,#c6a558);color:var(--on-gold,#141518)}
.qs__steps span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qs__s1,.qs__s2{display:grid;gap:14px}
.qs__shopline{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;margin:0;font-size:16px;color:var(--fg)}
.qs__shopline b{font-weight:700}
.qs .qs__chg{min-height:44px;padding:6px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg);color:var(--fg);font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.qs__chg:focus-visible{outline:3px solid var(--ring);outline-offset:2px}
.qs .qs__shot{position:relative;display:grid;place-items:center;gap:8px;min-height:168px;border:2px dashed var(--bronze);border-radius:16px;background:var(--accent);padding:18px;text-align:center;cursor:pointer}
.qs__shot:focus-within{outline:3px solid var(--ring);outline-offset:2px}
.qs__shot svg{width:46px;height:46px;color:var(--bronze)}
.qs__shot b{font-size:19px}
.qs__shot input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.qs .qs__shot.has{border-style:solid;min-height:0;padding:10px;grid-template-columns:96px 1fr;align-items:center;justify-items:start;text-align:left;gap:12px}
.qs .qs__shot.has svg,.qs .qs__shot.has .qs__lead{display:none}
.qs .qs__shot.has canvas{grid-column:1;grid-row:1}
.qs .qs__shot.has .qs__ok{grid-column:2;grid-row:1;font-size:16px;line-height:1.35}
.qs__shot canvas{display:block;width:96px;height:96px;border-radius:10px;background:var(--line)}
.qs__ok{font-size:15px;color:var(--fg)}
.qs .qs__alt{justify-self:center;font-size:15px;color:var(--bronze);text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:6px 10px;position:relative;min-height:44px;display:inline-flex;align-items:center}
.qs__alt input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.qs__q{font-weight:700;font-size:16px;margin:0}
.qs__chips{display:flex;flex-wrap:wrap;gap:8px}
.qs__chips button{min-height:44px;padding:8px 14px;border-radius:999px;border:1.5px solid var(--line);background:var(--bg);color:var(--fg);font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.qs__chips button[aria-pressed="true"]{border-color:var(--bronze);background:var(--gold-mid,#c6a558);color:var(--on-gold,#141518)}
.qs__when{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.qs__when button{min-height:44px;padding:6px 4px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg);color:var(--fg);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.qs__when button[aria-pressed="true"]{border-color:var(--bronze);background:#17181c;color:#f1dfa6}
.qs__when button:focus-visible{outline:3px solid var(--ring);outline-offset:2px}
@media (max-width:360px){.qs__when{grid-template-columns:repeat(2,1fr)}}
.qs__row{display:grid;gap:10px;grid-template-columns:1fr 1fr}
@media (max-width:380px){.qs__row{grid-template-columns:1fr}}
.qs label{display:grid;gap:4px;font-size:14px;font-weight:600;color:var(--muted)}
.qs input[type=text],.qs input[type=tel],.qs select{width:100%;min-height:52px;border-radius:var(--r-ctl,12px);border:1.5px solid var(--line);background:var(--bg);color:var(--fg);font:inherit;font-size:18px;padding:10px 12px}
.qs input[aria-invalid="true"]{border-color:var(--warn)}
.qs .qs__chk{display:flex;align-items:flex-start;gap:10px;font-weight:500;color:var(--fg);font-size:15px}
.qs__chk input{width:22px;height:22px;margin-top:2px;accent-color:#c6a558;flex:none}
.qs__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.qs__go{min-height:58px;border:0;border-radius:var(--r-ctl,14px);background:var(--gold-grad,#c6a558);color:var(--on-gold,#141518);font:inherit;font-size:19px;font-weight:800;cursor:pointer;box-shadow:0 6px 18px rgba(198,165,88,.35)}
.qs__go[disabled]{opacity:.65;cursor:progress}
.qs__fine{font-size:13px;color:var(--muted);line-height:1.5}
.qs__more{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;font-size:15px}
.qs__msg{border-radius:12px;padding:12px 14px;font-weight:600;background:var(--warn-soft);border:1px solid var(--warn)}
.qs.is-done .qs__steps{display:none}
.qs .qs__x2{border:0;background:none}
.qs__done{display:grid;gap:12px;text-align:center;justify-items:center;padding:8px 0 4px}
.qs__done svg{width:64px;height:64px;color:#2f8f5b}
.qs__done h2{font-size:26px}
.qs__done .btn{width:100%}
dialog.qs form.qs__form{border:0;border-radius:0;background:none;box-shadow:none;padding:0;margin:0}
.qs .qs__go{position:sticky;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:3;overflow:hidden;box-shadow:0 6px 18px rgba(198,165,88,.35),0 -10px 24px 6px var(--card)}
.qs .qs__go::after{content:"";position:absolute;left:0;top:0;height:5px;width:0;background:#2f8f5b;transition:width .3s ease-out}
.qs[data-p="1"] .qs__go::after{width:50%}
.qs[data-p="2"] .qs__go::after{width:100%}
@media (prefers-reduced-motion:reduce){.qs .qs__go::after{transition:none}}
.qs-pending .stick .a1{position:relative;box-shadow:0 0 0 2px #f1dfa6,0 6px 18px rgba(198,165,88,.45)}
.qs-pending .stick .a1::before{content:"";display:inline-block;width:9px;height:9px;margin-right:8px;border-radius:50%;background:#2f8f5b;box-shadow:0 0 0 3px rgba(47,143,91,.25);vertical-align:1px;animation:qsDot 1.6s ease-in-out infinite}
@keyframes qsDot{50%{box-shadow:0 0 0 6px rgba(47,143,91,0)}}
.qs-resume{display:none}
@media (min-width:900px){
  .qs-pending .qs-resume{display:inline-flex;align-items:center;gap:10px;position:fixed;right:24px;bottom:24px;z-index:40;padding:14px 22px;border-radius:999px;background:var(--gold-grad,#c6a558);color:var(--on-gold,#141518);font-weight:800;font-size:17px;text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.35);animation:qsUp .3s ease-out}
  .qs-pending .qs-resume::before{content:"";width:9px;height:9px;border-radius:50%;background:#2f8f5b;box-shadow:0 0 0 3px rgba(47,143,91,.3)}
  .qs-resume:focus-visible{outline:3px solid #f1dfa6;outline-offset:3px}
}
@media (prefers-reduced-motion:reduce){.qs[open]{animation:none}.qs-pending .stick .a1::before,.qs-pending .qs-resume{animation:none}}
.qs__langnote{margin:0;padding:9px 12px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--fg);font-size:14px;line-height:1.45}
.qs[lang="ko"]{word-break:keep-all;overflow-wrap:anywhere}
.qs[lang="zh-Hans"] .qs__top h2,.qs[lang="ko"] .qs__top h2{letter-spacing:0}
.qs .qs__in--flat{padding:0}
.qs .qs__x2{font:inherit}
.qs--spot .qs__s1>#qs-where{order:-2}
.qs--spot .qs__s1>.qs__chips{order:-1}
.qs #qs-h:focus{outline:none}
:root{
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:72px;
  --fs-eyebrow:13px;--fs-body:17px;--fs-h3:20px;
  --fs-h2:clamp(26px,6.6vw,36px);--fs-h1:clamp(38px,10.5vw,64px);--fs-h1-sm:clamp(32px,8.5vw,48px);
  --r-ctl:12px;--r-card:18px;
  --gold-hi:#dec378;--gold-mid:#c6a558;--gold-lo:#c1a04e;
  --gold-grad:linear-gradient(135deg,#dec378 0%,#c6a558 48%,#c1a04e 100%);
  --edge:linear-gradient(135deg,rgba(222,195,120,.95),rgba(198,165,88,.22) 42%,rgba(193,160,78,.75));
  --edge-soft:linear-gradient(135deg,rgba(198,165,88,.55),rgba(198,165,88,.14) 45%,rgba(198,165,88,.4));
  --glow:0 14px 38px rgba(138,109,46,.2);
  --on-gold:#141518;
}
.tile,.step,.gcard,.card,.acc:not(.fine),form:not(.vipf):not(.mini){
  border:1px solid transparent;
  background:linear-gradient(var(--card),var(--card)) padding-box,var(--edge-soft) border-box;
  border-radius:var(--r-card);
}
.est,.callcard,.mini{
  border:2px solid transparent;
  background:linear-gradient(var(--card),var(--card)) padding-box,var(--gold-grad) border-box;
  border-radius:var(--r-card);
  box-shadow:var(--glow);
}
a.card{border-left-width:1px}
.shopc{border-radius:var(--r-card);border-top:4px solid var(--gold-mid)}
.band,.xvsec{border-radius:var(--r-card);border:1px solid transparent;background:linear-gradient(120deg,#17181c,#22232a 50%,#17181c) padding-box,var(--edge) border-box}
.xvsec>.acc:not(.fine){background:none;border:0;border-radius:0;box-shadow:none}.xvsec>.acc>summary{padding:4px 0}.xvsec>.acc>summary:hover{background:none}.xvsec>.acc[open]>summary{border-bottom-color:rgba(198,165,88,.3)}
.tile:hover,.step:hover,.gcard:hover,.card:hover{background:linear-gradient(var(--card),var(--card)) padding-box,var(--gold-grad) border-box;box-shadow:var(--glow)}
.hero h1,.fhero h1{
  font-size:var(--fs-h1);font-weight:800;line-height:1.02;letter-spacing:-.03em;
  color:#fff;
}
.hero--sm h1{font-size:var(--fs-h1-sm)}
.fhero h1{font-size:clamp(32px,8.5vw,46px)}
@supports (background-clip:text) or (-webkit-background-clip:text){
  .hero h1,.fhero h1{background:linear-gradient(180deg,#ffffff 0%,#f7eed3 55%,#e4c982 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
}
@media (forced-colors:active){.hero h1,.fhero h1{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}}
.eyebrow{font-size:var(--fs-eyebrow);letter-spacing:.16em}
.sec>h2,.band h2,.xvsec h2{font-size:var(--fs-h2);font-weight:800;letter-spacing:-.025em;line-height:1.12}
.wrap>h2{font-size:clamp(22px,5.4vw,28px);font-weight:800;letter-spacing:-.02em;line-height:1.15}
.sec>h2::before,.band h2::before,.xvsec h2::before,.wrap>h2::before{
  content:"";display:block;width:44px;height:4px;border-radius:4px;background:var(--gold-grad);margin-bottom:var(--sp-3);
}
.wrap>h2::before{width:36px;height:3px;margin-bottom:var(--sp-2)}
.sec{gap:var(--sp-4)}
.wrap>.sec,.wrap>.band,.wrap>.xvsec{margin-top:var(--sp-5)}
.hero .lead{font-size:clamp(18px,4.6vw,21px)}
.btn,button.go,.vipf .btn,.mini .btn{
  background:var(--gold-grad);color:var(--on-gold);border-radius:var(--r-ctl);
  box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 8px 22px rgba(198,165,88,.28);
  text-shadow:0 1px 0 rgba(255,255,255,.3);letter-spacing:.005em;
}
.btn:hover,button.go:hover{box-shadow:0 1px 0 rgba(255,255,255,.45) inset,0 12px 30px rgba(198,165,88,.42);filter:none}
.btn:active,button.go:active{transform:translateY(1px) scale(.99);box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 4px 12px rgba(198,165,88,.25)}
.btn--ghost{background:transparent;color:#f2efe8;border:2px solid var(--gold-mid);box-shadow:none;text-shadow:none}
.btn--ghost:hover{background:rgba(198,165,88,.14);box-shadow:none}
.stick{border-top:1px solid transparent;border-image:var(--gold-grad) 1}
.stick a{border-radius:var(--r-ctl)}
.stick .a1{background:var(--gold-grad);color:var(--on-gold)}
button.go:disabled,.btn:disabled{filter:grayscale(.4)}
.step::before{background:var(--gold-grad);color:var(--on-gold);width:44px;height:44px;font-size:20px;box-shadow:0 6px 16px rgba(198,165,88,.35)}
.fsteps li::before{background:var(--gold-grad)}
.call b,.callcard .call{font-variant-numeric:tabular-nums lining-nums;letter-spacing:.01em}
.hd,.bar{position:relative;border-bottom:0}
.hd::after,.bar::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--gold-grad)}
.hero,.fhero{border-bottom:3px solid transparent;border-image:var(--gold-grad) 1}
.ft{
  position:relative;margin-top:var(--sp-7);padding:calc(var(--sp-5) + 44px) 16px 32px;border-top:0;
  background:var(--bar);color:#c9c5ba;
  box-shadow:0 0 0 100vmax var(--bar);clip-path:inset(0 -100vmax);
}
.ft::before{content:"";position:absolute;left:16px;top:var(--sp-5);width:120px;height:40px;background:url(/assets/iag-logo-gold.svg?v=35c194c3) left center/contain no-repeat}
.ft p:first-child{color:#f2efe8}
.ft a,.ft summary,.ft .acc.fine>summary,.ft .acc__b,.ft .acc__b p{color:#c9c5ba}
@media (max-width:899px){.ft{margin-bottom:-76px;padding-bottom:calc(32px + 76px)}}
.credit{padding-top:var(--sp-5)}
input,select,textarea,.mini input,.vipf input,.vipf select{border-radius:var(--r-ctl)}
.safety,.msg{border-radius:var(--r-ctl)}
.btn.near__b,.btn.zcta,.shopc .btn,.cband .btn{
  background:transparent;color:var(--fg);border:2px solid var(--gold-mid);box-shadow:none;text-shadow:none;
}
.btn.near__b:hover,.btn.zcta:hover,.shopc .btn:hover,.cband .btn:hover,
.btn.near__b:active,.btn.zcta:active,.shopc .btn:active,.cband .btn:active{
  background:var(--gold-grad);color:var(--on-gold);border-color:transparent;box-shadow:0 10px 26px rgba(198,165,88,.34);text-shadow:0 1px 0 rgba(255,255,255,.3);
}
.shopc.pc .btn{color:#f2efe8}
.shopc.pc .btn:hover,.shopc.pc .btn:active{color:var(--on-gold)}
:lang(zh) .hero h1,:lang(zh) .fhero h1,:lang(zh) .sec>h2,:lang(zh) .band h2,:lang(zh) .xvsec h2,:lang(zh) .wrap>h2{letter-spacing:0;line-height:1.25}
:lang(zh) .hero h1,:lang(zh) .fhero h1{font-weight:700}
@media (prefers-reduced-motion:reduce){.btn,.tile,.step,.gcard,.card{transition:none}.btn:active,button.go:active{transform:none}}
.hw-more a,.sec>p>a:only-child,.acc__b>p>a:only-child,.ft p a{padding-block:13px}
.hd__in>a:first-child{position:relative}
.hd__in>a:first-child::after{content:"";position:absolute;inset:-2px -8px}
.answer a{color:var(--fg);text-decoration:underline;text-decoration-color:var(--bronze);text-decoration-thickness:2px;text-underline-offset:3px}
.aft .aft__fine a{padding-block:13px}
.xa .xa__x{width:44px;height:44px}
.xa .xa__h{padding-right:54px}
.xa .xa__tel{display:inline-flex;align-items:center;min-height:44px}
.hot.hot--long .hot__l{font-size:12px;padding:3px 7px}
.bar__logo{position:relative}
.bar__logo::after{content:"";position:absolute;inset:-2px -8px}
html .tap__q b,html .shoplang__h,html .gtoc__h,html .pk__top,html .hero .shopshare,html .aft__t b,html .qs__steps b,html .sendpath li,html .sendpath li::before{font-size:13px}
html .hot__l,html .hot.hot--long .hot__l{font-size:13px}
html .tapcar::after,html .fhero--car::after,html .art.art--photo figcaption,html .gcard:has(.gcard__photo)::after,html .gm2__tag,html .doors__art figcaption{font-size:13px}
@media (max-width:599px){html .cards .gcard:has(.gcard__photo):not(:first-child)::after{font-size:13px}}
html[lang="zh-Hans"] body{font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","Noto Sans SC",sans-serif}
html[lang="zh-Hans"] h1,html[lang="zh-Hans"] h2,html[lang="zh-Hans"] h3{letter-spacing:0;line-height:1.3}
html[lang="zh-Hans"] .hero h1{line-height:1.2}
html[lang="ko"] body{font-family:system-ui,-apple-system,"Segoe UI","Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR","Noto Sans CJK KR",sans-serif;word-break:keep-all;overflow-wrap:anywhere}
html[lang="ko"] h1,html[lang="ko"] h2,html[lang="ko"] h3{letter-spacing:0;line-height:1.3}
html[lang="ko"] .hero h1{line-height:1.25}
html[lang="zh-Hans"] .hero .lead{text-wrap:pretty}
.entag{font-size:.82em;font-weight:400;opacity:.78;white-space:nowrap}
html[lang="zh-Hans"] .gcard:has(.gcard__photo)::after{content:"示意图"}
html[lang="zh-Hans"] .sc-sum:empty::before{content:"还没有记录。您可以返回添加。"}
.aft{width:100%;display:grid;gap:12px;text-align:left;margin:6px 0 4px;padding:16px;border-radius:16px;border:1px solid var(--line,#ddd6c6);background:var(--bg,#f7f4ee);color:var(--fg,#17181c)}
.aft__h{margin:0;font-weight:800;font-size:17px;letter-spacing:-.01em}
.aft__h--sm{font-size:15px;margin-top:4px}
.aft__t{list-style:none;margin:0;padding:0;display:grid;gap:0;position:relative}
.aft__t li{display:grid;grid-template-columns:58px 1fr;gap:10px;align-items:start;padding:7px 0;position:relative}
.aft__t li::before{content:"";position:absolute;left:26px;top:30px;bottom:-8px;width:2px;background:linear-gradient(#c6a558,rgba(198,165,88,.15))}
.aft__t li:last-child::before{display:none}
.aft__t b{display:inline-grid;place-items:center;height:24px;border-radius:999px;background:#c6a558;color:#141518;font-size:12px;text-transform:uppercase;letter-spacing:.06em;position:relative;z-index:1}
.aft__t li:first-child b{background:#2f8f5b;color:#fff}
.aft__t span{font-size:15px;line-height:1.45}
.aft__save{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:8px 14px;text-align:center;line-height:1.25;border-radius:14px;background:#17181c;color:#f1dfa6;font-weight:800;font-size:16px;text-decoration:none;border:1.5px solid #c6a558;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.aft__save svg{width:24px;height:24px;flex:none}
.aft__save:hover,.aft__save:focus-visible{background:#c6a558;color:#141518}
.aft__save:focus-visible{outline:3px solid #f1dfa6;outline-offset:2px}
.aft__fine{margin:0;font-size:14px;color:var(--muted,#6b665c);line-height:1.5}
.aft__fine a{color:inherit;font-weight:700}
.aft__l{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.aft__l a{display:block;padding:10px 12px;border-radius:12px;border:1px solid var(--line,#ddd6c6);background:var(--card,#fff);color:var(--fg,#17181c);font-weight:600;font-size:15px;text-decoration:none}
.aft__l a::after{content:" \2192";color:#c6a558}
.mini .aft{margin-top:4px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .aft__save{background:#0f1012}}
.wb{display:flex;align-items:flex-start;gap:12px;margin:14px 0 6px;padding:12px 8px 12px 14px;border-radius:16px;border:1.5px solid #2f8f5b;background:var(--card,#fff);color:var(--fg,#17181c);box-shadow:0 6px 20px rgba(0,0,0,.08)}
.wb>svg{flex:none;width:26px;height:26px;margin-top:1px;padding:4px;border-radius:50%;background:#2f8f5b;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.wb p{flex:1 1 auto;min-width:0;margin:0;font-size:15px;line-height:1.45}
.wb b{display:block;font-weight:800}
.wb a{font-weight:800;color:inherit}
.wb__x{flex:none;width:40px;height:40px;margin:-6px 0 0;border:0;border-radius:10px;background:transparent;color:var(--muted,#66625a);font-size:22px;line-height:1;cursor:pointer}
.wb__x:hover,.wb__x:focus-visible{background:var(--line,#e3e0d9)}
@media (forced-colors:active){.aft__save,.aft__t b{border:1px solid CanvasText}}
.hd__name{margin-left:auto}
.lsel{position:relative;flex:none}
.lsel>summary{list-style:none;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border-radius:999px;border:1.5px solid rgba(198,165,88,.75);color:#f1dfa6;font-weight:700;font-size:15px;line-height:1;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;user-select:none}
.lsel>summary::-webkit-details-marker{display:none}
.lsel>summary::after{content:"";width:7px;height:7px;margin-left:1px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s ease}
.lsel[open]>summary::after{transform:translateY(2px) rotate(-135deg)}
.lsel>summary:hover{background:rgba(198,165,88,.12)}
.lsel>summary:focus-visible{outline:3px solid #f1dfa6;outline-offset:2px}
.lsel__g{width:18px;height:18px;flex:none}
.lsel__s{display:none}
.lsel__m{position:absolute;right:0;top:calc(100% + 8px);z-index:70;min-width:190px;margin:0;padding:6px;list-style:none;border-radius:16px;background:#17181c;border:1px solid rgba(198,165,88,.6);box-shadow:0 18px 44px rgba(0,0,0,.5)}
.lsel__m li{margin:0;padding:0}
.lsel__m a,.lsel__m button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:50px;padding:0 14px;border:0;border-radius:11px;background:none;color:#f2efe8;font:inherit;font-weight:700;font-size:17px;text-align:left;text-decoration:none;cursor:pointer}
.lsel__m a:hover,.lsel__m a:focus-visible,.lsel__m button:hover,.lsel__m button:focus-visible{background:rgba(198,165,88,.16);color:#f1dfa6;outline:0}
.lsel__m a[aria-current="true"],.lsel__m button[aria-pressed="true"]{color:#f1dfa6;background:rgba(198,165,88,.1)}
.lsel__m a[aria-current="true"]::after,.lsel__m button[aria-pressed="true"]::after{content:"";flex:none;width:13px;height:7px;border-left:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:translateY(-2px) rotate(-45deg)}
@media (max-width:480px){.lsel__n{display:none}.lsel__s{display:inline}.lsel>summary{gap:5px;padding:0 10px}.hd__in{gap:10px}}
@media (max-width:360px){.lsel__g{display:none}}
@media (forced-colors:active){.lsel>summary,.lsel__m{border:2px solid CanvasText}}
.hd__in>.lsel{margin-left:auto}
.xa{position:fixed;left:24px;bottom:24px;z-index:45;width:min(420px,calc(100vw - 48px));display:grid;gap:8px;padding:20px 22px 18px;border-radius:18px;color:#f2efe8;background:radial-gradient(120% 140% at 100% 0%,rgba(198,165,88,.3),rgba(198,165,88,0) 55%),linear-gradient(160deg,#1d1f26,#0f1012 75%);border:1.5px solid rgba(198,165,88,.65);box-shadow:0 24px 60px rgba(0,0,0,.45);transform:translateY(24px);opacity:0;transition:transform .25s cubic-bezier(.2,.8,.2,1),opacity .25s}
.xa--in{transform:none;opacity:1}
.xa__x{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:10px;border:1px solid rgba(198,165,88,.4);background:transparent;color:#d9d5cb;font:inherit;font-size:20px;line-height:1;cursor:pointer}
.xa__h{margin:0;padding-right:40px;font-weight:800;font-size:20px;color:#fff;letter-spacing:-.01em}
.xa__p{margin:0;font-size:15px;line-height:1.5;color:#d9d5cb}
.xa__go{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:6px}
.xa__tel{color:#f1dfa6;font-weight:700;font-size:15px;text-underline-offset:3px}
.xa__x:focus-visible,.xa__tel:focus-visible{outline:3px solid #f1dfa6;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.xa{transition:none}}
@media (forced-colors:active){.xa{border:2px solid CanvasText}}
@media (max-width: 899px) {
  .stick { transition: transform .28s ease, visibility 0s; }
  .stick.stick--off { transform: translateY(110%); visibility: hidden; transition: transform .28s ease, visibility 0s .28s; }
  .qs-pending .stick.stick--off { transform: none; visibility: visible; }
}
@media (min-width: 900px) {
  .stick { display: grid; grid-template-columns: auto auto; left: auto; right: 24px; bottom: 24px; gap: 8px; padding: 10px; border: 1px solid rgba(198, 165, 88, .45); border-image: none; border-radius: 18px; background: rgba(15, 16, 18, .94); box-shadow: 0 14px 40px rgba(0, 0, 0, .4); transition: transform .28s ease, opacity .28s ease, visibility 0s; }
  .stick a { padding: 12px 18px; font-size: 15px; white-space: nowrap; }
  .stick.stick--off { transform: translateY(24px); opacity: 0; visibility: hidden; transition: transform .28s ease, opacity .28s ease, visibility 0s .28s; }
  .qs-pending .stick { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .stick, .stick.stick--off { transition: none; }
}
.stick:not(.stick--ready) { visibility: hidden; transition: none; animation: stickLate 0s linear 2.5s forwards; }
@keyframes stickLate { to { visibility: visible; } }
.sh-on .hd { position: sticky; top: 0; z-index: 19; transition: transform .26s ease, box-shadow .26s ease; }
.sh-on .hd.hd--up { transform: translateY(-105%); }
.sh-on .hd.hd--float { box-shadow: 0 10px 28px rgba(0, 0, 0, .45); }
@media (prefers-reduced-motion: reduce) { .sh-on .hd { transition: none; } }
@view-transition { navigation: auto; }
.hd { view-transition-name: iag-header; }
.stick { view-transition-name: iag-bar; }
::view-transition-old(root) { animation: iag-vt-out .16s ease-in both; }
::view-transition-new(root) { animation: iag-vt-in .28s cubic-bezier(.2, .8, .2, 1) both; }
.vt-back::view-transition-new(root) { animation-name: iag-vt-in-back; }
@keyframes iag-vt-out { to { opacity: 0; } }
@keyframes iag-vt-in { from { opacity: 0; transform: translateX(28px); } }
@keyframes iag-vt-in-back { from { opacity: 0; transform: translateX(-28px); } }
@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation: none !important; }
}
@media (max-width: 640px) {
  .hd .nav.nav--tabs { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 4px; overflow: visible; padding: 0 8px 8px; -webkit-mask-image: none; mask-image: none; }
  .hd .nav--tabs a { position: relative; justify-content: center; text-align: center; white-space: normal; font-size: 13px; line-height: 1.15; padding: 4px 2px 6px; min-width: 0; color: var(--bar-fg); }
  .hd .nav--tabs a.nav__est { display: none; }
  .hd .nav--tabs a.nav__shop::before { content: ""; flex: none; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: #c6a558; }
  .hd .nav--tabs a[aria-current="page"] { color: #f1dfa6; background: rgba(198, 165, 88, .14); }
  .hd .nav--tabs a[aria-current="page"]::after { content: ""; position: absolute; left: 24%; right: 24%; bottom: 3px; height: 3px; border-radius: 2px; background: linear-gradient(90deg, #f1dfa6, #c6a558); }
}
@media (min-width: 900px) {
  .sec:has(> .shopmap):has(> .near) { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px 32px; align-items: start; }
  .sec:has(> .shopmap):has(> .near) > :not(.shopmap):not(.near) { grid-column: 1 / -1; }
  .sec:has(> .shopmap):has(> .near) > .shopmap { margin: 0; }
  .sec:has(> .shopmap):has(> .near) > .near { margin: 0; }
}
.shopmap .pinn.pin--go { pointer-events: auto; cursor: pointer; transition: transform .15s ease; }
.shopmap .pinn.pin--go::after { content: ""; position: absolute; inset: -11px; border-radius: 50%; }
.shopmap .pinn.pin--go:hover { transform: translate(-50%, -50%) translateY(-3px) scale(1.15); }
.shops > .pc.pc--flash { outline: 3px solid #f1dfa6; outline-offset: 4px; transition: outline-color .6s ease; }
@media (prefers-reduced-motion: reduce) { .shopmap .pinn.pin--go { transition: none; } }
.dcall { position: fixed; left: var(--dc-left, 24px); top: var(--dc-top, 24px); z-index: 60; width: min(340px, calc(100vw - 24px)); padding: 18px 18px 16px; border-radius: 18px; background: #17181c; color: #f2efe8; border: 1px solid rgba(198, 165, 88, .55); box-shadow: 0 18px 48px rgba(0, 0, 0, .45); animation: dcallIn .18s ease-out; }
.dcall__x { position: absolute; top: 8px; right: 8px; width: 36px; height: 36px; border: 0; border-radius: 10px; background: transparent; color: #a39e93; font-size: 22px; line-height: 1; cursor: pointer; }
.dcall__x:hover, .dcall__x:focus-visible { background: #262830; color: #f2efe8; }
.dcall__h { margin: 0 36px 6px 0; font-size: 14px; font-weight: 700; color: #f1dfa6; letter-spacing: .01em; }
.dcall__n { margin: 0 0 14px; font-size: 30px; font-weight: 800; letter-spacing: .01em; font-variant-numeric: tabular-nums; user-select: all; }
.dcall__r { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.dcall__c, .dcall__go { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px 10px; border-radius: 12px; font: inherit; font-size: 14px; font-weight: 700; text-align: center; text-decoration: none; cursor: pointer; }
.dcall__c { border: 0; background: linear-gradient(135deg, #dec378, #c6a558 48%, #c1a04e); color: #141518; }
.dcall__c.is-done { background: #2f8f5b; color: #fff; }
.dcall__go { border: 2px solid #c6a558; color: #f2efe8; background: transparent; }
.dcall__go:hover, .dcall__c:hover { filter: brightness(1.06); }
.dcall :focus-visible { outline: 3px solid #f1dfa6; outline-offset: 2px; }
.dcall--qr { width: min(360px, calc(100vw - 24px)); }
.dcall__qr { display: grid; grid-template-columns: 132px 1fr; gap: 14px; align-items: center; margin: 4px 0 14px; }
.dcall__qr svg { display: block; width: 132px; height: 132px; padding: 0; border-radius: 12px; background: #fff; }
.dcall__qt { margin: 0; font-size: 15px; line-height: 1.35; font-weight: 700; color: #f2efe8; }
.dcall--qr .dcall__n { font-size: 26px; }
@keyframes dcallIn { from { opacity: 0; transform: translateY(6px); } }
@media (prefers-reduced-motion: reduce) { .dcall { animation: none; } }
.carflip { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 4px auto 0; min-height: 44px; padding: 6px 16px; border-radius: 999px; border: 1px solid rgba(198, 165, 88, .55); background: rgba(15, 16, 18, .6); color: #f1dfa6; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; }
.carflip svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform .35s ease; }
.carflip[aria-pressed="true"] { background: rgba(198, 165, 88, .18); }
.carflip[aria-pressed="true"] svg { transform: rotate(180deg); }
.carflip:focus-visible { outline: 3px solid #f1dfa6; outline-offset: 2px; }
.tapcar .hero__art { transition: transform .45s cubic-bezier(.2, .8, .2, 1); }
.tapcar .hot { transition: left .45s cubic-bezier(.2, .8, .2, 1); }
.tapcar--flip .hero__art { transform: scaleX(-1); }
.tapcar .car-logo { transform-box: fill-box; transform-origin: center; }
.tapcar--flip .car-logo { transform: scaleX(-1); }
.tapcar--flip .hot--f { left: 17.9%; } .tapcar--flip .hot--f .hot__l { right: auto; left: 4px; }
.tapcar--flip .hot--r { left: 83.9%; } .tapcar--flip .hot--r .hot__l { left: auto; right: 4px; }
.tapcar--flip .hot--d { left: 59.9%; }
.tapcar--flip .hot--g { left: 46.2%; }
.tapcar--flip .hot--w { left: 71.3%; }@media (prefers-reduced-motion: reduce) { .tapcar .hero__art, .tapcar .hot, .carflip svg { transition: none; } }
.hero .maprow { display: flex; gap: 8px; align-items: stretch; min-width: 0; }
.hero .maprow > .maplink { flex: 1 1 auto; min-width: 0; }
.hero .shopshare { flex: none; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-width: 64px; min-height: 48px; padding: 4px 10px; border-radius: 14px; border: 1px solid rgba(198, 165, 88, .4); background: rgba(255, 255, 255, .05); color: #e7e3da; font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
.hero .shopshare svg { width: 18px; height: 18px; fill: none; stroke: #c6a558; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.hero .shopshare.is-done { border-color: #2f8f5b; color: #bfe8cf; }
.hero .shopshare:hover, .hero .shopshare:focus-visible { background: rgba(198, 165, 88, .12); }
.hero .shopshare:focus-visible { outline: 3px solid #f1dfa6; outline-offset: 2px; }
@media (max-width: 899px) { .hero--tap .hero__in > .maprow { order: 2; } }
.fhero--car { position: relative; overflow: hidden; isolation: isolate; }
.fhero--car .fhero__in { padding-bottom: 82px; }
.fhero--car::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: url(/assets/car-hero.jpg?v=5d13e15d) no-repeat right 0 bottom -10px / auto 128px;
  -webkit-mask-image: linear-gradient(90deg, transparent 4%, #000 34%);
  mask-image: linear-gradient(90deg, transparent 4%, #000 34%);
  animation: estCarIn .9s cubic-bezier(.2, .8, .2, 1) both;
}
.fhero--car::after {
  content: attr(data-ill); position: absolute; left: 16px; bottom: 26px; z-index: 0;
  color: rgba(231, 227, 218, .72); font-size: 11px; font-style: italic; font-weight: 600; letter-spacing: .03em; pointer-events: none;
}
@media (min-width: 700px) {
  .fhero--car .fhero__in { padding-bottom: 34px; padding-right: 300px; }
  .fhero--car::before { background-position: right max(16px, calc(50% - 330px)) center; background-size: auto 190px; -webkit-mask-image: linear-gradient(90deg, transparent 30%, #000 60%); mask-image: linear-gradient(90deg, transparent 30%, #000 60%); }
  .fhero--car::after { left: auto; right: max(16px, calc(50% - 300px)); }
}
@keyframes estCarIn { from { opacity: 0; transform: translateX(40px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .fhero--car::before { animation: none; } }
main.wrap.has-estdesk { position: relative; }
.estdesk { position: absolute; top: 18px; bottom: 0; left: calc(100% + 40px); width: 236px; }
.estdesk__in { position: sticky; top: 24px; padding: 20px 20px 18px; border-radius: 18px; background: #17181c; color: #f2efe8; border: 1px solid rgba(198, 165, 88, .55); box-shadow: 0 14px 36px rgba(0, 0, 0, .18); text-align: center; animation: estDeskIn .5s .4s ease-out both; }
.estdesk__k { margin: 0 0 2px; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #c6a558; }
.estdesk__h { margin: 0 0 14px; font-size: 19px; line-height: 1.25; font-weight: 800; color: #f1dfa6; text-wrap: balance; }
.estdesk__qr { display: block; width: 176px; height: 176px; margin: 0 auto 14px; border-radius: 12px; background: #fff; }
.estdesk__p { margin: 0; font-size: 14px; line-height: 1.45; color: #e7e3da; }
@keyframes estDeskIn { from { opacity: 0; transform: translateY(8px); } }
@media (prefers-reduced-motion: reduce) { .estdesk__in { animation: none; } }
.photo1.ptile { position: relative; display: grid; justify-items: center; gap: 6px; min-height: 150px; padding: 18px 16px; border: 2px dashed var(--bronze); border-radius: 16px; background: var(--accent); text-align: center; cursor: pointer; }
.photo1.ptile:focus-within { outline: 3px solid var(--ring, #c6a558); outline-offset: 2px; }
.ptile__ic { display: block; color: var(--bronze); }
.ptile__ic svg { display: block; width: 44px; height: 44px; }
.ptile__h { font-size: 18px; line-height: 1.3; }
.photo1.ptile .ptile__n { font-size: 14px; line-height: 1.4; font-weight: 400; color: var(--muted, inherit); }
.photo1.ptile input[type=file] { position: absolute; inset: 0; width: 100%; height: 100%; min-height: 0; padding: 0; border: 0; opacity: 0; cursor: pointer; }
.ptile__cv { display: none; width: 96px; height: 96px; border-radius: 10px; background: var(--line, #ddd); }
.photo1.ptile.has { border-style: solid; min-height: 0; grid-template-columns: 96px 1fr; align-items: center; justify-items: start; text-align: left; column-gap: 14px; padding: 12px; }
.photo1.ptile.has .ptile__ic { display: none; }
.photo1.ptile.has .ptile__cv { display: block; grid-row: 1 / span 2; }
.photo1.ptile.has .ptile__h { font-size: 16px; }
.shoplang { display: grid; gap: 8px; margin: 2px 0 6px; }
.shoplang__h { margin: 0; color: #c6a558; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.shoplang ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.shoplang li { padding: 5px 11px; border-radius: 999px; border: 1px solid rgba(198, 165, 88, .55); background: rgba(198, 165, 88, .10); color: #f2efe8; font-size: 14px; font-weight: 600; line-height: 1.3; }
.shoplang__zh { justify-self: start; display: inline-flex; align-items: center; gap: 6px; min-height: 44px; color: #e8cf8f; font-size: 16px; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.shoplang__zh::after { content: "→"; text-decoration: none; }
.shoplang__zh:hover { color: #fff; }
.gtoc { display: grid; gap: 10px; margin: 6px 0 14px; padding: 14px 14px 12px; border: 1px solid var(--line); border-radius: var(--radius, 14px); background: var(--card); box-shadow: var(--shadow); }
.gtoc__h { margin: 0; color: var(--bronze); font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.gtoc__row { display: flex; flex-wrap: wrap; gap: 8px; }
.gtoc__q { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 14px; border-radius: 999px; border: 1.5px solid var(--bronze); background: var(--bg); color: var(--fg); font-size: 15px; font-weight: 600; line-height: 1.25; text-decoration: none; }
.gtoc__q:hover { background: var(--accent); }
.gtoc__q.is-open { background: var(--bronze); color: var(--primary-fg, #fff); }
details.acc { scroll-margin-top: 84px; }
details.acc.gtoc-hit > summary { animation: gtocHit 1.4s ease-out; border-radius: 10px; }
@keyframes gtocHit { 0% { box-shadow: 0 0 0 3px var(--bronze); } 100% { box-shadow: 0 0 0 3px transparent; } }
@media (prefers-reduced-motion: reduce) { details.acc.gtoc-hit > summary { animation: none; } }
.gsave { display: grid; gap: 14px; justify-items: center; margin: 28px 0; padding: 22px 18px; border-radius: 20px; background: #17181c; color: #f2efe8; border: 1px solid rgba(198, 165, 88, .5); text-align: center; }
.gsave__card { display: grid; grid-template-columns: 52px 1fr; gap: 12px; align-items: center; width: min(100%, 320px); padding: 12px 14px; border-radius: 16px; background: #fff; color: #17181c; box-shadow: 0 10px 28px rgba(0, 0, 0, .35); text-align: left; transform: rotate(-1.5deg); }
.gsave__av { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: #17181c; }
.gsave__av img { width: 34px; height: 34px; }
.gsave__who { display: grid; gap: 1px; min-width: 0; font-size: 13px; line-height: 1.3; color: #5b5a55; }
.gsave__who b { font-size: 16px; color: #17181c; }
.gsave__tel { font-size: 15px; font-weight: 700; color: #17181c; font-variant-numeric: tabular-nums; }
.gsave__p { margin: 0; max-width: 34ch; font-size: 16px; line-height: 1.45; color: #e7e3da; text-wrap: balance; }
.gsave__go { display: flex; align-items: center; justify-content: center; min-height: 52px; width: min(100%, 340px); padding: 10px 18px; border-radius: 14px; background: linear-gradient(135deg, #dec378, #c6a558 48%, #c1a04e); color: #141518; font-weight: 800; font-size: 16px; text-decoration: none; }
.gsave__go:focus-visible { outline: 3px solid #f1dfa6; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .gsave__card { transform: none; } }
.js .rv { transition-duration: .32s, .32s; transform: translateY(10px); }
.js .rv.in { transform: none; }
.sendpath { list-style: none; margin: -4px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; counter-reset: sp; }
.sendpath li { counter-increment: sp; position: relative; display: grid; justify-items: center; gap: 4px; text-align: center; color: var(--muted); font-size: 12.5px; font-weight: 600; line-height: 1.25; }
.sendpath li::before { content: counter(sp); display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; border: 1.5px solid var(--bronze); background: var(--card); color: var(--bronze); font-size: 12px; font-weight: 800; position: relative; z-index: 1; }
.sendpath li + li::after { content: ""; position: absolute; top: 11px; right: calc(50% + 14px); width: calc(100% - 22px); height: 1.5px; background: var(--line); }
.sendpath li.is-now { color: var(--fg); }
.sendpath li.is-now::before { background: var(--bronze); color: var(--primary-fg, #fff); }
.talk{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 8px;min-height:48px;margin:10px 0 4px;padding:8px 12px;border:1.5px solid var(--bronze);border-radius:12px;color:inherit;text-decoration:none;font-weight:600}
.talk b{color:var(--bronze);font-variant-numeric:tabular-nums;white-space:nowrap}
.photo1 input[type=file]{min-height:48px;padding:10px;border:1.5px dashed var(--bronze);border-radius:12px;width:100%}
.smatch__hint{margin:-4px 0 0;font-size:.9em}
.smatch{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;border:1px solid var(--line);border-left:4px solid var(--bronze);border-radius:12px;padding:12px 14px;background:var(--bg)}
.smatch__line{margin:0;flex:1 1 220px;min-width:0}
.smatch__other{font:inherit;font-weight:600;background:none;border:0;padding:8px 0;min-height:44px;color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.smatch__loc{justify-self:start;display:inline-flex;align-items:center;gap:8px;font:inherit;font-weight:600;min-height:44px;padding:8px 14px;border:1px solid var(--bronze);border-radius:999px;background:none;color:inherit;cursor:pointer}
.smatch__loc::before{content:'';width:10px;height:10px;border-radius:50%;border:2px solid var(--bronze);box-shadow:0 0 0 3px var(--bg),0 0 0 4px var(--bronze)}
.smatch__loc:disabled{opacity:.6;cursor:wait}
.smatch__addr{display:block;margin-top:2px;font-size:.9em;opacity:.85}
.jy{margin:10px 0 18px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
.jy__t{margin:0 0 8px;font-size:.92em}
.jy__t b{color:var(--bronze)}
.jy__s{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.jy__s li{position:relative}
.jy__s a{display:flex;align-items:center;justify-content:center;min-height:36px;border-radius:8px;border:1px solid var(--line);font-weight:700;font-size:.9em;text-decoration:none;color:inherit;font-variant-numeric:tabular-nums}
.jy__s li.done a{background:var(--line)}
.jy__s li.now a{background:var(--bronze);border-color:var(--bronze);color:#fff}
.jy-next{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;margin:22px 0;padding:16px 18px;border-radius:14px;border:2px solid var(--bronze);text-decoration:none;color:inherit;background:var(--bg)}
.jy-next__k{grid-column:1;font-size:.82em;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--bronze)}
.jy-next__h{grid-column:1;font-weight:700;font-size:1.08em;line-height:1.3;text-wrap:balance}
.jy-next__go{grid-column:2;grid-row:1/3;font-size:2em;line-height:1;color:var(--bronze)}
.jy-next--end{background:var(--bronze);color:#fff}
.jy-next--end .jy-next__k,.jy-next--end .jy-next__go{color:#fff}
.jy-next:focus-visible,.jy__s a:focus-visible{outline:3px solid var(--bronze);outline-offset:2px}
.jy-start{margin:12px 0 22px;padding:16px 18px;border:2px solid var(--bronze);border-radius:14px;background:var(--bg)}
.jy-start h2{margin:0 0 8px;font-size:1.15em;text-wrap:balance}
.jy-start__l{margin:0 0 14px;padding-left:1.4em;display:grid;gap:6px;line-height:1.35}
.jy-start__l a{color:inherit}
.jy-start__go{display:inline-flex}
.ask__f{display:grid;gap:6px;margin:6px 0 0}
.ask__f input{font:inherit;font-size:1.05em;width:100%;min-height:52px;padding:12px 16px;border:2px solid var(--line);border-radius:14px;background:var(--bg);color:inherit}
.ask__f input:focus{outline:none;border-color:var(--bronze)}
.ask__r{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.ask__r:empty{display:none}
.ask__a{display:grid;gap:4px;padding:12px 14px;border:1px solid var(--line);border-left:4px solid var(--bronze);border-radius:12px;text-decoration:none;color:inherit;background:var(--bg)}
.ask__a b{line-height:1.3}
.ask__s{font-size:.92em;opacity:.85}
.ask__go{font-size:.88em;font-weight:700;color:var(--bronze)}
.ask__a:focus-visible{outline:3px solid var(--bronze);outline-offset:2px}
.ask__none{padding:10px 2px}
.ask__picks{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.ask__pick{font:inherit;font-size:.9em;text-align:left;min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:inherit;cursor:pointer}
.ask__pick:hover,.ask__pick:focus-visible{border-color:var(--bronze)}
.scene-mode .hd{position:relative;top:auto}
.scene-mode .stick{display:none!important}
.scene-mode .jy{display:none}
.scene-mode .sc-top{display:none}
.scene-mode .sc-h1{font-size:1.35em;margin-bottom:4px}
.scene-mode .sc-lead{font-size:.95em;margin-top:0}
.scene-mode body{padding-bottom:calc(132px + env(safe-area-inset-bottom, 0px))}
.scene-mode .sc-b{min-height:56px;font-size:1.05em}
.scbar{position:fixed;left:0;right:0;bottom:0;z-index:20;padding:8px 12px calc(10px + env(safe-area-inset-bottom, 0px));background:#141518;border-top:2px solid #c6a558;box-shadow:0 -6px 20px rgba(0,0,0,.25)}
.scbar__l{margin:0 0 6px;color:#f6f3ec;font-size:13px;font-weight:600;text-align:center}
.scbar__r{display:grid;grid-template-columns:1fr 1.6fr;gap:8px;max-width:640px;margin:0 auto}
.scbar__b{display:flex;align-items:center;justify-content:center;min-height:52px;padding:6px 10px;border-radius:12px;border:2px solid #c6a558;color:#f6f3ec;font-weight:800;font-size:15px;text-decoration:none;text-align:center;line-height:1.2}
.scbar__b--sos{background:#b3261e;border-color:#b3261e;color:#fff}
.scbar__b:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media (forced-colors:active){.scbar{border-top:2px solid CanvasText}.scbar__b{border:2px solid ButtonText}}
.scene-mode:not(.scene-done) .jy-next{display:none}
.sc-shots{margin:12px 0;padding:12px 14px;border:1.5px solid var(--bronze);border-radius:14px;background:var(--bg)}
.sc-shots__h{margin:0;font-weight:800;display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.sc-shots__n{font-size:.85em;font-weight:700;color:var(--bronze);font-variant-numeric:tabular-nums;white-space:nowrap}
.sc-shots__lead{margin:4px 0 8px;font-size:.92em}
.sc-shots ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.sc-shots label{display:flex;gap:12px;align-items:flex-start;min-height:44px;padding:8px 4px;border-radius:10px;cursor:pointer;line-height:1.35}
.sc-shots input{flex:none;width:24px;height:24px;margin:1px 0 0;accent-color:var(--bronze)}
.sc-shots input:checked+span{text-decoration:line-through;opacity:.65}
.sc-shots__tip{margin:8px 0 0;font-size:.88em;font-weight:600}
.sc-after{margin:14px 0;padding:12px 14px;border-left:4px solid var(--bronze);border-radius:10px;background:var(--bg)}
.sc-after h3{margin:0 0 6px;font-size:1.05em}
.sc-after ul{margin:0;padding-left:1.2em;display:grid;gap:6px;line-height:1.4}
.sc-cta--notes{margin:14px 0 18px;padding:14px 16px;border:2px solid var(--bronze);border-radius:14px;background:var(--accent)}
.sc-cta--notes p{margin:0 0 10px;font-weight:600}
.sc-loc-msg{margin:6px 0 0;font-size:.9em}
.photo-ready{padding:10px;border-radius:14px;box-shadow:0 0 0 3px var(--bronze);animation:photoready 1.6s ease-out 2}
@keyframes photoready{0%{box-shadow:0 0 0 0 var(--bronze)}50%{box-shadow:0 0 0 6px var(--bronze)}100%{box-shadow:0 0 0 3px var(--bronze)}}
@media (prefers-reduced-motion:reduce){.photo-ready{animation:none}}
.almost{margin:6px 0 -2px;font-weight:700;color:var(--bronze)}
.scenenotes{margin:4px 0 10px;padding:10px 12px;border:1px dashed var(--bronze);border-radius:12px;background:var(--accent)}
.scenenotes__add{display:block;width:100%;min-height:44px;border-radius:10px;border:2px solid var(--bronze);background:var(--card);color:var(--bronze);font:inherit;font-weight:700;cursor:pointer}
.scenenotes__add:disabled{opacity:.7;cursor:default}
.scenenotes__m{margin:6px 0 0;font-size:.88em}
.story .sub{margin-top:-4px}
.story__road{list-style:none;margin:14px 0 0;padding:0;position:relative}
.story__road::before{content:"";position:absolute;left:19px;top:22px;bottom:22px;width:3px;border-radius:3px;background:linear-gradient(var(--bronze),var(--line))}
.story__p{position:relative;margin:0 0 10px}
.story__p details{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);margin-left:0}
.story__p summary{display:grid;grid-template-columns:40px 1fr auto;align-items:start;gap:12px;padding:12px 14px 12px 0;cursor:pointer;list-style:none;min-height:56px}
.story__p summary::-webkit-details-marker{display:none}
.story__p summary::after{content:"+";grid-column:3;align-self:center;font-size:1.4em;line-height:1;color:var(--bronze);font-weight:700}
.story__p details[open] summary::after{content:"\2212"}
.story__dot{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-left:-1px;border-radius:50%;background:var(--card);border:3px solid var(--bronze);font-weight:800;font-variant-numeric:tabular-nums;color:var(--bronze)}
.story__p details[open] .story__dot,.story__p.is-here .story__dot{background:var(--bronze);color:#fff}
.story__tx{display:grid;gap:2px;min-width:0}
.story__n{font-weight:800;font-size:1.08em;line-height:1.25}
.story__l{color:var(--muted);line-height:1.4;font-size:.95em}
.story__here{justify-self:start;margin:2px 0;padding:1px 8px;border-radius:999px;background:var(--accent);color:var(--bronze);font-size:.78em;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.story__a{list-style:none;margin:0;padding:0 14px 14px 52px;display:grid;gap:8px}
.story__a a{display:block;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:inherit;text-decoration:none;line-height:1.35;font-weight:600}
.story__a a::after{content:" \203A";color:var(--bronze)}
.story__a a.story__call{border-color:var(--bronze);color:var(--bronze)}
.story__a a:focus-visible,.story__p summary:focus-visible{outline:3px solid var(--bronze);outline-offset:2px}
.story__trust{margin:6px 0 0 52px}
.story__p{scroll-margin-top:90px}
.sp{margin:10px 0 18px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
.sp__t{margin:0 0 8px;font-size:.92em}
.sp__t b{color:var(--bronze)}
.sp__d{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.sp__d a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border-radius:8px;border:1px solid var(--line);text-decoration:none;color:inherit;min-height:44px;justify-content:center}
.sp__n{font-weight:800;font-variant-numeric:tabular-nums}
.sp__l{font-size:.68em;line-height:1.15;text-align:center;color:var(--muted)}
.sp__d li.done a{background:var(--line)}
.sp__d li.now a{background:var(--bronze);border-color:var(--bronze);color:#fff}
.sp__d li.now .sp__l{color:#fff}
.sp__d a:focus-visible{outline:3px solid var(--bronze);outline-offset:2px}
@media (prefers-reduced-motion:no-preference){.story__p details[open] .story__a{animation:story-in .18s ease-out}}
@keyframes story-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.term{display:inline;margin:0;padding:0;border:0;background:none;font:inherit;color:inherit;cursor:help;text-decoration:underline dotted var(--bronze);text-decoration-thickness:2px;text-underline-offset:3px}
.term[aria-expanded="true"]{color:var(--bronze)}
.term:focus-visible{outline:3px solid var(--bronze);outline-offset:2px;border-radius:3px}
.term-card{display:block;margin:8px 0 10px;padding:12px 14px;border:1px solid var(--bronze);border-left-width:4px;border-radius:10px;background:var(--accent);line-height:1.45;font-size:.95em}
.term-card__a{display:block}
.term-card__go{display:inline-block;margin-top:6px;font-weight:700;color:var(--bronze)}
.term-card__go::after{content:" \203A"}
@media (prefers-reduced-motion:no-preference){.term-card{animation:term-in .15s ease-out}}
@keyframes term-in{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
.pr{display:grid;gap:6px;padding:12px 12px 8px;border-radius:12px;border:1px dashed #c6a558;background:var(--card,#fff)}
.pr__h{margin:0;font-weight:800;font-size:15px}
.pr__l{list-style:none;margin:0;padding:0;display:grid;gap:0}
.pr__l label{display:flex;align-items:center;gap:12px;min-height:44px;padding:4px 0;cursor:pointer;font-size:15px;line-height:1.35}
.pr__l li+li label{border-top:1px solid var(--line,#ddd6c6)}
.pr__l input{flex:none;width:22px;height:22px;margin:0;accent-color:#c6a558}
.pr__l input:checked+span{color:var(--muted,#6b665c);text-decoration:line-through;text-decoration-color:#c6a558}
.pr__l input:focus-visible{outline:3px solid #c6a558;outline-offset:2px}
.pr__f{margin:2px 0 4px;font-size:13px;line-height:1.45;color:var(--muted,#6b665c)}
@media (forced-colors:active){.pr{border:1px solid CanvasText}}