/* 画册：作品优先，工作台随后。 */
:root{--paper:#f5f3ed;--ink:#25251f;--muted:#74746b;--line:#d4d2c8;--accent:#bf492d;--serif:"Songti SC","STSong","SimSun",serif}
body{background:var(--paper);font-size:15px}.page-width{width:min(1600px,calc(100% - 112px))}::selection{background:#f0b99e;color:var(--ink)}
a,button,input,select,textarea,summary{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent)}
.masthead{height:116px;border:0}.brand{font-size:36px;letter-spacing:-.08em;font-family:var(--serif);font-weight:650}.brand-description{font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:.07em;margin-top:9px}.masthead nav{gap:30px;font-size:14px}.masthead nav a:last-child{border-bottom:1px solid var(--ink)}.eyebrow{font-size:12px;font-weight:500;letter-spacing:.1em}
.gallery-hero{position:relative;display:grid;grid-template-columns:.87fr 1.13fr;gap:3%;padding-top:42px;padding-bottom:46px}.gallery-hero-copy{z-index:1}.gallery-hero h1{font-size:clamp(70px,7.6vw,120px);font-weight:500;letter-spacing:-.065em;line-height:1.13;margin:39px 0 32px}.gallery-hero h1>span,.gallery-hero h1>em{display:block;white-space:nowrap}.gallery-hero h1 em{font-family:var(--serif);font-weight:500;font-style:normal;color:var(--accent);letter-spacing:-.085em}.hero-bottom{display:flex;gap:28px;align-items:center;justify-content:space-between;max-width:430px}.hero-bottom p{font-size:14px;line-height:1.9;color:var(--muted)}
.hero-work{margin:21px 0 0;padding:0 0 0 12px;position:relative;align-self:center;min-width:0}.hero-work>a{display:block;padding:35px 9px 20px 4px}.hero-work-paper{transform:rotate(-5deg);box-shadow:0 35px 35px -23px #51453355,0 2px 3px #51453316;transition:transform .6s;transform-origin:50% 60%;background:#efe4d2}.hero-work-paper img{display:block;width:100%;height:auto}.hero-work a:hover .hero-work-paper{transform:rotate(-2deg) translateY(-5px)}.hero-work figcaption{display:flex;justify-content:space-between;gap:16px;font-size:12px;line-height:1.8;color:var(--muted);padding:28px 4px 0}.hero-work figcaption b{font-weight:550;color:var(--ink)}.hero-side-note{position:absolute;right:0;top:-25px;font-size:12px;letter-spacing:.12em;color:var(--accent)}.hero-edition{grid-column:1/-1;display:flex;justify-content:space-between;border-bottom:1px solid var(--ink);padding-bottom:19px;margin-top:47px;font-size:12px;color:var(--muted)}.hero-edition span:first-child{color:var(--ink)}
.selected-work{padding-block:85px 94px}.gallery-section-heading{display:grid;grid-template-columns:1fr 1.45fr 1fr;gap:28px;align-items:end;margin-bottom:49px}.gallery-section-heading>.eyebrow{align-self:start;padding-top:9px}.gallery-section-heading h2{font-size:clamp(30px,3.2vw,52px);line-height:1.4;letter-spacing:-.035em;font-weight:500}.gallery-section-heading h2 span{font-family:var(--serif);font-weight:500}.gallery-section-heading>p:last-child{font-size:14px;line-height:1.9;color:var(--muted);justify-self:end}.work-pair{display:grid;grid-template-columns:1.2fr 1fr;gap:6%;align-items:start}.work-card-narrow{padding-top:150px}.work-picture{display:block;position:relative;transition:transform .4s;background:#e6e8e4;padding:34px 24px;overflow:hidden}.work-picture img{display:block;width:100%;height:auto;box-shadow:0 10px 28px -18px #17242377;transition:transform .6s}.device-picture{background:#dce3e5}.river-picture{background:#ccd4e1;padding-block:47px}.work-picture:hover img{transform:scale(1.025)}.picture-open{position:absolute;right:12px;top:10px;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;background:var(--paper);font-size:17px}.work-caption{border-bottom:1px solid var(--line);padding:22px 0 17px}.work-caption h3{font-size:21px;font-weight:500;letter-spacing:-.03em;line-height:1.5}.work-caption p{margin-top:7px;font-size:12px;color:var(--muted)}.work-annotation{font-size:14px;color:var(--muted);margin-top:13px;line-height:1.8}.gallery-note{display:flex;align-items:end;justify-content:space-between;margin-top:50px;gap:24px}.gallery-note p{font-size:14px;line-height:1.85;color:var(--muted)}.gallery-note>a{font-size:14px;border-bottom:1px solid var(--ink);padding-block:8px}.gallery-note>a span{margin-left:28px}
.refinements{padding-block:88px 75px;background:#292b25;color:#efeee5}.refinements .gallery-section-heading>p:last-child{color:#b4b6aa}.refinements .eyebrow{color:#cdb6a7}.refinement-intro{font-family:var(--serif);font-size:25px;line-height:1.8;max-width:28em;margin-left:29.5%;padding:5px 0 34px}.refinement-boundary{font-size:12px;line-height:1.9;color:#b5b8a9;border-top:1px solid #56594b;padding-top:24px;margin-top:25px}.refinement-cases{display:grid;gap:50px}.refinement-card{display:grid;grid-template-columns:1fr 1.7fr;gap:40px;padding-top:30px;border-top:1px solid #56594b}.refinement-card h3{font-size:25px;line-height:1.5;font-weight:500}.refinement-card p{font-size:14px;line-height:1.9;color:#bfc1b7;margin-top:13px}.refinement-card a{font-size:14px;display:inline-block;margin-top:17px;border-bottom:1px solid #969b87;padding-bottom:4px}
.gallery-method{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-block:100px 96px}.gallery-method h2{font-size:clamp(37px,4.3vw,66px);font-family:var(--serif);font-weight:500;line-height:1.4;letter-spacing:-.035em;margin-top:28px}.method-copy{padding-top:52px}.method-copy p{font-size:18px;line-height:1.9;margin-bottom:24px}.method-copy p+p{color:var(--muted);font-size:14px}.method-copy a{font-size:14px;border-bottom:1px solid var(--ink);padding-bottom:7px;display:inline-block;margin-top:5px}
.index-intro{padding-block:24px;font-size:14px}.index-intro strong{font-size:25px}.intro-dot{background:var(--accent)}.index-intro>div{gap:25px}.playground{padding-block:80px 80px}.section-heading h2{font-size:35px}.workbench{background:#fff;border-color:#cbcbbf}.case-sidebar{background:#edece5}.kind-filters button[aria-pressed=true]{background:#ded7c9;color:var(--ink)}.case-item[aria-pressed=true]{background:#30332b}.case-item[aria-pressed=true]:after,.condition-tabs button[aria-pressed=true] span{color:#edc2a5}.case-item:hover{background:#e4e1d7}.case-item[aria-pressed=true]:hover{background:#30332b}.item-meta{font-size:12px;color:#707667}.item-number{color:#7b806f}.item-title{font-size:14px}.case-list{max-height:660px}.preview-stage{background:#e9e9e2}.condition-tabs button[aria-pressed=true]{background:#30332b}.evidence-status{border-left-color:var(--accent);background:#f2f1eb;color:#586050;font-size:14px}.task-details summary{font-size:14px}.preview-caption{font-size:12px;color:#6e7568}.condition-tabs button{font-size:14px}.case-heading #case-brief{font-size:14px}.case-meta{font-size:14px}.search-field input{font-size:14px}.category-field,.category-field select{font-size:14px}.kind-filters button{font-size:12px}.sidebar-note{font-size:12px}.text-link{font-size:14px}.device-switch button{font-size:14px}.evidence-link{font-size:14px}.case-heading h3{font-size:25px}.case-number{color:#d3d4c8}.principles{padding-top:80px;padding-bottom:80px}.principles-title h2{font-size:42px}.principles-title>p:last-child{font-size:14px}.principle-list p{font-size:14px}.principle-list h3{font-size:18px}.principle-list article>span{color:var(--accent)}
.type-playground{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center;padding-block:70px 90px;border-top:1px solid var(--line)}.type-introduction h2{font-family:var(--serif);font-size:44px;line-height:1.4;font-weight:500;margin:23px 0}.type-introduction>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);max-width:27em}.type-introduction>a{display:inline-block;font-size:14px;margin-top:22px;border-bottom:1px solid var(--ink);padding-bottom:5px}.typesetter{box-shadow:none;border-color:#d1d4c6}.typesetter-bar{font-size:14px}.type-canvas{height:290px}.type-composition p{font-size:34px}.type-canvas[data-layout=narrow] .type-composition p{font-size:29px}.composition-caption,.canvas-note,.canvas-corner{font-size:12px}.type-controls label{font-size:14px}.type-controls textarea,.type-controls select{font-size:14px}.composition-index{color:#e8b99d}.demo-badge{font-size:12px}.reading-note{padding-block:32px 45px}.reading-note p{font-size:14px}.reading-note strong{font-size:14px}.get-skill{text-align:center;border-top:1px solid var(--ink);padding-block:80px 86px}.get-skill h2{font-family:var(--serif);font-size:clamp(40px,5vw,76px);line-height:1.4;font-weight:500;letter-spacing:-.035em;margin:26px 0}.get-link{display:inline-flex;align-items:center;gap:70px;border-radius:2px;padding:17px 24px;color:var(--paper);background:var(--accent);font-size:14px}.get-link:hover{background:#9e381f}.get-link span{font-size:21px}.get-skill>p:last-child{font-size:14px;color:var(--muted);margin-top:22px}.footer{padding-block:29px 34px}.footer-brand{font-family:var(--serif);font-size:30px}.footer-brand span{font-size:12px}.footer>p,.footer>a:last-child{font-size:14px}.skip-link{z-index:20;background:var(--ink);color:var(--paper)}
@media(min-width:1700px){.gallery-hero{padding-top:60px}.hero-work{padding-left:40px}.hero-work>a{padding-top:50px}.selected-work{padding-top:110px}}
@media(max-width:1100px){.page-width{width:calc(100% - 64px)}.gallery-hero{grid-template-columns:1fr 1fr;gap:0}.gallery-hero h1{font-size:8.4vw}.hero-work{padding-left:20px}.hero-work>a{padding-block:20px}.hero-work figcaption{display:block;font-size:12px}.hero-work figcaption>span{display:block}.gallery-section-heading{grid-template-columns:.8fr 1.5fr;gap:24px}.gallery-section-heading>p:last-child{grid-column:2;justify-self:start}.work-pair{gap:5%}.work-card-narrow{padding-top:90px}.work-picture{padding:24px 18px}.work-caption h3{font-size:20px}.gallery-method{gap:10%}.method-copy p{font-size:16px}.refinement-intro{margin-left:0}.type-playground{gap:8%}.type-composition p{font-size:28px}.type-canvas[data-layout=narrow] .type-composition p{font-size:26px}.condition-tabs button{font-size:14px}.type-controls{gap:12px}}
@media(max-width:800px){.page-width{width:calc(100% - 40px)}.masthead{height:96px}.brand{font-size:32px}.masthead nav{gap:20px}.masthead nav a:nth-child(2){display:none}.gallery-hero{grid-template-columns:1fr;gap:30px;padding-top:25px;padding-bottom:20px}.gallery-hero h1{font-size:90px;line-height:1.13;margin-top:30px}.hero-bottom{max-width:none}.hero-work{padding:0 15px;margin:7px 0 0}.hero-work>a{padding:25px 3px 15px}.hero-work figcaption{display:flex;justify-content:space-between;padding-top:30px}.hero-side-note{top:-10px}.hero-edition{margin-top:9px}.gallery-section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:35px}.gallery-section-heading>p:last-child{grid-column:auto}.gallery-section-heading h2{font-size:43px}.gallery-section-heading>p:last-child{font-size:14px}.selected-work{padding-block:60px}.work-pair{gap:5%}.work-card-narrow{padding-top:105px}.work-picture{padding:20px 13px}.work-caption h3{font-size:18px}.work-caption p{font-size:12px}.work-annotation{font-size:14px}.gallery-note{margin-top:35px;align-items:start;flex-direction:column;gap:15px}.refinements{padding-block:60px}.refinement-card{grid-template-columns:1fr;gap:23px}.gallery-method{padding-block:65px;gap:7%}.gallery-method h2{font-size:40px}.method-copy{padding-top:34px}.method-copy p{font-size:14px}.method-copy p+p{font-size:14px}.playground{padding-block:60px}.section-heading h2{font-size:31px}.principles-title h2{font-size:35px}.principles{padding-block:55px}.principle-list p{font-size:14px}.principle-list h3{font-size:17px}.type-playground{grid-template-columns:1fr;gap:32px;padding-block:55px}.type-introduction h2{font-size:40px}.type-introduction>p:not(.eyebrow){max-width:35em}.typesetter{max-width:none}.type-canvas{height:310px}.type-composition p{font-size:36px}.get-skill{padding-block:60px}.get-skill h2{font-size:52px}}
@media(max-width:480px){.page-width{width:calc(100% - 36px)}.masthead{height:88px}.brand{font-size:31px}.brand-description{font-size:12px;letter-spacing:.03em}.masthead nav{gap:16px;font-size:14px}.masthead nav a:nth-child(3){display:none}.masthead nav a:last-child{display:block}.gallery-hero{padding-top:24px;gap:27px}.gallery-hero .eyebrow{font-size:12px}.gallery-hero h1{font-size:clamp(58px,18vw,83px);line-height:1.14;letter-spacing:-.06em;margin:25px 0 25px}.gallery-hero h1 em{letter-spacing:-.09em}.hero-bottom p{font-size:14px;line-height:1.8}.hero-work{padding:0 9px;margin-top:0}.hero-work>a{padding-top:20px}.hero-work figcaption{padding-top:25px;gap:8px;display:block;line-height:1.8}.hero-work figcaption>span{display:block}.hero-work figcaption>span+span{margin-top:2px}.hero-side-note{font-size:12px;right:5px;top:-9px}.hero-edition{font-size:12px;gap:10px;margin-top:5px;padding-bottom:17px}.hero-edition span:nth-child(2){display:none}.selected-work{padding-block:50px}.gallery-section-heading{gap:17px;margin-bottom:27px}.gallery-section-heading>.eyebrow{padding-top:0;font-size:12px}.gallery-section-heading h2{font-size:34px;line-height:1.4;letter-spacing:-.035em}.gallery-section-heading>p:last-child{font-size:14px;line-height:1.85}.work-pair{grid-template-columns:1fr;gap:37px}.work-card-narrow{padding-top:0}.work-picture{padding:24px 16px}.river-picture{padding-block:27px}.work-caption{padding:16px 0 13px}.work-caption h3{font-size:21px}.work-caption p{font-size:12px}.work-annotation{font-size:14px;margin-top:11px}.gallery-note{margin-top:34px}.gallery-note p{font-size:14px}.gallery-note>a{font-size:14px}.refinements{padding-block:48px}.refinement-intro{font-size:23px;padding-block:0 18px}.refinement-boundary{font-size:12px}.refinement-card h3{font-size:24px}.gallery-method{grid-template-columns:1fr;padding-block:53px;gap:22px}.gallery-method h2{font-size:42px;margin-top:20px}.method-copy{padding-top:0}.method-copy p{font-size:15px;line-height:1.85;margin-bottom:18px}.method-copy p+p{font-size:14px}.method-copy a{font-size:14px}.index-intro{font-size:12px;gap:15px}.index-intro strong{font-size:23px}.index-intro>div{gap:10px;font-size:12px}.playground{padding-block:48px}.section-heading h2{font-size:28px;line-height:1.4}.section-heading>p{font-size:14px}.sidebar-heading h3{font-size:15px}.search-field input{font-size:14px}.category-field,.category-field select{font-size:14px}.kind-filters button{font-size:12px}.item-title{font-size:14px}.item-meta{font-size:12px}.case-list{max-height:250px}.case-heading h3{font-size:23px}.case-heading #case-brief{font-size:14px}.case-meta{font-size:12px}.case-heading{min-height:140px}.condition-tabs button{font-size:12px;white-space:normal;line-height:1.5;min-height:58px}.condition-tabs button span{font-size:12px}.device-switch button,.text-link{font-size:12px}.preview-caption{font-size:12px}.evidence-status{font-size:12px}.task-details summary{font-size:14px}.evidence-link{font-size:14px}.principles-title h2{font-size:36px}.principles-title>p:last-child{font-size:14px}.principle-list h3{font-size:17px}.principle-list p{font-size:14px}.type-introduction h2{font-size:37px;margin-block:19px}.type-introduction>p:not(.eyebrow){font-size:14px}.typesetter-bar{font-size:12px}.type-canvas{height:280px;padding:29px 20px}.canvas-note,.canvas-corner,.composition-caption{font-size:12px}.type-composition p{font-size:28px}.type-canvas[data-layout=narrow] .type-composition{width:88%}.type-canvas[data-layout=narrow] .type-composition p{font-size:25px}.type-controls{grid-template-columns:1.2fr 1fr;gap:12px}.type-controls label{font-size:12px}.type-controls textarea,.type-controls select{font-size:14px}.reading-note p{font-size:14px}.get-skill{padding-block:50px}.get-skill h2{font-size:37px;margin-block:24px}.get-link{gap:60px;padding:15px 22px;font-size:14px}.get-skill>p:last-child{font-size:12px;max-width:26em;margin-inline:auto;line-height:1.8}.footer-brand{font-size:26px}.footer-brand span{font-size:12px}.footer>a:last-child{font-size:12px}}
@media(max-width:350px){.page-width{width:calc(100% - 30px)}.masthead nav{gap:13px;font-size:12px}.brand{font-size:29px}.brand-description{font-size:12px}.gallery-hero h1{font-size:18vw}.gallery-section-heading h2{font-size:30px}.gallery-method h2{font-size:37px}.get-skill h2{font-size:33px}.condition-tabs button{font-size:12px}.item-title{font-size:14px}.item-meta{font-size:12px}.type-composition p{font-size:25px}.type-canvas[data-layout=narrow] .type-composition p{font-size:23px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

.frame-loading{position:absolute;inset:0;display:grid;place-items:center;padding:30px;text-align:center;color:var(--muted);font-size:14px;background:#e9e9e2;z-index:2}
/* 试排内容可以变长；容器随真实行盒增长，不裁切输入。 */
.type-canvas{height:auto;min-height:290px;padding-top:54px;padding-bottom:45px}
@media(max-width:800px){.type-canvas{min-height:310px}}
@media(max-width:480px){.type-canvas{min-height:280px}}
/* 前后共用同一观察窗口，原始截图保持像素宽度，滚动位置随切换保留。 */
.refinement-number{display:block;font-size:12px;letter-spacing:.08em;color:#c5ab98;margin-bottom:16px}
.refinement-card h3{max-width:none;text-wrap:balance}.refinement-card h3 span{display:inline-block;max-width:100%}.refinement-card>div>p{max-width:29em}
.refinement-viewer{min-width:0}.refinement-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.refinement-toggle{display:flex;gap:4px;border:1px solid #737867;padding:4px}.refinement-toggle button{font-size:14px;line-height:1.5;padding:9px 16px;background:transparent;color:#d0d3c5;min-height:40px}.refinement-toggle button[aria-pressed=true]{background:#efeee5;color:#292b25}.refinement-toggle button:focus-visible{outline-color:#edc2a5}
.refinement-width{font-size:12px;color:#bfc1b7}.refinement-window{height:clamp(360px,60svh,560px);overflow:auto;border:1px solid #737867;background:#e9e7df;scrollbar-color:#8d927e #d9d9ce;scrollbar-width:thin;position:relative;overscroll-behavior:contain}
.refinement-window img{display:block;width:var(--capture-width);max-width:none;height:auto;margin-inline:auto}
.refinement-window:focus-visible{outline-color:#edc2a5}.refinement-card .refinement-viewer p{font-size:14px;line-height:1.7;margin-top:12px;max-width:none}.refinement-viewer .refinement-links{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:9px}.refinement-card .refinement-links a{font-size:14px;margin:0;padding:4px 0}
.refinement-window figure{margin:0;min-width:var(--capture-width)}.refinement-caption{font-size:14px;color:#efeee5!important}.refinement-help{color:#bfc1b7}.refinement-boundary{font-size:14px}.refinement-card p{font-size:15px}
/* 重要解释与操作保持阅读字号，装饰性编号与图注不低于12px。 */
.brand-description,.eyebrow,.hero-work figcaption,.hero-side-note,.hero-edition,.work-caption p,.refinement-number,.refinement-width,.canvas-note,.canvas-corner,.composition-caption,.demo-badge,.footer-brand span{font-size:12px}
.masthead nav,.gallery-section-heading>p:last-child,.work-annotation,.gallery-note p,.gallery-note>a,.method-copy p+p,.method-copy a,.section-heading>p,.principles-title>p:last-child,.principle-list p,.type-introduction>p:not(.eyebrow),.type-introduction>a,.reading-note p,.get-skill>p:last-child,.footer>p,.footer>a:last-child{font-size:14px}
.hero-bottom{display:block;max-width:440px}.hero-bottom .hero-positioning{font-size:16px;line-height:1.85;color:#5b5b52;max-width:26em}.hero-positioning span{display:inline-block;max-width:100%}.hero-positioning strong{display:block;font-weight:550;color:var(--ink)}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin-top:25px;font-size:15px}.hero-actions a{display:inline-flex;align-items:center;gap:28px;padding:11px 0;border-bottom:1px solid var(--ink)}.hero-actions .hero-primary{background:var(--ink);color:var(--paper);padding:12px 18px;border:1px solid var(--ink)}.hero-actions .hero-primary:hover{background:#43463b}
.search-field input,.category-field,.category-field select,.kind-filters button,.item-title,.case-heading #case-brief,.condition-tabs button,.device-switch button,.text-link,.preview-caption,.evidence-status,.task-details summary,.task-details #case-task,.evidence-link,.type-controls label,.type-controls textarea,.type-controls select,.typesetter-bar,.empty-state p,.list-placeholder{font-size:14px}
.sidebar-heading>span,.item-meta,.item-number,.case-meta,.sidebar-note,.condition-tabs button span,.principle-list article>span{font-size:12px}.case-meta,.preview-caption,.item-meta{line-height:1.7}.evidence-status{line-height:1.85;white-space:normal}.evidence-status p+p{margin-top:8px}.evidence-status .status-note{border-top:1px solid #d4d2c8;margin-top:12px;padding-top:12px;font-size:14px}.case-heading{min-height:0;margin-bottom:24px}.condition-tabs button{white-space:normal;line-height:1.5}.preview-toolbar{flex-wrap:wrap}.kind-filters button{padding:7px}.type-controls{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.typesetter-bar{flex-wrap:wrap}.get-skill>p:last-child{max-width:45em;margin-inline:auto}
@media(max-width:1100px){.gallery-hero{grid-template-columns:1fr 1fr;gap:2%}.workbench{grid-template-columns:250px minmax(0,1fr)}}
@media(max-width:800px){.gallery-hero{grid-template-columns:1fr}.workbench{grid-template-columns:1fr}.hero-bottom{max-width:none}.hero-bottom .hero-positioning{max-width:30em}.gallery-section-heading>p:last-child{justify-self:start}.refinement-cases{gap:35px}.refinement-card{gap:20px}.hero-work figcaption{gap:14px;flex-wrap:wrap}.case-list{max-height:300px}.gallery-hero h1{font-size:clamp(58px,15vw,90px)}}
@media(max-width:480px){.masthead{height:auto;min-height:108px;align-items:center;gap:16px;padding-block:20px;flex-wrap:wrap}.masthead nav{font-size:14px;gap:20px}.masthead nav a{padding:6px 0}.gallery-hero .eyebrow{font-size:12px}.gallery-hero h1{font-size:clamp(52px,17.2vw,80px)}.hero-actions{gap:12px 22px}.hero-work figcaption{display:block}.hero-work figcaption>span+span{margin-top:4px}.refinement-toolbar{gap:10px}.refinement-toggle{flex-shrink:0}.refinement-toggle button{padding-inline:18px}.refinement-window{height:clamp(340px,55svh,480px)}.case-list{grid-template-columns:1fr}.case-item{grid-template-columns:24px minmax(0,1fr);gap:8px;padding:13px 8px}.condition-tabs button{padding:12px 4px;font-size:14px}.condition-tabs button span{font-size:12px}.type-controls{grid-template-columns:1fr}.type-canvas{padding-bottom:60px}.canvas-corner{bottom:14px}.get-link{gap:35px}.hero-edition{font-size:12px}.gallery-section-heading h2{font-size:34px}}
@media(max-width:350px){.gallery-section-heading h2{font-size:30px}.masthead nav{gap:17px}.hero-actions a{gap:18px}.preview-toolbar{gap:8px}.preview-toolbar .text-link{width:100%;padding-block:5px}}

.full-story{padding-block:0 88px}.story-picture{display:block;position:relative;height:520px;overflow:hidden;background:#ddded4;border:1px solid var(--line)}.story-picture img{display:block;width:100%;height:auto;max-width:none}.story-picture>span{position:absolute;right:22px;bottom:22px;background:var(--ink);color:var(--paper);padding:13px 18px;font-size:15px}.story-sequence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding-block:25px;border-bottom:1px solid var(--line);font-size:20px}.story-sequence span{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}.full-story .gallery-note{margin-top:25px}
@media(max-width:800px){.full-story{padding-bottom:60px}.story-picture{height:420px}.story-sequence{font-size:17px;gap:15px}}
@media(max-width:600px){.story-picture{height:480px}.story-picture img{width:min(100%,390px);margin-inline:auto}.story-picture>span{right:14px;bottom:14px;font-size:14px}.story-sequence{grid-template-columns:1fr;gap:0;padding-block:10px}.story-sequence p{padding:12px 0;display:flex;align-items:baseline;gap:24px}.story-sequence span{margin:0;flex-shrink:0}.full-story .gallery-note{margin-top:22px}}

.gallery-hero h1>span,.gallery-hero h1>em{white-space:normal}.hero-edition,.index-intro>div{flex-wrap:wrap}
/* 长状态标识与放大的编号分别在自己的区域内排开。 */
.evidence-status{overflow-wrap:anywhere}.case-item{grid-template-columns:max-content minmax(0,1fr)}.item-number{min-width:1.5em}
/* 中文混排与长段说明采用阅读约束；画廊展示标题保留其独立字距。 */
html{text-autospace:normal;line-break:strict}
.sidebar-note,.preview-caption,.index-intro>p{font-size:14px}
.evidence-status .status-note,.reading-note .status-footnote{max-width:36em}