.demo{position:relative;display:grid;grid-template-rows:auto auto;gap:14px}
.dphoto{position:relative;overflow:hidden;border-radius:18px;aspect-ratio:16/9;background:#f3f0e8;border:1px dashed rgba(201,162,74,.6)}
.dphoto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dphoto .before{opacity:0}.dphoto .after{opacity:0}
.drop{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:6px;text-align:center;color:var(--ink2)}
.drop .dico{width:54px;height:54px;border-radius:50%;border:1px solid var(--gold);position:relative;margin-bottom:6px}
.drop .dico:before{content:"";position:absolute;inset:6px;border-radius:50%;border:1px solid rgba(201,162,74,.45)}
.drop .dico:after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;background:var(--gold);transform:translate(-50%,-50%);box-shadow:0 0 0 6px rgba(201,162,74,.16)}
.drop b{font-weight:500;font-size:15px}.drop small{font-family:var(--mono);font-size:10px;letter-spacing:.22em;color:var(--ink3)}
.flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}
.scan{position:absolute;left:50%;top:50%;width:160%;aspect-ratio:1;margin:-80% 0 0 -80%;background:conic-gradient(from 0deg,rgba(255,225,160,0) 0deg,rgba(255,225,160,.55) 18deg,rgba(255,225,160,0) 40deg);opacity:0;pointer-events:none;transition:opacity .4s;mix-blend-mode:screen}
.score{position:absolute;right:12px;top:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:68px;height:68px;border-radius:50%;background:rgba(255,255,255,.92);border:1.5px solid #9A968C;opacity:0;transition:opacity .5s,border-color .5s,box-shadow .5s}
.score small{max-width:48px;font-family:var(--mono);font-size:10px;letter-spacing:.06em;line-height:1.1;text-align:center;color:var(--ink3)}
.score b{font-family:var(--serif);font-weight:500;font-size:23px;line-height:1;color:var(--ink3);font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}
.score.up{border-color:var(--gold);box-shadow:0 0 0 5px rgba(201,162,74,.14),0 0 24px rgba(255,214,140,.6)}
.score.up b{color:var(--gold)}
.dlines{position:relative;display:grid;gap:6px;min-height:188px}
.dl{display:flex;align-items:baseline;gap:10px;padding:7px 12px;border-radius:12px;background:#fff;border:1px solid var(--line);font-size:13px;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s,filter .6s,border-color .5s}
.dl.in{opacity:1;transform:none}
.dl .n{font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--ink3)}
.dl b{font-weight:500}.dl em{font-style:normal;font-family:var(--serif);color:var(--ink)}
.dl .fr{margin-left:auto;font-style:normal;font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--gold);border:1px solid var(--gold2);border-radius:999px;padding:2px 7px}
.dl.lock{filter:blur(4px)}
.dl.lock.open{filter:none;border-color:rgba(201,162,74,.55);box-shadow:0 8px 20px rgba(201,162,74,.12)}
.burst{position:absolute;left:50%;top:58%;width:0;height:0;pointer-events:none;opacity:0}
.burst i{position:absolute;left:0;top:0;width:180px;height:180px;border-radius:50%;border:1.5px solid #E8C872;box-shadow:0 0 24px rgba(255,214,140,.7)}
.tiers{display:grid;gap:14px}
.tier{position:relative;padding:22px 22px 20px;border-radius:26px;background:#fff;border:1px solid var(--line)}
.tier.full{border-color:var(--gold);box-shadow:0 1px 0 rgba(21,22,26,.03),0 30px 70px rgba(201,162,74,.16)}
.tier .tt{display:flex;justify-content:space-between;align-items:baseline}
.tier .tt b{font-family:var(--serif);font-weight:500;font-size:24px}
.tier .tt .mono{color:var(--ink3)}
.tier .pr{display:flex;align-items:baseline;gap:10px;margin-top:10px}
.tier .pr b{font-family:var(--serif);font-weight:500;font-size:46px;line-height:1}
.tier.full .pr b{color:var(--ink)}
.tier .pr span{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--ink3)}
.tier ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}
.tier li{display:flex;gap:10px;font-size:14px;line-height:1.5;color:var(--ink2)}
.tier li:before{content:"";flex:none;width:14px;height:14px;margin-top:3px;border-radius:50%;border:1.2px solid var(--gold);box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 10px rgba(201,162,74,.35)}
.tier.full li:before{border-color:var(--bronze);box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 10px rgba(138,100,32,.5)}
.tier li small{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--ink3)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;width:100%;height:50px;padding:0 24px;border-radius:999px;background:var(--ink);color:#fff;font-family:"Cormorant Garamond","Noto Serif SC",serif;font-weight:600;font-size:17px;letter-spacing:.01em;cursor:pointer;border:0}
.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}
.btn .dot{width:7px;height:7px;border-radius:50%;background:#D9B865}
.fine{margin-top:10px;font-size:11px;color:var(--ink3);text-align:center;letter-spacing:.03em}
.stepchips{display:flex;gap:8px;align-items:center}
.stepchips .sc{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;border:1px solid var(--line);background:#fff;transition:all .4s;opacity:.6}
.stepchips .sc i{width:30px;height:30px;border-radius:50%;border:1.2px solid var(--gold);display:grid;place-items:center;font-style:normal;font-family:var(--serif);font-weight:600;font-size:15px;color:var(--gold);position:relative}
.stepchips .sc.on{opacity:1;border-color:var(--gold);box-shadow:0 8px 20px rgba(201,162,74,.14)}
.stepchips .sc.on i:after{content:"";position:absolute;right:-2px;top:-2px;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px rgba(201,162,74,.18)}
.stepchips .sc b{font-size:13px;font-weight:500}.stepchips .sc small{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--ink3)}
.stepchips .sep{width:18px;height:1px;background:var(--gold2)}

.paybg{position:fixed;inset:0;background:rgba(21,22,26,.32);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .4s;z-index:50;display:grid;place-items:center}
.paybg.on{opacity:1;pointer-events:auto}
.paysheet{position:relative;width:min(420px,92vw);background:#fff;border-radius:26px;padding:28px 28px 22px;box-shadow:0 40px 120px rgba(21,22,26,.3);transform:translateY(18px) scale(.98);transition:transform .5s cubic-bezier(.2,.8,.2,1);text-align:left}
.paybg.on .paysheet{transform:none}
.paysheet .x{position:absolute;right:16px;top:14px;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:16px;color:var(--ink3)}
.paysheet .mini{width:64px;height:64px;margin:0 auto 10px}
.paysheet .mini{width:96px;height:96px}.paysheet .mini .mandala{width:96px;height:96px}.paysheet .mini .mandala .seal{width:38px;height:38px;margin:-19px 0 0 -19px;transform:rotate(-4deg)}
.paysheet h4{margin:0;text-align:center;font-family:var(--serif);font-weight:500;font-size:22px}
.paysheet .sub{text-align:center;font-family:var(--serif);font-style:italic;color:var(--ink2);font-size:14px;margin-top:4px}
.paysheet .amt{display:flex;justify-content:center;align-items:baseline;gap:8px;margin:16px 0 4px}
.paysheet .amt b{font-family:var(--serif);font-weight:500;font-size:48px;line-height:1}
.paysheet .amt span{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--ink3)}
.paysheet .ok{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:6px 0 16px;font-size:12px;color:var(--ink2)}
.paysheet .ok span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);margin-right:6px;vertical-align:middle}
.paysheet .inc{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;display:grid;gap:6px;font-size:13px;color:var(--ink2)}
.paysheet .inc span:before{content:"启";font-family:var(--serif);font-weight:600;color:var(--bronze);margin-right:8px;font-size:12px}
.paysheet .apple{margin-top:16px;height:46px;border-radius:12px;background:#000;color:#fff;display:grid;place-items:center;font-weight:500;font-size:16px}
.paysheet .card{margin-top:10px;height:46px;border-radius:12px;border:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 14px;font-family:var(--mono);font-size:12px;color:var(--ink3)}
.paysheet .paybtn{margin-top:12px;width:100%;height:50px;border-radius:999px;border:0;background:var(--ink);color:#fff;font-family:var(--mono);font-size:12px;letter-spacing:.16em;cursor:pointer}
.paysheet .paybtn:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#D9B865;margin-right:10px;vertical-align:middle}
.paysheet .fine{margin-top:10px;text-align:center;font-size:11px;color:var(--ink3);line-height:1.6}

.dover{position:absolute;left:0;right:0;top:88px;bottom:0;opacity:0}
.dover .veil{position:absolute;inset:-4px -2px 0;border-radius:16px;background:linear-gradient(180deg,rgba(251,250,246,.55),rgba(251,250,246,.88) 30%,rgba(251,250,246,.93));backdrop-filter:blur(2px);box-shadow:inset 0 0 0 1px rgba(201,162,74,.35)}
.dover .veil:before{content:"";position:absolute;inset:6px;border-radius:12px;border:1px dashed rgba(201,162,74,.28)}
.sealrow{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:26px}
.mandala{position:relative;width:132px;height:132px;flex:none}
.mandala svg{position:absolute;inset:0;width:100%;height:100%}
.mandala .m1{animation:spin 90s linear infinite}.mandala .m2{animation:spin 60s linear infinite reverse}
.mandala .seal{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;cursor:pointer}
.mandala .seal svg{position:static;width:100%;height:100%;mix-blend-mode:multiply}
.stx{display:flex;flex-direction:column;align-items:flex-start;gap:6px;max-width:260px}
.stx .q{font-family:var(--serif);font-size:19px;color:var(--ink);line-height:1.3}
.stx .w{font-size:12px;color:var(--ink3);letter-spacing:.02em}
.sealbtn{margin-top:8px;display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border-radius:999px;border:1px solid var(--gold);background:#fff;color:var(--ink);font-family:var(--mono);font-size:11px;letter-spacing:.16em;cursor:pointer;box-shadow:0 8px 22px rgba(201,162,74,.18);transition:box-shadow .3s,transform .3s}
.sealbtn i{width:14px;height:14px;border-radius:3px;background:var(--verm);transform:rotate(-4deg);box-shadow:inset 0 0 0 2px #fff}
.sealbtn:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(201,162,74,.28)}
.stx .en{font-family:var(--mono);font-size:10px;letter-spacing:.24em;color:var(--gold)}
.mandala .m1 g{stroke-opacity:1}
.paysheet.ps2{width:min(560px,94vw);max-height:92vh;overflow-y:auto;padding:26px 28px 20px;scrollbar-width:thin}
.ps2 .x{right:14px;top:14px}
.ps2 .lg{position:absolute;right:54px;top:14px;height:32px;padding:0 10px;border-radius:999px;border:1px solid var(--line);background:#fff;font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--ink3);cursor:pointer}
.ps2 .ph{display:flex;align-items:center;gap:16px;padding-right:90px}
.ps2 .mini{width:78px;height:78px;flex:none;margin:0}
.ps2 .mini .mandala{width:78px;height:78px}
.ps2 .mini .mandala .seal{width:32px;height:32px;margin:-16px 0 0 -16px;transform:rotate(-4deg)}
.ps2 h4{margin:0;text-align:left;font-family:var(--serif);font-weight:500;font-size:26px;line-height:1.15}
.ps2 .sub{text-align:left;font-family:var(--serif);font-style:italic;font-size:15px;color:var(--ink2);margin-top:4px}
.ps2 .lbl{font-family:var(--mono);font-size:10px;letter-spacing:.22em;color:var(--ink3);margin:20px 0 10px}
.ps2 .areas{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.ps2 .ar{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:12px 6px 10px;border-radius:16px;border:1px solid var(--line);background:#fff}
.ps2 .ar svg{width:22px;height:22px;fill:none;stroke:var(--gold);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin-bottom:4px}
.ps2 .ar b{font-size:12.5px;font-weight:500;line-height:1.2;color:var(--ink)}
.ps2 .ar small{font-size:11px;color:var(--ink2)}
.ps2 .ar em{font-style:normal;font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--ink3)}
.ps2 .ar.s{border-color:rgba(201,162,74,.45);background:#fff}
.ps2 .ar.s svg{stroke:var(--bronze)}
.ps2 .ar.s em{color:var(--bronze)}
.ps2 .ar.s:after{content:"";position:absolute;right:8px;top:8px;width:8px;height:8px;border-radius:2px;background:var(--verm);transform:rotate(-4deg)}
.ps2 .sc3{margin-top:18px;padding:14px 16px;border-radius:16px;background:linear-gradient(90deg,rgba(201,162,74,.06),rgba(201,162,74,.12));border:1px solid rgba(201,162,74,.3)}
.ps2 .bar{display:flex;align-items:center;gap:10px;margin-top:8px}
.ps2 .bar i{flex:1;height:1px;background:linear-gradient(90deg,var(--gold2),var(--gold))}
.ps2 .seg{display:flex;flex-direction:column;align-items:center}
.ps2 .seg b{font-family:var(--serif);font-weight:500;font-size:28px;line-height:1;color:var(--ink3)}
.ps2 .seg small{font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--ink3);margin-top:4px;white-space:nowrap}
.ps2 .seg.hi b{color:var(--gold);font-size:36px}
.ps2 .note2{margin-top:8px;font-size:11px;color:var(--ink3)}
.ps2 .gets{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.ps2 .gets li{display:flex;gap:10px;font-size:14px;line-height:1.45;color:var(--ink)}
.ps2 .gets li:before{content:"";flex:none;width:12px;height:12px;margin-top:4px;border-radius:50%;border:1.2px solid var(--gold);box-shadow:inset 0 0 0 2.5px #fff,inset 0 0 0 8px rgba(201,162,74,.5)}
.ps2 .pr2{display:flex;align-items:baseline;gap:12px;margin:20px 0 12px;padding-top:16px;border-top:1px solid var(--line)}
.ps2 .pr2 b{font-family:var(--serif);font-weight:500;font-size:40px;line-height:1}
.ps2 .pr2 span{font-size:12px;color:var(--ink3)}
.ps2 .pays{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ps2 .pm{height:48px;border-radius:12px;border:0;cursor:pointer;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}
.ps2 .pm.apple{background:#000;color:#fff}
.ps2 .pm.paypal{background:#FFC439;font-style:italic;font-family:Verdana,Arial,sans-serif;font-size:19px;font-weight:700}
.ps2 .pp1{color:#003087}.ps2 .pp2{color:#009CDE}
.ps2 .pm.cardb{width:100%;margin-top:10px;background:var(--ink);color:#fff;font-size:14px;font-weight:500;letter-spacing:.02em}
.ps2 .pm.cardb svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:1.6}
.ps2 .fine{margin-top:12px;text-align:center;font-size:11px;line-height:1.6;color:var(--ink3)}
@media (max-width:560px){.ps2 .areas{grid-template-columns:repeat(3,1fr)}}
.ps2 .pays{align-items:stretch}.ps2 .pays .pm{margin:0}.ps2 .pm .al{width:18px;height:18px;margin-top:-3px}
.ps2 .ar svg{overflow:visible}
.dlines{min-height:0;gap:7px}
.tab{position:relative;display:grid;grid-template-columns:44px 1fr auto auto;align-items:center;gap:14px;padding:10px 14px 10px 10px;border-radius:14px;background:linear-gradient(90deg,#fff,#fffdf8);border:1px solid rgba(201,162,74,.28);box-shadow:0 1px 0 rgba(255,255,255,.9) inset;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s,filter .6s,box-shadow .5s}
.tab:before{content:"";position:absolute;left:62px;top:10px;bottom:10px;width:1px;background:linear-gradient(180deg,transparent,rgba(201,162,74,.5),transparent)}
.tab.in{opacity:1;transform:none}
.tab .tn{position:relative;width:38px;height:38px;border-radius:50%;border:1.3px solid var(--gold);display:grid;place-items:center;background:#fff;box-shadow:0 0 0 3px rgba(201,162,74,.08)}
.tab .tn i{position:absolute;inset:4px;border-radius:50%;border:1px dashed rgba(201,162,74,.5)}
.tab .tn b{font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--ink2)}
.tab .tn:after{content:"";position:absolute;right:-1px;top:-1px;width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px rgba(201,162,74,.18)}
.tab .tt{padding-left:10px;min-width:0}
.tab .tt b{display:block;font-family:"Cormorant Garamond","Noto Serif SC",serif;font-weight:600;font-size:18px;line-height:1.15;color:var(--ink);letter-spacing:.01em}
.tab .tt small{display:block;margin-top:2px;font-size:12px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tab .ta{display:flex;gap:10px}
.tab .ta span{display:flex;flex-direction:column;align-items:center;gap:2px}
.tab .ta svg{width:16px;height:16px;fill:none;stroke:var(--gold);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.tab .ta em{font-style:normal;font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--ink3);text-transform:uppercase}
.tab .tg{font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--gold);border:1px solid var(--gold2);border-radius:999px;padding:3px 8px}
.tab.lock{filter:blur(3px)}
.tab.lock.open{filter:none;box-shadow:0 10px 26px rgba(201,162,74,.16);border-color:rgba(201,162,74,.6)}
.dover{top:112px}
.dover .veil{background:radial-gradient(120% 140% at 50% 40%,rgba(252,249,241,.94),rgba(248,243,230,.9));box-shadow:inset 0 0 0 1px rgba(201,162,74,.45),inset 0 0 40px rgba(201,162,74,.12)}
.dover .veil:before{border-color:rgba(201,162,74,.35)}
.dover .field{position:absolute;inset:0;width:100%;height:100%;border-radius:16px;pointer-events:none}
.sealrow{gap:30px}
.mandala{width:168px;height:168px}
.mandala .seal{width:54px;height:54px;margin:-27px 0 0 -27px}
.stx .q{font-family:"Cormorant Garamond","Noto Serif SC",serif;font-weight:600;font-size:24px}
.stx .w{font-size:13px;color:var(--ink2);font-style:italic;font-family:"Cormorant Garamond","Noto Serif SC",serif}
.sealbtn{flex-direction:row;padding:11px 18px 11px 14px;background:linear-gradient(180deg,#fff,#fbf6ea);border-color:#B8872E}
.sealbtn span{font-family:"Cormorant Garamond","Noto Serif SC",serif;font-weight:600;font-size:17px;letter-spacing:.04em;color:var(--ink)}
.sealbtn small{font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--ink3);margin-left:6px}
.sealbtn i{width:16px;height:16px}
a.sealbtn{text-decoration:none;white-space:nowrap}
.stx .q{text-wrap:balance}
html[lang=zh-CN] .stx .q{word-break:keep-all}
.ps2 .ar .tell{font-style:italic;font-family:"Cormorant Garamond","Noto Serif SC",serif;font-size:13px;line-height:1.25;color:var(--ink2);margin:2px 0 4px;min-height:32px}
.ps2 .areas{gap:8px}.ps2 .ar{padding:12px 6px 10px}

.paysheet.ex{width:min(600px,94vw);max-height:92vh;overflow-y:auto;padding:0 28px 22px;scrollbar-width:thin;background:linear-gradient(180deg,#fffdf8,#fff 220px)}
.ex .xhd{position:relative;text-align:center;padding:26px 10px 6px;margin:0 -28px;background:radial-gradient(90% 100% at 50% 0%,rgba(201,162,74,.14),rgba(201,162,74,0) 70%)}
.ex .xfield{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.ex .x{position:absolute;right:16px;top:14px;z-index:2}
.ex .xmini{position:relative;width:104px;height:104px;margin:0 auto 10px}
.ex .xmini .mandala{width:104px;height:104px}
.ex .xmini .mandala .seal{width:40px;height:40px;margin:-20px 0 0 -20px;transform:rotate(-4deg)}
.ex .kick{position:relative;font-family:var(--mono);font-size:10px;letter-spacing:.26em;color:var(--bronze)}
.ex h4{position:relative;margin:6px 0 0;font-family:"Cormorant Garamond","Noto Serif SC",serif;font-weight:600;font-size:30px;line-height:1.1}
.ex .sub{position:relative;margin:6px auto 0;max-width:420px;font-family:"Cormorant Garamond","Noto Serif SC",serif;font-style:italic;font-size:16px;color:var(--ink2)}
.ex .lbl{font-family:var(--mono);font-size:10px;letter-spacing:.22em;color:var(--ink3);margin:22px 0 10px}
.ex .areas{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.ex .ar{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:14px 6px 10px;border-radius:16px;border:1px solid rgba(201,162,74,.3);background:#fff}
.ex .ar svg{width:22px;height:22px;fill:none;stroke:var(--gold);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin-bottom:4px}
.ex .ar b{font-size:12.5px;font-weight:500;line-height:1.2}
.ex .ar .tell{font-style:italic;font-family:"Cormorant Garamond","Noto Serif SC",serif;font-size:13px;line-height:1.25;color:var(--ink2);margin:3px 0 5px;min-height:32px}
.ex .ar em{font-style:normal;font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--gold)}
.ex .ar.s{border-color:rgba(201,162,74,.45);background:#fff}
.ex .ar.s:after{content:"";position:absolute;right:8px;top:8px;width:8px;height:8px;border-radius:2px;background:var(--verm);transform:rotate(-4deg)}
.ex .peek{position:relative;padding:16px 18px;border-radius:18px;background:#fff;border:1px solid rgba(201,162,74,.45);box-shadow:0 14px 34px rgba(201,162,74,.12)}
.ex .peek:before{content:"";position:absolute;inset:5px;border-radius:14px;border:1px dashed rgba(201,162,74,.25);pointer-events:none}
.ex .pk-h{display:flex;align-items:center;gap:12px}
.ex .pk-n{flex:none;width:36px;height:36px;border-radius:50%;border:1.3px solid var(--gold);display:grid;place-items:center;font-family:var(--mono);font-size:10px;color:var(--ink2);position:relative}
.ex .pk-n:after{content:"";position:absolute;right:-1px;top:-1px;width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px rgba(201,162,74,.18)}
.ex .pk-h b{display:block;font-family:"Cormorant Garamond","Noto Serif SC",serif;font-weight:600;font-size:20px;line-height:1.1}
.ex .pk-h small{font-size:12px;color:var(--ink3)}
.ex .pk-s{margin-left:auto;font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--gold);text-align:right;max-width:130px}
.ex .peek p{margin:10px 0 0;font-family:"Cormorant Garamond","Noto Serif SC",serif;font-size:16px;line-height:1.5;color:var(--ink)}
.ex .pk-r{margin-top:10px;display:grid;gap:7px}
.ex .pk-r div{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink2)}
.ex .pk-r .vb{flex:none;min-width:44px;height:24px;padding:0 8px;border-radius:7px;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:"Cormorant Garamond","Noto Serif SC",serif;font-weight:600;font-size:13px}
.ex .pk-r em{margin-left:auto;flex:none;font-style:normal;font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--ink3)}
.ex .sc3{margin-top:14px;padding:14px 16px;border-radius:16px;background:linear-gradient(90deg,rgba(201,162,74,.06),rgba(201,162,74,.13));border:1px solid rgba(201,162,74,.3)}
.ex .bar{display:flex;align-items:center;gap:10px;margin-top:8px}
.ex .bar i{flex:1;height:1px;background:linear-gradient(90deg,var(--gold2),var(--gold))}
.ex .seg{display:flex;flex-direction:column;align-items:center}
.ex .seg b{font-family:var(--serif);font-weight:500;font-size:28px;line-height:1;color:var(--ink3)}
.ex .seg small{font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--ink3);margin-top:4px;white-space:nowrap}
.ex .seg.hi b{color:var(--gold);font-size:38px;text-shadow:0 0 18px rgba(255,210,120,.6)}
.ex .note2{margin-top:8px;font-size:11px;color:var(--ink3)}
.ex .ins{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ex .ins div{display:grid;grid-template-columns:28px 1fr;column-gap:10px;align-items:start;padding:12px;border-radius:14px;border:1px solid var(--line);background:#fff}
.ex .ins svg{grid-row:span 2;width:22px;height:22px;fill:none;stroke:var(--gold);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}
.ex .ins b{font-family:"Cormorant Garamond","Noto Serif SC",serif;font-weight:600;font-size:16px;line-height:1.2}
.ex .ins small{font-size:12px;color:var(--ink3);line-height:1.4}
.ex .xcta{margin-top:20px;width:100%;height:52px;border-radius:999px;border:0;background:var(--ink);color:#fff;font-family:"Cormorant Garamond","Noto Serif SC",serif;font-weight:600;font-size:18px;letter-spacing:.02em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}
.ex .xcta .dot{width:8px;height:8px;border-radius:50%;background:#D9B865}
.ex .xfine{margin-top:10px;text-align:center;font-size:12px;color:var(--ink3)}
.ex .xmini,.ex .kick,.ex h4,.ex .sub,.ex .ar,.ex .peek,.ex .sc3,.ex .ins div,.ex .xcta{opacity:0;transform:translateY(10px)}
.ex.in .xmini{animation:stampIn .9s cubic-bezier(.2,.9,.2,1.1) forwards}
.ex.in .kick,.ex.in h4,.ex.in .sub{animation:exup .7s .35s ease forwards}
.ex.in .ar{animation:exup .6s calc(.55s + var(--d) * .08s) ease forwards}
.ex.in .peek{animation:exup .7s 1s ease forwards}
.ex.in .sc3{animation:exup .7s 1.15s ease forwards}
.ex.in .ins div{animation:exup .6s calc(1.3s + var(--d) * .07s) ease forwards}
.ex.in .xcta{animation:exup .6s 1.6s ease forwards}
@keyframes stampIn{0%{opacity:0;transform:scale(1.35)}60%{opacity:1;transform:scale(.96)}100%{opacity:1;transform:none}}
@keyframes exup{to{opacity:1;transform:none}}
@media (max-width:560px){.ex .areas{grid-template-columns:repeat(3,1fr)}.ex .ins{grid-template-columns:1fr}}

.ex .xph{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.ex .xph figure{position:relative;margin:0;border-radius:16px;overflow:hidden;aspect-ratio:16/10;background:#eee;opacity:0;transform:translateY(10px)}
.ex.in .xph figure{animation:exup .7s .45s ease forwards}.ex.in .xph .fa{animation-delay:.6s}
.ex .xph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ex .xph .rg{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;border:1.4px solid #E8C872;box-shadow:0 0 10px rgba(255,214,140,.7)}
.ex .xph .rg:after{content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px rgba(201,162,74,.18)}
.ex .xph .rg.sl:after{width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:1.5px;transform:rotate(-5deg)}
.ex.in .xph .rg{animation:rgp 2.4s ease-in-out infinite}
@keyframes rgp{50%{box-shadow:0 0 0 4px rgba(232,200,114,.25),0 0 14px rgba(255,214,140,.9)}}
.ex .xph figcaption{position:absolute;left:10px;bottom:10px;font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:#fff;background:rgba(21,22,26,.66);padding:5px 9px;border-radius:999px}
.ex .xph .fa img{filter:blur(9px) saturate(.9);transform:scale(1.08)}
.ex .xph .sov{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(252,248,238,.55),rgba(252,248,238,.8));text-align:center}
.ex .xph .sov .mandala{width:74px;height:74px}
.ex .xph .sov .mandala .seal{width:28px;height:28px;margin:-14px 0 0 -14px;transform:rotate(-4deg)}
.ex .xph .sov b{margin-top:4px;font-family:"Cormorant Garamond","Noto Serif SC",serif;font-weight:600;font-size:17px;color:var(--ink)}
.ex .xph .sov small{font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--bronze)}

.tab:not(.in){opacity:1;transform:none;filter:none;background:transparent;border-style:dashed;border-color:rgba(201,162,74,.32);box-shadow:none}
.tab:not(.in):before{opacity:.35}
.tab > *{transition:opacity .5s}
.tab:not(.in) > *{opacity:0}
@media (max-width:560px){
  .tab{grid-template-columns:36px minmax(0,1fr) auto;gap:10px;padding:9px 10px 9px 8px}
  .tab:before{left:52px}
  .tab .tn{width:34px;height:34px}
  .tab .tt{padding-left:6px}
  .tab .tt b{font-size:16px}
  .tab .ta{display:none}
  .sealrow{gap:14px;padding:0 12px}
  .dover .mandala{width:96px;height:96px}
  .dover .mandala .seal{width:34px;height:34px;margin:-17px 0 0 -17px}
  .stx{max-width:calc(100% - 110px)}
  .stx .q{font-size:20px}
  .sealbtn{padding:9px 14px 9px 11px}
  .sealbtn small{display:none}
  a.sealbtn{white-space:normal;max-width:100%}
  .sealbtn span{font-size:15px;letter-spacing:.02em}
}