/* Homepage archive: all rules are scoped to this composition. */
.hero.archive-enabled{min-height:0;padding-top:0;background:none;display:block;overflow:hidden}
.hero.archive-enabled::before{left:calc(50% + 190px);z-index:0;pointer-events:none;opacity:.5}
.archive-enabled .hero-grid{grid-template-columns:minmax(0,1fr) 330px;gap:44px;min-height:680px;align-items:start;position:relative;z-index:2;pointer-events:none}
.archive-enabled .hero-copy{padding:42px 0 0;max-width:none;align-self:start;pointer-events:none}
.archive-enabled .hero-copy>.eyebrow{font-size:9px;letter-spacing:.08em;margin-bottom:18px}
.archive-enabled .hero h1,.hero.archive-enabled h1{font-size:clamp(40px,4.1vw,61px);line-height:1.25;letter-spacing:-.055em}
.archive-enabled .hero-copy h1 br{display:none}
.archive-enabled .hero-intro{font-size:12px;line-height:1.85;max-width:550px;margin-top:15px}
.archive-enabled .hero-intro br{display:none}
.archive-enabled .hero-intro br::after{content:' '}
.archive-enabled .hero-actions{margin-top:20px;gap:23px;pointer-events:auto}
.archive-enabled .hero-actions .button{min-height:40px;font-size:11px;padding:9px 15px}
.archive-enabled .hero-actions .text-link{font-size:11px}
.archive-enabled .rhine-scene{position:absolute;inset:224px auto auto max(48px,calc((100vw - 1320px)/2));width:calc(100% - max(48px,calc((100vw - 1320px)/2))*2);height:420px;min-height:0;z-index:1;pointer-events:auto;touch-action:pan-y}
.archive-enabled .scene-fallback{left:10%;top:250px;font-size:330px;pointer-events:none}
.archive-enabled .scene-caption{left:max(62px,calc((100vw - 1292px)/2));bottom:auto;top:638px;font-size:7px;pointer-events:none;z-index:2}
.archive-enabled .scene-caption::before{width:20px;left:-26px;transform:none}
.archive-enabled .scene-caption span{font-size:7px}
.archive-enabled .hero-file{top:15px;right:max(48px,calc((100vw - 1320px)/2));font-size:7px}
#archive-preview{position:relative;grid-column:2;align-self:center;width:100%;min-width:0;margin:65px 0 38px;pointer-events:auto}
.archive-preview-label{display:flex;justify-content:space-between;align-items:center;font:7px var(--mono);letter-spacing:.06em;color:#686961;margin-bottom:15px}
.archive-live{display:flex;align-items:center;gap:5px;color:#535a42}
.archive-live::before{content:'';display:inline-block;width:4px;height:4px;border-radius:100%;background:#85a324}
.archive-file{position:relative;isolation:isolate;background:linear-gradient(135deg,#faf9f7,#eeede9);border:1px solid #fff;outline:1px solid #c7c4bc8c;box-shadow:0 16px 34px #302f2812;padding:21px;min-height:450px;color:#111214;display:flex;flex-direction:column;overflow:visible}
.archive-file::before{content:'';position:absolute;inset:-9px 9px 9px -9px;border:1px solid #ffffffb3;z-index:-1;pointer-events:none}
.archive-file-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font:6px var(--mono);letter-spacing:.04em;padding-bottom:21px}
.archive-file-top>span:first-child::before{content:'■';font-size:5px;margin-right:5px}
.archive-file-top>span:last-child{white-space:nowrap}
.archive-file-tag{align-self:flex-start;display:inline-block;font:8px var(--mono);letter-spacing:.06em;background:#111214;color:#f6f5f2;padding:4px 7px;line-height:1.25}
.archive-file-identity{display:grid;grid-template-columns:60px minmax(0,1fr);align-items:center;gap:13px;margin:17px 0 19px}
.archive-file-emblem{width:60px;height:74px;flex-shrink:0;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#111214;background:#d5d3cd;border:1px solid #bab8b0}
.archive-file-emblem>span{font:600 30px var(--mono);letter-spacing:-.08em;line-height:1.15}
.archive-file-emblem>small{font:6px var(--mono);letter-spacing:.11em;margin-top:5px}
.archive-file-emblem::after{content:'';position:absolute;inset:0;background-image:radial-gradient(#11121424 .65px,transparent .8px);background-size:4px 4px;pointer-events:none}
.archive-file.is-profile .archive-file-emblem{background:#111214;color:#f6f5f2;border-color:#111214}
.archive-file.is-profile .archive-file-emblem::after{background-image:radial-gradient(#e7e5e166 .65px,transparent .8px)}
.archive-file-emblem svg{position:relative;z-index:1;width:53px;height:53px}
.archive-file-titles{min-width:0}
.archive-file-title{font-size:24px;font-weight:700;letter-spacing:-.035em;line-height:1.35;overflow-wrap:anywhere}
.archive-file.is-profile .archive-file-title{font-size:29px;letter-spacing:0}
.archive-file-en{font:7px var(--mono);color:#77766f;letter-spacing:.045em;margin-top:7px;line-height:1.55;overflow-wrap:anywhere}
.archive-file-ribbon{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#111214;color:#f6f5f2;min-height:37px;padding:7px 10px}
.archive-file-ribbon strong{font-size:12px;line-height:1.45;font-weight:600}
.archive-file-ribbon>span{color:#b9e432;font-size:9px;line-height:1.5;text-align:right;max-width:43%;flex-shrink:0}
.archive-file.is-profile .archive-file-ribbon strong{font:600 24px Montserrat,'Microsoft YaHei',sans-serif;letter-spacing:.05em}
.archive-file-description{padding:18px 0;font-size:11px;line-height:1.95;color:#44463f;overflow-wrap:anywhere}
.archive-file-fields{display:grid;grid-template-columns:59px minmax(0,1fr);gap:9px 12px;margin:0 0 18px;padding-top:15px;border-top:1px solid #bbb8b1;font-size:10px;line-height:1.75}
.archive-file-fields dt{font:7px var(--mono);line-height:1.8;color:#838177;overflow-wrap:anywhere}
.archive-file-fields dd{margin:0;text-align:right;overflow-wrap:anywhere}
.archive-file-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;border-top:1px solid #bbb8b1;padding-top:14px;position:relative;z-index:2}
.archive-file-status{display:flex;align-items:center;gap:6px;font:7px var(--mono);letter-spacing:.04em;line-height:1.6;color:#55594b}
.archive-file-status i{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#b9e432}
.archive-file-open{display:block;background:none;color:#111214;padding:7px 0;font-size:10px;line-height:1.6;border-bottom:1px solid #111214;white-space:nowrap;min-height:32px}
.archive-file-open:hover{color:#5e761f;border-color:#8baf28}
.archive-file-open:focus-visible{outline:2px solid #728d22;outline-offset:4px}
.archive-file-watermark{position:absolute;right:17px;bottom:57px;z-index:-1;font:600 82px Montserrat,sans-serif;line-height:1;letter-spacing:-.08em;color:#11121404;pointer-events:none}
.archive-help{font-size:9px;line-height:1.8;color:#6c6b62;margin-top:13px;letter-spacing:.025em}
.archive-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#archive-index{position:relative;z-index:3;width:min(1320px,calc(100% - 96px));margin:0 auto 25px;min-width:0}
.archive-index-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;font:8px var(--mono);letter-spacing:.04em;color:#737267;margin-bottom:12px}
.archive-index-heading>span:last-child{font-family:var(--sans);font-size:9px;letter-spacing:0}
.archive-index-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}
.archive-index-groups{display:flex;gap:5px;flex-wrap:wrap}
.archive-index-group{font-size:10px;padding:8px 11px;min-height:36px;border:1px solid #c0beb5;color:#616355;background:transparent}
.archive-index-group[aria-pressed='true']{color:#f6f5f2;background:#111214;border-color:#111214}
.archive-index-search{max-width:310px;min-width:170px;width:26%;border:1px solid #b4b2a8;padding:8px 10px;color:#111214;background:#f3f2ed;font-size:10px;min-height:36px;border-radius:0}
.archive-index-search::placeholder{color:#8b8b7c}
.archive-index-list{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;max-height:166px;overflow-y:auto;overscroll-behavior-y:contain;padding:3px 5px 3px 3px;margin:-3px -5px -3px -3px;scrollbar-width:thin;scrollbar-color:#959b85 #d8d8cd}
.archive-index-button{display:flex;align-items:center;gap:8px;background:#eeede7;color:#5d5e53;border:1px solid #c6c4ba;text-align:left;min-width:0;min-height:41px;padding:8px 9px;transition:background .16s,border-color .16s,color .16s}
.archive-index-number{font:7px var(--mono);flex-shrink:0;color:#96978c}
.archive-index-title{font-size:10px;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.archive-index-arrow{font-size:11px;margin-left:auto;flex-shrink:0;color:#7b806b}
.archive-index-button:hover,.archive-index-button.is-selected{background:#e3ebca;border-color:#8a9c61;color:#111214}
.archive-index-button:focus-visible{outline:2px solid #758e26;outline-offset:1px}
.archive-index-button.archive-index-profile{background:#20221c;color:#f6f5f2;border-color:#20221c}
.archive-index-button.archive-index-profile .archive-index-number,.archive-index-button.archive-index-profile .archive-index-arrow{color:#b9e432}
.archive-index-button.archive-index-profile.is-selected{outline:1px solid #a1bd5b;outline-offset:1px;background:#303626}
.archive-index-empty{grid-column:1/-1;font-size:11px;padding:14px;color:#787b6c;border:1px dashed #b8bca9}
.archive-enabled .hero-bottom{margin-top:0;min-height:62px;z-index:3}
.archive-flight-layer{position:fixed;inset:0;pointer-events:none;z-index:1000;isolation:isolate}
.archive-flight-wash{position:absolute;inset:0;background:#e7e5e1c9;backdrop-filter:blur(7px);opacity:0}
.archive-flight-card{position:absolute;left:0;top:0;min-height:450px;max-height:none;transform-origin:50% 50%;will-change:transform,opacity;box-shadow:0 35px 90px #11121435}
.archive-opening .rhine-scene{cursor:progress}
@media(min-width:1600px){.archive-enabled .hero-grid{min-height:720px}.archive-enabled .hero-copy{padding-top:52px}.archive-enabled .rhine-scene{top:245px;height:435px}.archive-enabled .scene-caption{top:677px}}
@media(max-width:1100px){.archive-enabled .hero-grid{grid-template-columns:minmax(0,1fr) 300px;gap:28px;min-height:670px}.archive-enabled .rhine-scene{left:28px;width:calc(100% - 56px);top:235px;height:395px}.hero.archive-enabled h1{font-size:43px}.archive-enabled .hero-copy>.eyebrow{font-size:7px}.archive-enabled .hero-intro{font-size:11px}.archive-enabled .hero-actions{gap:16px}.archive-enabled .hero-actions .button{font-size:10px;gap:14px}.archive-enabled .hero-actions .text-link{font-size:10px;gap:8px}.archive-enabled .scene-caption{top:631px;left:40px}.archive-enabled .hero-file{right:28px}#archive-index{width:calc(100% - 56px)}.archive-file{padding:18px}.archive-file-top{font-size:5.5px}.archive-file-title{font-size:22px}.archive-file-identity{grid-template-columns:54px minmax(0,1fr);gap:11px}.archive-file-emblem{width:54px;height:68px}.archive-file.is-profile .archive-file-title{font-size:27px}.archive-index-list{grid-template-columns:repeat(5,minmax(0,1fr));max-height:180px}}
@media(max-width:760px){.hero.archive-enabled{display:flex;flex-direction:column;overflow:hidden}.archive-enabled .hero-grid{display:contents}.archive-enabled .hero-copy{order:1;padding:44px 0 0;width:calc(100% - 40px);max-width:none;margin-inline:auto}.hero.archive-enabled h1{font-size:clamp(39px,7.4vw,57px);line-height:1.3}.archive-enabled .hero-copy>.eyebrow{font-size:8px;line-height:1.7;margin-bottom:18px}.archive-enabled .hero-intro{font-size:12px;max-width:560px;margin-top:16px}.archive-enabled .hero-actions{margin-top:18px;gap:22px}.archive-enabled .hero-actions .button{font-size:11px;min-height:40px}.archive-enabled .hero-actions .text-link{font-size:11px}.archive-enabled .rhine-scene{position:relative;inset:auto;order:2;width:calc(100% - 24px);height:350px;min-height:0;margin:14px auto 0;z-index:1}.archive-enabled .scene-fallback{order:2;position:absolute;left:8%;top:250px;font-size:330px}.archive-enabled .scene-caption{display:none}.archive-enabled .hero-file{right:20px;top:15px;font-size:6px}#archive-preview{order:3;grid-column:auto;width:calc(100% - 40px);max-width:520px;align-self:center;margin:0 auto 23px}.archive-preview-label{font-size:8px;margin-bottom:16px}.archive-file{padding:22px;min-height:420px}.archive-file-top{font-size:7px}.archive-file-identity{grid-template-columns:64px minmax(0,1fr);gap:15px}.archive-file-emblem{width:64px;height:75px}.archive-file-title{font-size:25px}.archive-file.is-profile .archive-file-title{font-size:29px}.archive-file-en{font-size:8px}.archive-file-description{font-size:12px;padding:16px 0}.archive-file-fields{font-size:11px}.archive-file-fields dt{font-size:8px}.archive-file-open{font-size:11px}.archive-file-status{font-size:8px}.archive-help{font-size:10px}.archive-file-ribbon strong{font-size:13px}.archive-file-ribbon>span{font-size:10px}#archive-index{order:4;width:calc(100% - 40px);margin:0 auto 24px}.archive-index-heading{font-size:7px}.archive-index-heading>span:last-child{font-size:8px}.archive-index-controls{align-items:stretch;flex-direction:column;gap:10px}.archive-index-group{min-height:40px;font-size:10px;flex:1;padding-inline:10px}.archive-index-groups{flex-wrap:nowrap}.archive-index-search{width:100%;max-width:none;min-height:40px;font-size:11px}.archive-index-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;max-height:194px}.archive-index-button{min-height:44px;padding:8px;gap:6px}.archive-index-title{font-size:10px}.archive-index-arrow{display:none}.archive-index-number{font-size:7px}.archive-enabled .hero-bottom{order:5;width:calc(100% - 40px);padding:15px 0;min-height:62px;gap:12px}.archive-enabled .hero-bottom p{font-size:8px}.archive-enabled .hero-bottom .scroll-cue{display:none}}
@media(max-width:380px){.hero.archive-enabled h1{font-size:37px}.archive-enabled .hero-copy>.eyebrow{font-size:7px}.archive-enabled .rhine-scene{height:310px}.archive-file{padding:18px}.archive-file-title{font-size:23px}.archive-file-top{font-size:6px}.archive-file-identity{grid-template-columns:58px minmax(0,1fr);gap:12px}.archive-file-emblem{width:58px;height:70px}.archive-index-title{font-size:9px}.archive-index-button{padding:7px 6px;gap:5px}.archive-index-group{font-size:9px;padding-inline:5px}.archive-index-heading>span:last-child{font-size:7px}.archive-index-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:194px}}
@media(prefers-reduced-motion:reduce){.archive-flight-layer{display:none}.archive-index-button{transition:none}}

.archive-file.is-news .archive-file-description::before{content:"HOOK / 选题切入点";display:block;font:7px var(--mono);letter-spacing:.05em;color:#868779;margin-bottom:6px}.archive-file.is-news .archive-file-title{font-size:22px}.archive-file.is-news .archive-file-fields{grid-template-columns:60px minmax(0,1fr)}

/* An unselected preview keeps its column and measured height, preventing scene/index jumps. */
.hero.archive-enabled #archive-preview{visibility:hidden;opacity:0;pointer-events:none;transition:opacity 120ms ease,visibility 0s linear 120ms}
.hero.archive-enabled #archive-preview.is-visible{visibility:visible;opacity:1;pointer-events:auto;transition:opacity 120ms ease,visibility 0s}
@media(prefers-reduced-motion:reduce){.hero.archive-enabled #archive-preview{transition:none}}

/* A quiet leader links the selected physical card to its archive summary. */
.hero.archive-enabled .archive-connector{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:2;pointer-events:none;visibility:hidden;opacity:0;overflow:hidden}
.hero.archive-enabled .archive-connector.is-visible{visibility:visible;opacity:1}
.archive-connector-path{fill:none;stroke:#6b6c5b;stroke-width:1;stroke-opacity:.6;stroke-linecap:butt;stroke-linejoin:miter}
.archive-connector-start{fill:#ff7b00;fill-opacity:.8}
.archive-connector-end{fill:#a8c935}
.archive-enabled .hero-grid,.archive-enabled .hero-copy,.archive-enabled .scene-caption{z-index:3}
.hero.archive-enabled #archive-preview{z-index:3}