/* 保留 PPT 配色；案例区用图文并置代替纯文字三栏。 */
.case-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:30px;align-items:start}
.case-body>*{min-width:0}.case-gallery{margin:0}.case-figure{margin:0;border:1px solid var(--line);background:#fff;padding:12px}.case-figure button{display:block;width:100%;padding:0;border:0;background:none}.case-figure img{width:100%;height:370px;object-fit:contain;display:block}.case-figure figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:10px;margin-top:10px;font-size:12px}.case-figure figcaption small{font-size:10px;color:var(--muted);white-space:nowrap}
.case-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.case-thumbs button{background:#fff;border:1px solid var(--line);padding:6px;display:flex;flex-direction:column;gap:5px;align-items:center;min-width:0}.case-thumbs img{height:52px;max-width:100%;object-fit:contain}.case-thumbs span{font-size:11px}.case-thumbs button.active{border-color:var(--red);background:#f8eeeb;color:var(--red)}.case-looking{border-left:2px solid var(--red);padding-left:12px;margin-top:16px;font-size:12px;color:#514c48}.case-looking strong{display:block;color:var(--red);font-size:11px;font-weight:500;letter-spacing:1px;margin-bottom:4px}.case-image-source{font-size:10px;color:var(--muted);margin-top:12px;overflow-wrap:anywhere;line-height:1.7}.case-image-source a{display:block}.case-image-source span{display:block}.case-source-link{display:block;font-size:10px;color:var(--muted);max-width:290px;text-align:right;overflow-wrap:anywhere;margin-top:4px;line-height:1.5}.case-body .translation{display:block;border:0}.case-body .translation>div{padding:0 0 16px;margin-bottom:16px;border:0;border-bottom:1px solid var(--line);background:none}.case-body .translation>div:nth-child(2){background:#f8eeeb;padding:15px 18px;border-left:2px solid var(--red)}.case-body .translation>div:last-child{margin-bottom:0}.case-body .translation-label{margin-bottom:5px}.case-body .translation h4{font-size:20px;margin-bottom:8px}.case-body .translation li{margin:5px 0}.case-transfer{padding:15px 18px;background:#f8eeeb;margin-top:24px}.case-photo-warning{font-size:11px;color:var(--muted);margin-top:8px}.gallery-subcase{margin-top:18px}.gallery-subcase .case-figure img{height:300px}.image-panels-note{font-size:11px;color:var(--muted);margin:10px 0 0}.lightbox{width:94vw;max-width:1500px;max-height:94vh;overflow:auto}.lightbox img{max-width:100%;max-height:74vh;margin:auto}.lightbox.zoomed img{max-width:none;max-height:none;width:auto}.lightbox-tools{display:flex;align-items:center;gap:10px;position:sticky;top:0;background:white;padding-bottom:8px}.lightbox-tools .lightbox-close{margin:0 0 0 auto}.lightbox-zoom{border:1px solid var(--line);padding:4px 12px;background:var(--paper);font-size:12px}.lightbox-caption{font-size:12px;color:var(--muted);padding:10px 0 0}.case-figure button:focus-visible{outline-offset:0}
@media(max-width:1000px){.case-body{gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.case-figure img{height:330px}.case-body .translation h4{font-size:18px}.case-body .translation li{font-size:12px}}
@media(min-width:701px) and (max-width:1000px){.directions{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.direction{padding:14px 8px;min-height:85px}.direction span{font-size:17px}.direction small{font-size:10px}.case-figure img{height:310px}.case-body{gap:18px}.case-shell{padding:22px}.case-top h3{font-size:23px}.case-source-link{max-width:210px}.case-question{margin:17px 0}}
@media(max-width:700px){.case-body{grid-template-columns:1fr}.case-figure img{height:310px}.case-source-link{text-align:left;max-width:100%;margin:3px 0 8px}.case-body .translation li{font-size:13px}.case-thumbs img{height:58px}.case-top{display:block}.case-transfer{padding:12px}.case-shell{padding:20px}.case-figure figcaption{align-items:start}.case-source-link+span{display:none}}
.case-body{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.case-analysis{min-width:0}.case-looking{margin-top:14px}.case-image-source{margin-top:8px}
.case-thumbs{grid-template-columns:repeat(auto-fit,minmax(65px,1fr))}
.case-body .translation>div{padding-bottom:12px;margin-bottom:12px}
.case-body .translation>div:nth-child(2){padding:12px 15px}
.gallery-subcase{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.gallery-subcase .case-figure img{height:245px}.gallery-subcase .case-thumbs img{height:40px}
.compact-translation p{font-size:13px;color:#514c48;line-height:1.8}
.compact-translation .translation-label{margin-bottom:4px}
.supplement-transfer{font-size:12px;color:var(--red);padding:12px 15px;margin-top:16px;background:var(--rose)}
.ai-screenshot{margin:0 0 17px}.ai-screenshot button{display:block;width:100%;border:1px solid var(--line);background:white;padding:5px}.ai-screenshot img{display:block;width:100%;height:185px;object-fit:contain}.ai-screenshot figcaption{font-size:10px;color:var(--muted);margin-top:6px}
@media(max-width:700px){.case-body,.gallery-subcase{grid-template-columns:1fr}.ai-screenshot img{height:240px}}
@media print{.case-body{grid-template-columns:1fr 1fr;gap:16px}.case-figure img{height:280px}.case-thumbs{display:none}.case-looking{font-size:10px}}

/* 右侧文字跨越大图与缩略图两行，底边对齐小图切换区；署名单独放左下。 */
.case-body{column-gap:30px;row-gap:10px;align-items:stretch}
.case-gallery{display:contents}
.case-figure{grid-column:1;grid-row:1;display:flex;flex-direction:column;min-height:420px}
.case-figure button{position:relative;flex:1;min-height:240px}
.case-figure img,.gallery-subcase .case-figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.case-figure figcaption{flex:none;min-height:42px}
.case-thumbs{grid-column:1;grid-row:2;margin:0}
.case-image-source{grid-column:1;grid-row:3;margin:0;text-align:left}
.case-analysis{grid-column:2;grid-row:1 / span 2;display:flex;flex-direction:column;justify-content:space-between}
.case-looking{margin:16px 0 0;padding-bottom:0}
.case-body .translation>div:last-child{border-bottom:0;padding-bottom:0}
.gallery-subcase .case-figure{min-height:320px}
.gallery-subcase .translation{margin-top:0!important}
.case-top>div:last-child{flex:none;max-width:32%;text-align:right}
.case-source-link{max-width:100%}
.section-head{align-items:center}.section-head h2{line-height:1.4}
.top{background:#eee5dc;border-bottom:1px solid #d6c4b7;box-shadow:0 3px 12px #40201a0b}
.top-inner{max-width:1280px;padding:14px 54px;gap:24px}
.brand{font-weight:600}.nav{gap:24px;align-items:center}.nav a{font-weight:600;position:relative;color:#655d55;padding:5px 0;white-space:nowrap}
.nav a.current{color:var(--red);font-weight:700}.nav a.current::after{content:'';position:absolute;bottom:-6px;left:0;right:0;height:2px;background:var(--red)}
.example{display:flex;flex-direction:column}.example>a{min-height:68px;line-height:1.65}.example .type{min-height:36px}
@media(min-width:701px) and (max-width:1000px){.wrap{padding:0 27px}.top-inner{padding:14px 27px}.case-body{column-gap:18px}.case-figure{min-height:400px}.case-top>div:last-child{max-width:35%}}
@media(max-width:700px){.top-inner{padding:12px 20px;gap:8px}.nav{gap:12px}.nav a{font-size:12px}.nav a.current::after{bottom:-3px}.case-body{display:flex;flex-direction:column;gap:12px}.case-gallery{display:flex;flex-direction:column;gap:10px}.case-figure{min-height:360px}.case-analysis{display:block}.case-top>div:last-child{max-width:100%;text-align:left}.case-image-source{margin:0}.example>a,.example .type{min-height:0}.section-head{align-items:baseline}}
@media print{.case-body{column-gap:16px}.case-figure{min-height:320px}.case-figure img{height:100%}}

/* 首页沿用课件的斜切红色书页，只保留一条阅读主线。 */
.hero{--content-inset:max(54px,calc((100% - 1280px)/2 + 54px));isolation:isolate;padding:76px 0 55px}
.hero::after{display:none}
.hero-art{position:absolute;inset:0 var(--content-inset) 0 calc(65% - var(--content-inset));z-index:-1;background:var(--deep);clip-path:polygon(16% 0,100% 0,100% 100%,0 100%);overflow:hidden;display:flex;align-items:center;justify-content:center}
.hero-art span{display:flex;flex-direction:row-reverse;font-family:var(--serif);font-size:clamp(120px,11vw,190px);font-weight:500;line-height:1;white-space:nowrap;color:#ffffff15;transform:translate(5%, -9%)}
.hero-art i{font-style:normal}
.hero-grid{display:block;max-width:65%}
.hero .eyebrow{font-family:var(--sans);font-size:11px;letter-spacing:4px}
.hero h1{margin:23px 0 22px;font-size:clamp(36px,4.2vw,60px)}
.hero-desc{font-size:18px;line-height:1.9}
.hero-route{display:flex;align-items:center;gap:29px;max-width:540px;margin-top:38px;padding-top:20px;border-top:1px solid var(--line);font-family:var(--serif);font-size:22px;line-height:1.5}
.hero-route .route-arrow{font-family:var(--sans);font-size:18px;color:var(--red)}
@media(min-width:1550px){.hero{--content-inset:calc((100% - 1430px)/2 + 54px);padding-top:90px;padding-bottom:65px}}
@media(min-width:701px) and (max-width:1000px){.hero{--content-inset:27px}}
@media(max-width:700px){.hero{padding:36px 0 30px}.hero-grid{max-width:none}.hero-art{display:none}.hero h1{font-size:clamp(31px,9vw,39px)}.hero-desc{font-size:15px}.hero-route{margin-top:26px;padding-top:17px;gap:24px;font-size:20px}.hero .eyebrow{font-size:10px;letter-spacing:3px}}
@media print{.hero-art{display:none}.hero-grid{max-width:none}}

/* 主例并列、补充折叠；说明改为完整短句，不再堆叠抽象术语。 */
.analysis-copy{font-size:13px;color:#514c48;line-height:1.95;margin:0}
.analysis-copy+.analysis-copy{margin-top:8px}
.case-body .translation h4{font-size:19px;line-height:1.5;margin-bottom:8px}
.related-main{border-top:1px solid var(--line);margin-top:32px;padding-top:28px}
.main-case-label{font-size:11px;letter-spacing:2px;color:var(--red);margin-bottom:7px}
.source-pending{font-size:11px;line-height:1.8;color:var(--muted)}
.reference-case{margin-top:26px}
.reference-case summary{padding:8px 0;font-size:14px}
.case-thumbs{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}
.case-thumbs button{max-width:none}
.case-thumbs img{width:100%;object-fit:contain}
.painting-reference{grid-column:1;grid-row:1;margin:0;border:1px solid var(--line);padding:10px 12px;background:white}
.reference-heading{display:flex;gap:12px;align-items:baseline;justify-content:space-between;font-size:11px;color:var(--red);margin-bottom:7px}
.reference-heading a{font-size:10px;white-space:nowrap}
.painting-reference button{display:block;border:0;padding:0;width:100%;background:none;cursor:zoom-in}
.painting-reference img{display:block;width:100%;height:70px;object-fit:contain}
.painting-reference figcaption{font-size:10px;color:var(--muted);line-height:1.7;margin-top:7px}
.case-body:has(.painting-reference) .case-figure{grid-row:2;min-height:330px}
.case-body:has(.painting-reference) .case-thumbs{grid-row:3}
.case-body:has(.painting-reference) .case-image-source{grid-row:4}
.case-body:has(.painting-reference) .case-analysis{grid-row:1 / span 3}
.sample-art-credit{font-size:10px;line-height:1.8;color:var(--muted);margin-top:10px}
/* 五张以上：图片与分析共用下方切换栏，不把七张小图挤在左列。 */
.case-body.wide-gallery .case-analysis{grid-row:1;grid-column:2}
.case-body.wide-gallery .case-thumbs{grid-column:1 / -1;grid-row:2;grid-template-columns:repeat(auto-fit,minmax(95px,1fr));padding-top:12px;border-top:1px solid var(--line)}
.case-body.wide-gallery .case-image-source{grid-column:1 / -1;grid-row:3}
.case-body.wide-gallery .case-thumbs img{height:68px}
.case-body.wide-gallery:has(.painting-reference) .case-analysis{grid-row:1 / span 2}
.case-body.wide-gallery:has(.painting-reference) .case-thumbs{grid-row:3}
.case-body.wide-gallery:has(.painting-reference) .case-image-source{grid-row:4}
.image-tabs{flex-wrap:wrap}.image-tabs button{padding:6px 12px}
@media(max-width:700px){.related-main{margin-top:24px;padding-top:24px}.case-thumbs{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.reference-heading{flex-wrap:wrap;gap:2px}.painting-reference img{height:58px}.case-body:has(.painting-reference) .case-figure{min-height:340px}.case-body .translation h4{font-size:18px}}