:root{--paper:#F7F7EE;--ink:#292919;--ink2:#6b6b58;--line:rgba(41,41,25,.18);--accent:#292919;
--serif:"Songti SC","STSong","Noto Serif SC","Noto Serif CJK SC",SimSun,serif;--sans:-apple-system,"PingFang SC","Noto Sans SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif;
--rail:136px;--pad:24px;--r:2px;--imgf:none}
[data-el=木]{--accent:#3F7D52}[data-el=火]{--accent:#B5452B}[data-el=土]{--accent:#A9832B}[data-el=金]{--accent:#7E8288}[data-el=水]{--accent:#2F4A7A}
[data-theme=night]{--paper:#101311;--ink:#EFEBDD;--ink2:#9b9b8c;--line:rgba(239,235,221,.2);--imgf:brightness(.8) contrast(1.06)}
[data-theme=night]:not([data-el]){--accent:#EFEBDD}
*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden}
body{background:var(--paper);color:var(--ink);font:14px/1.7 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}i,em{font-style:normal}
.lab{font-size:12px;letter-spacing:.2em;color:var(--ink2)}
.top{height:72px;display:flex;align-items:center;gap:48px;padding:0 24px;position:relative;z-index:10}
.logo{font:700 18px var(--serif)}.logo i{color:var(--accent)}
.top nav{display:flex;gap:24px;flex:1}.top nav a.on{border-bottom:1px solid var(--ink)}
.pill{border:1px solid var(--line);border-radius:99px;height:32px;padding:0 16px;font-size:12px;letter-spacing:.1em;background:none;display:inline-flex;align-items:center}
.wrap{padding:0 24px 0 var(--rail)}
.rail{position:fixed;left:24px;top:50%;transform:translateY(-50%);width:88px;display:flex;flex-direction:column;gap:8px;z-index:9}
.rail .h{font-size:12px;letter-spacing:.2em;color:var(--ink2);border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:8px}
.rail a{display:flex;justify-content:space-between;color:var(--ink2);opacity:.6}.rail a.on{opacity:1;color:var(--ink);font-weight:700}.rail a small{font-family:var(--serif);font-size:12px}.rail a.on small{color:var(--accent)}
h1{font:700 clamp(96px,11vw,160px)/.9 var(--serif);letter-spacing:-.03em;margin-left:-.04em}
h1 i,h2 i{font-weight:400;color:var(--accent)}
h2{font:700 72px/.95 var(--serif);letter-spacing:-.03em;margin-bottom:48px}
h3{font:700 32px/1.2 var(--serif);letter-spacing:-.01em}
.ch{padding-top:192px}
.chead{display:flex;gap:16px;align-items:baseline;border-top:1px solid var(--ink);padding-top:16px;margin-bottom:48px}
.chead .no{font:700 14px var(--serif);color:var(--accent)}.chead .lab{flex:1}.chead .meta{font-size:12px;color:var(--ink2)}
.lead{font-size:18px;line-height:1.8;max-width:28em}.mute{color:var(--ink2)}
.btn{height:44px;padding:0 24px;border-radius:var(--r);border:1px solid var(--ink);background:var(--ink);color:var(--paper);letter-spacing:.08em;display:inline-flex;align-items:center;cursor:pointer}
.btn.acc{background:var(--accent);border-color:var(--accent);color:#fff}.btn.ghost{background:none;color:var(--ink);border-color:var(--line)}
.grid{display:grid;gap:24px}.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.g5{grid-template-columns:repeat(5,1fr)}
.cell{border-top:1px solid var(--line);padding-top:16px}.cell.on{border-top:2px solid var(--accent);margin-top:-1px}
.big{font:700 72px/1 var(--serif);letter-spacing:-.04em}.huge{font:700 clamp(96px,11vw,160px)/.98 var(--serif);letter-spacing:-.03em}
.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:8px}
.frame{border:1px solid var(--ink);position:relative}
.foot{margin-top:192px;border-top:1px solid var(--ink);padding:48px 24px 96px var(--rail);display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px;font-size:12px;color:var(--ink2)}
.foot b{display:block;color:var(--ink);font:700 18px var(--serif);margin-bottom:16px}.foot a{display:block;line-height:2}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s,transform .9s cubic-bezier(.2,.6,.2,1)}.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.mnav{display:none}
@media (max-width:760px){:root{--rail:16px;--pad:16px}.wrap{padding:0 16px}.rail,.top nav{display:none}
h1,.huge{font-size:96px}h2,.big{font-size:48px}.ch{padding-top:96px}.g3,.g4,.g5{grid-template-columns:1fr 1fr}.g2{grid-template-columns:1fr}
.foot{grid-template-columns:1fr 1fr;padding:48px 16px 120px}
.mnav{display:flex;position:fixed;bottom:0;left:0;right:0;height:56px;background:var(--paper);border-top:1px solid var(--line);z-index:20;justify-content:space-around;align-items:center;font-size:12px;letter-spacing:.1em}.mnav a.on{color:var(--accent);font-weight:700}}

/* ===== 辅助元素系统 v1 ===== */
:root{--gold:#B89B5E;--gold2:#D9C48F;--seal:#A8322A;--mist:rgba(184,155,94,.18)}
[data-theme=night]{--gold:#CDB57A;--gold2:#E6D6A4;--mist:rgba(205,181,122,.16)}
/* E1 纸纹：全站极淡噪点 */
body.grain::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.07;mix-blend-mode:multiply;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .16 0 0 0 0 .16 0 0 0 0 .1 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E")}
[data-theme=night] body.grain::before{mix-blend-mode:screen;opacity:.05}
/* E2 晕染：主色水墨洇开（SVG滤镜，见 #inkf） */
.wash{position:absolute;pointer-events:none;z-index:0;filter:url(#inkf);opacity:.16;border-radius:50%;background:radial-gradient(closest-side,var(--accent),transparent)}
/* E3 光晕：淡金月晕 */
.halo{position:absolute;pointer-events:none;border-radius:50%;z-index:0;background:radial-gradient(closest-side,rgba(255,250,235,.95),var(--mist) 55%,transparent 72%)}
[data-theme=night] .halo{background:radial-gradient(closest-side,rgba(230,214,164,.38),rgba(205,181,122,.12) 50%,transparent 72%)}
.moon{position:absolute;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 38% 36%,#fffaf0,var(--gold2) 60%,var(--gold) 100%);box-shadow:0 0 120px 40px var(--mist)}
.moon.dark::after{content:"";position:absolute;inset:-2px;border-radius:50%;background:var(--paper);transform:translate(22%,-8%)}
/* E4 分隔线：刻度尺（星度） */
.rule{height:24px;margin:96px 0 0;position:relative;color:var(--ink2);
background:linear-gradient(var(--line),var(--line)) 0 50%/100% 1px no-repeat,repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 16px) 0 50%/100% 6px no-repeat,repeating-linear-gradient(90deg,var(--ink2) 0 1px,transparent 1px 160px) 0 50%/100% 12px no-repeat}
.rule span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--paper);padding:0 16px;font:12px var(--serif);letter-spacing:.4em}
/* E5 章节序号：描边大宋体 */
.numeral{font:700 160px/.8 var(--serif);color:transparent;-webkit-text-stroke:1px var(--ink2);opacity:.55;letter-spacing:-.04em;position:absolute;right:0;top:120px;pointer-events:none;z-index:0}
.ch{position:relative}
/* E7 四柱：竖排书页 */
.pl{position:relative}.pl .vert{position:absolute;right:0;top:40px;writing-mode:vertical-rl;font:12px var(--serif);letter-spacing:.5em;color:var(--ink2);border-left:1px solid var(--line);padding-left:6px;height:220px}
.pl.on{background:linear-gradient(to bottom,color-mix(in srgb,var(--accent) 7%,transparent),transparent 70%)}
/* E8 线条绘制动画 */
.draw path,.draw circle,.draw line,.draw polyline{stroke-dasharray:var(--len,1600);stroke-dashoffset:var(--len,1600);transition:stroke-dashoffset 2.6s cubic-bezier(.4,.1,.2,1)}
.draw.in path,.draw.in circle,.draw.in line,.draw.in polyline{stroke-dashoffset:0}
.spin{animation:sp 240s linear infinite;transform-origin:50% 50%}@keyframes sp{to{transform:rotate(360deg)}}
.ico{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.rh,.ha,.hb,.hc,.hd{overflow-x:clip}body{overflow-x:clip}

/* ===== 默认字体与排版精修（2026-10-12）。依赖 fonts/fonts.css 的 @font-face；?font=A..D 仍可覆盖 ===== */
:root{
 --serif:"FX Latin","FX Black","Songti SC",serif;          /* 标题：思源宋 Black + Cormorant */
 --serif-m:"FX Latin","FX Serif","Songti SC",serif;              /* 小标题 h3：思源宋 SemiBold */
 --read:"FX Latin","FX Kai","Kaiti SC",serif;                    /* 阅读/解读：霞鹜文楷 + EB Garamond */
 --sans:-apple-system,"PingFang SC","Microsoft YaHei","FX Serif","PingFang SC",sans-serif;              /* 界面：Inter + 思源宋 Regular */
 --label:-apple-system,"PingFang SC","Microsoft YaHei","FX Serif",sans-serif;
 --num:"FX Latin";
 --ink2:#5f5f4d;--line:rgba(41,41,25,.16);--line2:rgba(41,41,25,.32)}
[data-theme=night]{--ink2:#a7a796;--line:rgba(239,235,221,.16);--line2:rgba(239,235,221,.34)}
[data-theme=night][data-el=水]{--accent:#6F8DC2}[data-theme=night][data-el=木]{--accent:#6FA982}[data-theme=night][data-el=火]{--accent:#D9694D}[data-theme=night][data-el=金]{--accent:#A9AEB5}[data-theme=night][data-el=土]{--accent:#C9A44A}
html{font-synthesis:none;text-spacing-trim:trim-start;text-autospace:normal;hanging-punctuation:allow-end;-webkit-text-size-adjust:100%}
body{font:15px/1.75 var(--sans);font-feature-settings:"kern","palt" 0;font-variant-numeric:oldstyle-nums proportional-nums}
p,li,.lead,.rd p{text-wrap:pretty;line-break:strict;word-break:normal}
h1,h2,h3,.qr,.lead{text-wrap:balance}
/* —— 标题：视觉收紧，Black 中文字距 -.02em，英文斜体用 Cormorant —— */
h1{font-weight:900;line-height:.92;letter-spacing:-.035em;margin-left:-.06em}
h2{font-weight:900;font-size:72px;line-height:1.04;letter-spacing:-.03em;margin-bottom:48px}
h1 i,h2 i{font-weight:900}
h3{font:600 28px/1.25 var(--serif-m);letter-spacing:0}
.huge,.big{font-weight:900}.logo{font:700 20px/1 var(--serif);letter-spacing:-.01em}
.numeral{font-weight:900}
/* —— 标签 / eyebrow：Inter 大写 11px，字距 .16em，中文跟随思源宋 —— */
.lab,.chead .meta,.rail .h,.cap,.k{font-family:var(--label);font-size:11px;line-height:16px;letter-spacing:.16em;text-transform:uppercase;font-variant-numeric:lining-nums tabular-nums;color:var(--ink2)}
.chead{border-top:1px solid var(--ink);padding-top:16px;margin-bottom:48px;align-items:baseline}
.chead .no{font:900 16px/16px var(--serif);min-width:24px}
.chead .meta{letter-spacing:.08em;text-transform:none}
/* —— 正文 / 阅读 —— */
.lead{font:400 18px/1.8 var(--read);max-width:24em;letter-spacing:.01em}
.rd p{font:400 18px/1.9 var(--read);max-width:34em;letter-spacing:.02em}
.rd{padding:32px 0 56px}.rd h3{margin-top:8px}
.rd .src{font-family:var(--sans);font-size:12px;line-height:20px;margin-top:16px;padding-left:12px;border-left:1px solid var(--line2);max-width:40em}
.qr{font:500 30px/1.6 var(--read);max-width:20em;padding-left:24px;letter-spacing:.01em;hanging-punctuation:first allow-end}
.mute{color:var(--ink2)}
/* —— 数字：表格/日期用 EB Garamond 等高等宽，正文用旧式 —— */
.dy,.dl,.cap,.stack+.grid,.big,.pill,.btn,.mnav,.lb{font-variant-numeric:lining-nums tabular-nums}
.dy span{font-family:var(--num),var(--sans);font-size:13px;line-height:20px}
.dy b{font:900 32px/1.15 var(--serif)}
.big{font-family:"FX Latin",var(--serif);font-weight:500;letter-spacing:-.02em}
.dl div{padding:12px 0;border-top:1px solid var(--line)}.dl b{font-weight:600}
/* —— 导航、按钮、控件：44px 触控，hover/focus/active —— */
.top{height:72px}.top nav a{padding:12px 0;line-height:20px;border-bottom:1px solid transparent;transition:border-color .2s}.top nav a:hover{border-bottom-color:var(--line2)}.top nav a.on{border-bottom-color:var(--ink)}
.pill{height:36px;padding:0 16px;font:500 12px/1 var(--sans);letter-spacing:.06em;border-color:var(--line2);cursor:pointer}
.pill:hover{border-color:var(--ink)}
.btn{height:48px;padding:0 24px;font:500 14px/1 var(--sans);letter-spacing:.08em;transition:background .2s,border-color .2s,transform .1s,opacity .2s}
.btn:hover{opacity:.88}.btn:active{transform:translateY(1px)}.btn.ghost{border-color:var(--line2)}.btn.ghost:hover{border-color:var(--ink);opacity:1}
a:focus-visible,button:focus-visible,.btn:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
[data-theme=night] .btn:not(.ghost):not(.acc){background:var(--ink);color:#101311}
.rail a{min-height:24px;line-height:24px;font-size:13px}
/* —— 分隔线：章节 1px 墨色、格内 1px 淡线、选中 2px 主色 —— */
.cell{border-top:1px solid var(--line2)}.frame{border-color:var(--line2)}
/* —— 首页 —— */
.ha .t{padding:24px 24px 48px 0}.ha .t .lead{max-width:22em}
.ha figcaption{font-family:var(--label);font-size:11px;letter-spacing:.12em}.ha figcaption em{font:900 18px/1 var(--serif);letter-spacing:0}
.ha figcaption b{font-weight:900}
.dm .n b{font:900 32px/1 var(--serif)}.dm .n span{font-size:12px}
.gt span{height:44px;line-height:44px;min-width:64px;text-align:center}
/* —— 结果页首屏：文字列与人物分开，副标题不压脸 —— */
.rh .t{width:38%}.rh .t .lead{max-width:16em}.rh h3{font-size:32px}
.rh .t>div:last-child{position:relative;z-index:3}
.rh .cap{font-size:11px}
/* —— 输入页 —— */
.f label{font-family:var(--label);font-size:11px;letter-spacing:.16em}
.f input,.f select{font:400 18px/1.4 var(--sans);height:48px}
.seg span{height:48px;line-height:48px;cursor:pointer}.note{line-height:20px}
.ib .art .q{font:900 64px/1.05 var(--serif);letter-spacing:-.03em}
/* —— 页脚 —— */
.foot{font-size:13px;line-height:22px}.foot a{line-height:32px}
/* ========= 手机 ========= */
@media(max-width:760px){
 body{font-size:15px}
 h1{font-size:88px;line-height:.95}h2{font-size:44px;line-height:1.1;margin-bottom:32px}h3{font-size:24px}
 .ha h1{font-size:72px!important;white-space:normal!important}
 .rh h1{font-size:96px}.rh .t{width:100%}.rh .t .lead{max-width:none}
 .huge{font-size:88px}.big{font-size:48px}
 .lead{font-size:17px}.rd p{font-size:17px;line-height:1.85}.qr{font-size:22px;line-height:1.6;margin-bottom:56px!important}
 .ch{padding-top:96px}.chead{margin-bottom:32px}
 .pill{height:44px;padding:0 16px}.top{gap:16px;padding:0 16px}
 .btn{height:48px;flex:1;justify-content:center;padding:0 16px}
 .mnav{height:64px;padding-bottom:env(safe-area-inset-bottom)}.mnav a{flex:1;height:100%;display:flex;align-items:center;justify-content:center}
 .dy span{font-size:12px}
 .ib .art .q{font-size:44px}
 .foot{padding-bottom:128px}
}
/* —— 第二轮：章节大序号不压 meta；手机首页标题行距、长卷说明 —— */
.ch{position:relative}.ch>.numeral{top:16px;right:0;font-size:144px;line-height:1;z-index:0}
.chead,.ch>*:not(.numeral){position:relative;z-index:1}
@media(max-width:760px){
 .ch>.numeral{font-size:80px;top:8px}
 .ha h1{line-height:1.04!important;margin:16px 0 24px -.04em}
 .ha .t{gap:0}
 .ha figcaption{padding:8px 0}.ha figcaption span{display:none}.ha figure.x figcaption span{display:block;white-space:nowrap}
 .ha figcaption b{font-size:22px}
}
.qr,h1,h2,h3,.lead{word-break:keep-all;overflow-wrap:anywhere}
/* —— 第三轮：输入页手机端引言不压脸；手机顶栏按钮靠右 —— */
@media(max-width:760px){
 .top a.pill{margin-left:auto}
 .ib .art{height:280px}.ib .art img{width:64%;right:-4%;top:0}
 body .ib .art .q{font-size:30px;line-height:1.2;left:0;bottom:24px;max-width:none}
}
br.mb{display:none}@media(max-width:760px){br.mb{display:inline}}
@media(max-width:760px){body .ib .art .q{display:none}.ib .art{height:240px}.ib .art img{width:72%;right:14%}}


.hhero{height:clamp(600px,calc(100vh - 96px),840px);margin-top:0;display:grid;grid-template-columns:35% 65%;overflow:visible}
.hhero .t{padding:24px;display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:3}
.hhero .im{position:relative}
.hhero .im img{position:absolute;right:-24px;top:-72px;width:150%;height:auto;filter:var(--imgf);-webkit-mask-image:linear-gradient(to right,transparent,#000 40%),linear-gradient(to bottom,#000 70%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 40%),linear-gradient(to bottom,#000 70%,transparent);mask-composite:intersect;animation:rv 2s cubic-bezier(.2,.6,.2,1) both}
@keyframes rv{from{opacity:0;transform:translateY(16px)}}
.mods a{display:block;border-top:1px solid var(--line);padding:16px 0 24px;transition:border-color .3s}.mods a:hover{border-top-color:var(--ink)}
.mods .mo{height:220px;display:flex;align-items:center;justify-content:center;margin:24px 0;border:1px solid var(--line);border-radius:2px;overflow:hidden}
.mods svg{width:70%;height:80%;stroke:var(--ink);fill:none;stroke-width:1}
.dm{display:grid;grid-template-columns:repeat(10,1fr);gap:8px}.dm div{border-top:2px solid var(--c);padding-top:8px}.dm b{font:700 32px var(--serif);display:block}.dm span{font-size:12px;color:var(--ink2)}
@media(max-width:760px){.hhero{grid-template-columns:1fr;height:auto}.hhero .im{height:420px;order:-1}.hhero .im img{right:-16px;top:0;width:150%;height:auto}.dm{grid-template-columns:repeat(5,1fr)}}
.ha{position:relative;height:clamp(640px,calc(100vh - 80px),860px);display:grid;grid-template-columns:35% 65%;border-bottom:1px solid var(--ink)}
.ha .t{padding:24px 24px 48px 0;display:flex;flex-direction:column;justify-content:space-between;z-index:3}
.ha .strip{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-right:-24px;padding-bottom:0;position:relative;z-index:2}
.ha .strip figure{position:relative;overflow:hidden;border-top:3px solid var(--c);display:flex;flex-direction:column}
.ha .strip figure:nth-child(even){margin-top:72px}
.ha .strip img{flex:1;width:100%;min-height:0;object-fit:cover;object-position:50% 15%;filter:var(--imgf)}
.ha figcaption{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0 12px;font-size:12px;letter-spacing:.2em;color:var(--ink2)}.ha figcaption b{font:700 32px/1 var(--serif);color:var(--c)}
@media(max-width:760px){.ha{grid-template-columns:1fr;height:auto}.ha .t{padding:24px 0}.ha .strip{order:-1;height:380px;margin:0 -16px;gap:4px}.ha .strip figure:nth-child(even){margin-top:40px}.ha figcaption{flex-direction:column;align-items:center;font-size:10px}.ha figcaption b{font-size:24px}.ha h1{font-size:88px}}.ha .strip{display:flex;gap:8px}.ha .strip figure{flex:1 1 0;min-width:0;margin:0;transition:flex-grow .6s cubic-bezier(.2,.6,.2,1);cursor:pointer;background:linear-gradient(var(--mist),transparent 60%)}
.ha .strip figure.x{flex-grow:2.4}.ha .strip:hover figure.x:not(:hover){flex-grow:1}.ha .strip figure:hover{flex-grow:2.4}
.ha .strip .im{flex:1;position:relative;overflow:hidden}.ha .strip img{position:absolute;left:50%;top:0;height:100%;width:auto;max-width:none;transform:translateX(-50%);object-fit:initial;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}
.ha figcaption em{font-style:normal;font:700 18px var(--serif);color:var(--ink)}
.gt{display:inline-flex;border:1px solid var(--ink);border-radius:2px;margin:0 0 24px}.gt span{padding:0 20px;height:36px;line-height:36px;cursor:pointer}.gt span.on{background:var(--ink);color:var(--paper)}
.dm{grid-template-columns:repeat(5,1fr);gap:24px 8px}.dm a{display:block;border-top:2px solid var(--c);padding-top:8px}.dm .p{aspect-ratio:1/1;overflow:hidden;position:relative;background:linear-gradient(var(--mist),transparent 70%)}.dm .p img{width:100%;height:auto;display:block;filter:var(--imgf);transition:transform .6s}.dm a:hover img{transform:scale(1.04)}.dm .n{display:flex;justify-content:space-between;align-items:baseline;margin-top:8px}.dm b{color:var(--c)}
@media(max-width:760px){.dm{grid-template-columns:repeat(2,1fr)}.ha .strip figure:hover{flex-grow:1}.ha .strip figure.x,.ha .strip:hover figure.x:not(:hover){flex-grow:2.4}}

:root{--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;--label:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}

.fx-acct{margin-left:auto}.top{gap:32px}.top .pill{cursor:pointer}
.hfoot-note{font-size:12px;color:var(--ink2)}
@media (max-width:760px){.top{gap:12px}.top .pill{padding:0 12px}}
.mods a:nth-child(7):last-child{grid-column:1/-1}.mods a:nth-child(7):last-child .mo{height:180px}
.rz-sub{max-width:640px;margin:-8px 0 20px;color:var(--mute,#777);line-height:1.8}
.rzq{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:flex-end;margin:0 0 20px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.rzq label{display:flex;flex-direction:column;gap:6px;font-size:13px}.rzq input[type=date],.rzq input[type=time]{height:40px;padding:0 10px;border:1px solid var(--line);background:transparent;color:inherit;font:inherit;min-width:150px}
.rzq fieldset{border:0;padding:0;margin:0;display:flex;gap:14px;align-items:center;font-size:14px}.rzq fieldset legend{font-size:13px;float:left;margin-right:6px}.rzq fieldset label{flex-direction:row;align-items:center}
.rzq-out:empty{display:none}.rzq-res{display:flex;gap:20px;align-items:center;margin:0 0 28px;padding:16px 20px;border-left:3px solid var(--c)}.rzq-res>b{font:900 56px/1 var(--serif);color:var(--c)}.rzq-res p{margin:4px 0}.rzq-cta{margin-top:12px!important;display:flex;gap:8px;flex-wrap:wrap}
.dm a{transition:opacity .4s}.dm a.dim{opacity:.35}.dm a.hit{outline:2px solid var(--c);outline-offset:4px}
.dm a.flip .p{animation:rzflip .9s ease}@keyframes rzflip{0%{transform:perspective(600px) rotateY(0)}50%{transform:perspective(600px) rotateY(90deg);filter:brightness(1.6)}100%{transform:perspective(600px) rotateY(0)}}
@media(prefers-reduced-motion:reduce){.dm a.flip .p{animation:none}}
.foot a.lic{font-size:12px;opacity:.6}
/* brand lockup (拨云 FateClear, outlined C1 wordmark; real text kept for a11y/SEO at font-size 0) */
.logo{display:inline-flex;align-items:center;font-size:0!important;line-height:0}.logo i{font-size:0}
.logo::before{content:"";flex:none;width:132px;height:32px;background:url(/brand/lockup-zh-day.svg?v=2) left center/contain no-repeat}
[data-theme=night] .logo::before{background-image:url(/brand/lockup-zh-night.svg?v=2)}
html[lang="zh-Hant"] .logo::before{background-image:url(/brand/lockup-hant-day.svg?v=2)}
html[lang="zh-Hant"][data-theme=night] .logo::before{background-image:url(/brand/lockup-hant-night.svg?v=2)}
html[lang^="en"] .logo::before{width:106px;background-image:url(/brand/lockup-en-day.svg?v=2)}
html[lang^="en"][data-theme=night] .logo::before{background-image:url(/brand/lockup-en-night.svg?v=2)}
@media (max-width:600px){.logo::before{width:116px;height:28px}html[lang^="en"] .logo::before{width:93px}}