/* 案例页固定框架：所有案例共用，客户文件只承载内容。 */
.case-design{color:var(--r13-body);font-size:17px;line-height:1.65;overflow-wrap:anywhere}
.case-design *{box-sizing:border-box}
.case-design .case-frame{width:100%;max-width:1440px;margin:0 auto;padding:0 48px}
.case-design .case-header{padding-top:56px;padding-bottom:36px}
.case-design .case-header .kicker{font:500 13px/1.5 var(--r13-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--r13-red);margin:0 0 24px}
.case-design .case-header h1{font-size:clamp(36px,4.3vw,64px);line-height:1.08;letter-spacing:-.035em;font-weight:400;max-width:1120px;margin:0 0 24px;color:var(--r13-ink)}
.case-design .case-info{font:400 14px/1.7 var(--r13-mono);color:var(--r13-muted);margin:0}
.case-design .case-hero-region{padding-bottom:32px}
.case-design .case-hero{display:block;margin:0;max-width:none}
.case-design .case-hero .frame{position:relative;width:max-content;max-width:100%;margin:0}
.case-design .case-hero img{display:block;width:auto;max-width:100%;height:auto}
.case-design .case-hero figcaption{display:flex;flex-wrap:wrap;gap:12px;padding:12px 0;border-bottom:1px solid var(--r13-line)}
.case-design .case-section{display:flex;align-items:flex-start;gap:64px;padding:56px 0;border-top:1px solid var(--r13-line)}
.case-design .case-heading{flex:0 0 260px;width:260px;min-width:0;border-bottom:1px solid var(--r13-ink);padding:0 0 24px;display:flex;flex-wrap:wrap;gap:14px}
.case-design .case-number{font:400 16px/1.4 var(--r13-mono);color:var(--r13-red);flex:0 0 30px}
.case-design .case-heading h2{flex:1;min-width:0;font-size:27px;line-height:1.2;font-weight:400;letter-spacing:-.02em;margin:0;color:var(--r13-ink)}
.case-design .case-content{flex:1;min-width:0}
.case-design p{margin:0 0 20px}
.case-design h3{font-size:23px;line-height:1.3;margin:28px 0 16px;color:var(--r13-ink);font-weight:400}
.case-design h4{font-size:19px;line-height:1.4;margin:24px 0 12px;color:var(--r13-ink)}
.case-design ul,.case-design ol{padding-left:24px;margin:16px 0 24px}
.case-design li{margin:0 0 10px}
.case-design .lab{font:400 12px/1.6 var(--r13-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--r13-muted)}
.case-design .model{font-family:var(--r13-mono);overflow-wrap:anywhere;white-space:normal;color:var(--r13-ink)}
.case-design .card{border:1px solid var(--r13-line);padding:24px;min-width:0}
.case-design .case-dark{background:var(--r13-ink);color:var(--r13-paper);padding:48px;margin-top:24px}
.case-design .case-dark .case-heading{border-color:var(--r13-paper)}
.case-design .case-dark .case-heading h2,.case-design .case-dark h3,.case-design .case-dark h4,.case-design .case-dark p,.case-design .case-dark .lab,.case-design .case-dark .model{color:var(--r13-paper)}
.case-design .case-dark .card,.case-design .case-dark .loop{background:var(--r13-paper);color:var(--r13-ink)}
.case-design .case-dark .card p,.case-design .case-dark .card .lab,.case-design .case-dark .card strong,.case-design .case-dark .loop p,.case-design .case-dark .loop .lab{color:var(--r13-ink)}
.case-design .case-dark a{color:inherit}
.case-design .case-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.65fr);gap:32px;align-items:start}
.case-design .case-side-photo img{display:block;width:auto;max-width:100%;height:auto}
.case-design .case-configuration,.case-design .systems{width:100%;min-width:0;border-collapse:collapse;margin:24px 0}
.case-design .case-configuration th,.case-design .case-configuration td,.case-design .systems th,.case-design .systems td{border-bottom:1px solid var(--r13-line);padding:16px 14px;text-align:left;vertical-align:top;font-size:15px}
.case-design .case-configuration th{width:30%;font:400 14px/1.6 var(--r13-mono)}
.case-design .case-configuration ul{padding-left:18px;margin:0}
.case-design .case-config-group{display:grid;grid-template-columns:minmax(160px,.4fr) minmax(0,1fr);gap:24px;padding:20px 0;border-bottom:1px solid var(--r13-line)}
.case-design .case-config-label{font:400 14px/1.6 var(--r13-mono)}
.case-design .case-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:56px 0}
.case-design .case-gallery figure{margin:0;min-width:0;display:flex;align-items:flex-start}
.case-design .case-gallery img{display:block;width:100%;height:auto;object-fit:contain}
.case-design .case-faq{padding-top:56px;padding-bottom:32px}
.case-design .case-faq h2{font-size:30px;line-height:1.2;font-weight:400;margin:0 0 28px;color:var(--r13-ink)}
.case-design .faq-row{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:32px;padding:24px 0;border-top:1px solid var(--r13-line)}
.case-design .faq-row h3,.case-design .faq-row h4{font-size:18px;line-height:1.45;margin:0}
.case-design .faq-row p{margin:0 0 16px}
.case-design .case-more{padding-top:40px;padding-bottom:20px;border-top:1px solid var(--r13-line)}
.case-design .case-more>h2{font:400 16px/1.5 var(--r13-mono);text-transform:uppercase;letter-spacing:.1em;margin:0 0 20px}
.case-design .case-more nav{display:flex;gap:16px 24px;flex-wrap:wrap}
.case-design .case-related-original{margin-top:28px}
.case-design .case-related-original h2,.case-design .case-related-original h3{font-size:18px;margin:16px 0 8px}
.case-design .case-related-original figure{max-width:240px;margin:20px 0 8px}
.case-design .case-related-original ul{font-size:13px;color:var(--r13-muted);margin:0 0 16px}
.case-design .case-quote-original{margin:0}
.case-design .quote-section{margin-top:48px}
.case-design .quote-section .quote-samples img{max-width:100%}
/* case-template: photo-components */
.case-design blockquote.pull{margin:24px 0;padding:0 0 0 24px;border-left:3px solid var(--r13-red)}
.case-design blockquote.pull p,.case-design blockquote.pull{font-size:22px;line-height:1.45}
.case-design blockquote.pull cite{display:block;font:400 13px/1.6 var(--r13-mono);margin-top:12px;font-style:normal}
.case-design .case-stats-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}
.case-design .case-stats-row>div{border-top:1px solid var(--r13-line);padding:16px 0}
.case-design .case-stats-row span,.case-design .case-stats-row strong,.case-design .case-stats-row small{display:block}
.case-design .case-stats-row strong{font:400 35px/1.25 var(--r13-mono);color:var(--r13-ink);margin:8px 0}
.case-design .key-facts{margin:24px 0}
.case-design dl{display:grid;grid-template-columns:minmax(100px,.6fr) minmax(0,1.4fr);gap:10px 18px;margin:18px 0}
.case-design dt{font:400 13px/1.6 var(--r13-mono);color:var(--r13-muted)}
.case-design dd{margin:0;min-width:0}
.case-design .hero-spec{margin:24px 0}
.case-design .hero-spec .hero-model{display:block;font-size:23px;margin:14px 0}
.case-design .hero-ratio{border-top:1px solid var(--r13-line);padding-top:18px}
.case-design .hero-ratio strong{font-size:30px;display:block}
.case-design .pin{position:absolute;display:flex;align-items:center;gap:8px;transform:translate(-50%,-100%);font:12px/1.4 var(--r13-mono);color:var(--r13-ink)}
.case-design .pin i{width:12px;height:12px;border-radius:50%;background:var(--r13-red)}
.case-design .pin span{background:var(--r13-paper);padding:5px 8px}
.case-design .plants,.case-design .reasons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.case-design .plant,.case-design .reason{padding:20px;border-top:1px solid var(--r13-line)}
.case-design .plant-brand{background:var(--r13-ink);color:var(--r13-paper)}
.case-design .plant-brand p,.case-design .plant-brand .lab{color:var(--r13-paper)}
.case-design .plant-brand img{display:block;max-width:100%;height:auto;margin:16px 0}
.case-design .plant h3,.case-design .reason h3{margin-top:14px}
.case-design .group-strip{margin:24px 0;border-bottom:1px solid var(--r13-line);padding:16px 0}
.case-design .first-grid,.case-design .heads,.case-design .repeat,.case-design .assembly,.case-design .water{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin:24px 0}
.case-design .first-side,.case-design .heads-copy,.case-design .assembly-side,.case-design .water-side{min-width:0}
.case-design .first-grid img,.case-design .heads img,.case-design .assembly img,.case-design .water img{max-width:100%;height:auto}
.case-design .cut-diagram svg,.case-design .loop svg{display:block;width:100%;height:auto}
.case-design .install{padding:20px;border:1px solid var(--r13-line);margin:24px 0}
.case-design .install strong{display:block;font-size:28px}
.case-design .heads-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid var(--r13-line)}
.case-design .dots{display:flex;gap:5px}.case-design .dots i{width:12px;height:12px;background:var(--r13-red);border-radius:50%}
.case-design .repeat-panel,.case-design .repeat-card,.case-design .rain-panel,.case-design .loop{padding:24px}
.case-design .repeat-panel .statement,.case-design .rain-panel p{font-size:27px;line-height:1.3}
.case-design .repeat-card strong{font:400 40px/1.2 var(--r13-mono)}
.case-design .photo-card{margin:0;min-width:0}.case-design .photo-card img{display:block;width:100%;height:auto;max-width:100%}
.case-design .photo-card figcaption{font-size:13px;padding:10px 0;border-bottom:1px solid var(--r13-line)}
.case-design .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:24px 0;gap:16px}
.case-design .steps li{border-top:1px solid var(--r13-line);padding-top:16px}
.case-design .steps h3{font-size:19px;margin-top:10px}
.case-design .steps p{font-size:14px}
.case-design .offset{margin-left:0}
.case-design .logo-box img{max-width:180px;height:auto}
@media(max-width:960px){
.case-design .case-frame{padding-left:20px;padding-right:20px}
.case-design .case-section{display:block;padding:36px 0}
.case-design .case-heading{width:100%;margin-bottom:28px}
.case-design .case-dark{padding:28px 20px;margin-left:-20px;margin-right:-20px}
.case-design .case-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
.case-design .case-split,.case-design .plants,.case-design .reasons,.case-design .first-grid,.case-design .heads,.case-design .repeat,.case-design .assembly,.case-design .water,.case-design .faq-row{grid-template-columns:minmax(0,1fr)}
.case-design .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.case-design .case-header{padding-top:32px}
.case-design .systems{font-size:13px;display:block;overflow-x:auto}
.case-design .systems th,.case-design .systems td{padding:12px 6px;font-size:12px}
.case-design .case-configuration th,.case-design .case-configuration td{padding:12px 6px}
.case-design .case-config-group{grid-template-columns:minmax(0,1fr);gap:12px}
.case-design .quote-section.quote-home{padding-left:20px;padding-right:20px}
}