@layer reset, base, components, responsive, print;
@layer reset {
  *,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,p,figure{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}img,svg{max-width:100%}button{cursor:pointer}a{color:inherit}button:disabled{cursor:not-allowed;opacity:.45}[hidden]{display:none!important}
}
@layer base {
  :root{--ink:#253b31;--green:#244c3e;--green-deep:#1e4035;--cream:#f8f7f2;--paper:#fffefa;--muted:#626a5f;--line:#dedfd3;--sage:#edf0e4;--gold:#c8aa72;--red:#a53628;--serif:Georgia,'Times New Roman',serif;--sans:'Avenir Next',Avenir,'Segoe UI',sans-serif;color-scheme:light}
  html{scroll-behavior:smooth;scroll-padding-top:30px}body{font-family:var(--sans);color:var(--ink);background:var(--cream);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.13;letter-spacing:-.035em}h1{font-size:clamp(42px,5.5vw,76px)}h2{font-size:clamp(30px,3vw,43px)}h3{font-size:27px}p{color:var(--muted)}a{text-underline-offset:4px}a:hover{color:#587045}button,input,select,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #a5782e;outline-offset:4px}input,select{min-height:48px}button{min-height:44px}.container{width:min(1180px,calc(100% - 80px));margin-inline:auto}.eyebrow{display:block;font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.16em;line-height:1.6}em{font-weight:400}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:52px;padding:14px 24px;border:1px solid var(--green);border-radius:5px;background:var(--green);color:white;text-decoration:none;font-size:14px;font-weight:600;letter-spacing:.01em;transition:background .18s}.button:hover{background:#36614d;color:white}.button span{font-size:20px}.text-link,.card-link{font-size:13px;font-weight:600;display:inline-flex;gap:20px;align-items:center;text-decoration:none}.text-link{padding-block:10px}.skip-link{position:fixed;top:-100px;left:16px;z-index:20;padding:10px 18px;background:var(--green);color:white}.skip-link:focus{top:12px}.small-note{font-size:12px;line-height:1.6}.print-only{display:none}
}
@layer components {
  .site-header{border-bottom:1px solid var(--line)}.nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;gap:10px;align-items:center;text-decoration:none;font-family:var(--serif);font-size:22px;white-space:nowrap;letter-spacing:-.025em}.brand i{font-size:19px}.nav nav{display:flex;gap:31px}.nav nav a{font-size:12px;text-decoration:none;min-height:44px;display:flex;align-items:center}.nav nav a[aria-current]{text-decoration:underline;text-decoration-thickness:2px}.nav-cta{border:1px solid #a9b4a3;border-radius:4px;padding:10px 15px;text-decoration:none;font-size:12px;white-space:nowrap}.nav-cta span{padding-left:12px}.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:50px;align-items:center;padding-block:66px 78px}.hero-copy .eyebrow{margin-bottom:20px;display:flex;gap:9px;align-items:center}.tiny-line{width:24px;height:1px;background:var(--green)}.hero h1{font-size:clamp(48px,5.1vw,72px);line-height:1.08}.hero h1 em{color:#58704a}.hero-copy>p{max-width:430px;font-size:15px;line-height:1.8;margin-top:23px}.hero-copy>.button{margin-top:27px}.hero-assurance{display:flex;gap:20px;font-size:10px;color:var(--muted);margin-top:22px}.hero-art{background:#e9eadc;position:relative;border-radius:120px 120px 5px 5px;min-height:420px;padding:44px 20px 25px;overflow:hidden}.art-label{text-align:center;font-size:9px;letter-spacing:.19em;font-weight:600;color:#64715b;margin-bottom:12px}.hero-art .curtain-diagram{width:100%;height:320px}.art-tag{position:absolute;right:13px;bottom:24px;background:var(--paper);padding:13px 20px;border:1px solid #e1ddc9;transform:rotate(-4deg);font-family:var(--serif);font-size:19px;line-height:1.25;box-shadow:0 3px 8px #27372708}.art-tag em{font-size:15px;color:var(--muted)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:27px}.section-heading .eyebrow{margin-bottom:10px}.section-heading>p{font-size:13px;line-height:1.8}.tools-section{padding-bottom:68px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.tool-card{position:relative;display:block;text-decoration:none;background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:31px 32px 27px;transition:border-color .18s,box-shadow .18s}.tool-card:hover{border-color:#8a9c7a;color:var(--ink);box-shadow:0 6px 25px #244c3e08}.card-icon{display:flex;width:44px;height:44px;background:var(--sage);border-radius:50%;padding:11px;position:absolute;right:28px;top:28px}.card-step{font-size:9px;letter-spacing:.13em;font-weight:700;color:var(--muted)}.tool-card h3{margin-top:15px;margin-right:45px}.tool-card p{font-size:13px;line-height:1.8;max-width:380px;margin-block:13px 27px}.card-link{color:var(--green)}.method-strip{background:var(--sage);border-block:1px solid var(--line);padding-block:42px}.method-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:35px}.method-grid h2{font-size:34px;margin-top:13px}.step-number{display:block;color:#77876a;font-size:11px;margin-bottom:16px}.method-grid h3{font-size:21px;margin-bottom:10px}.method-grid p{font-size:12px;line-height:1.8}.guides-section{padding-block:65px 50px}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:23px}.guide-card{text-decoration:none;display:block}.guide-thumb{height:158px;border-radius:5px;background:#e9eadd;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:18px;flex-direction:column}.guide-thumb .curtain-diagram{width:215px;height:158px}.diagram-number{font-family:var(--serif);font-size:58px;color:#697452;font-style:italic}.diagram-caption{font-size:8px;letter-spacing:.12em;color:#526448}.thumb-1{background:repeating-linear-gradient(90deg,#ece6d9 0px,#ece6d9 31px,#ddd3ba 32px,#ece6d9 38px)}.thumb-2{background:#e3e9de}.thumb-3{background-color:#eee6d7;background-image:linear-gradient(#d8cfbc44 1px,transparent 1px),linear-gradient(90deg,#d8cfbc44 1px,transparent 1px);background-size:13px 13px}.guide-card .eyebrow{font-size:8px;letter-spacing:.11em;color:var(--muted)}.guide-card h3{font-size:23px;line-height:1.25;margin-block:9px 16px;letter-spacing:-.025em}.guide-card .card-link{font-size:11px}.bottom-note{border-top:1px solid var(--line);padding-block:27px 42px;display:flex;gap:15px;align-items:start}.bottom-note p{font-size:12px;max-width:900px}.bottom-note strong{color:var(--ink);font-weight:600}.note-icon{display:inline-flex;width:25px;min-width:25px;padding-top:2px}.site-footer{background:#eeeee4;border-top:1px solid var(--line);padding-block:35px 20px}.footer-grid{display:flex;justify-content:space-between;gap:25px}.footer-grid p{font-size:11px;margin-top:9px}.footer-links{display:flex;gap:25px;align-items:start;padding-top:8px}.footer-links a{font-size:11px;text-decoration:none}.footer-note{border-top:1px solid #d8ddce;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted);margin-top:26px;padding-top:17px}
  .calculator-intro{padding-block:32px 31px}.breadcrumb{font-size:11px;text-decoration:none;display:block;margin-bottom:24px}.calculator-intro .eyebrow{margin-bottom:12px}.calculator-intro h1{font-size:clamp(40px,4.4vw,59px);line-height:1.08}.calculator-intro h1 em{color:#627650}.calculator-intro>p{max-width:550px;font-size:14px;margin-top:16px}.calculator-shell{display:grid;grid-template-columns:1.12fr 1fr;gap:26px;align-items:start;padding-bottom:40px}.form-card{background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:28px}.form-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:10px}.form-heading h2{font-size:26px}.unit-switch{display:flex;gap:2px;padding:3px;border:1px solid var(--line);background:#f2f2e9;border-radius:5px}.unit-switch button{border:0;background:transparent;padding:2px 13px;min-width:44px;min-height:36px;border-radius:3px;font-size:12px;color:var(--muted)}.unit-switch button[aria-pressed=true]{background:var(--paper);color:var(--green);box-shadow:0 1px 4px #253b3115}.fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 18px;margin-top:22px}.field label{display:flex;justify-content:space-between;align-items:start;font-size:12px;font-weight:600;gap:5px;margin-bottom:8px;line-height:1.5}.unit-label{font-weight:400;color:#74776c;flex-shrink:0}.field input,.field select{width:100%;min-width:0;background:#fff;border:1px solid #cdd1c2;border-radius:4px;color:var(--ink);padding:10px 12px;font-size:16px;line-height:1.4}.field input[aria-invalid=true],.field select[aria-invalid=true]{border-color:var(--red);background:#fff8f4}.field small{display:block;font-size:10px;line-height:1.6;color:var(--muted);margin-top:6px}.field-error{display:block;color:var(--red);font-size:11px;margin-top:5px;line-height:1.5}.advanced{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}.advanced summary{font-size:12px;cursor:pointer;min-height:36px;list-style:none;display:flex;align-items:center;justify-content:space-between}.advanced summary::-webkit-details-marker{display:none}.advanced summary span{font-size:20px}.advanced[open] summary span{transform:rotate(45deg)}.advanced[open]>.small-note{margin-top:10px}.advanced .fields-grid{margin-top:15px}.calculate-button{width:100%;margin-top:23px;justify-content:space-between}.reset-button{display:block;margin:9px auto 0;background:none;border:none;font-size:11px;text-decoration:underline;color:var(--muted)}.save-bar{display:flex;gap:13px;align-items:center;border-top:1px solid var(--line);padding-top:14px;margin-top:14px;font-size:10px;color:var(--muted)}.save-bar>span{flex:1}.save-bar button{border:none;background:none;text-decoration:underline;padding:0;color:var(--ink);font-size:10px}.storage-warning{margin-top:10px;font-size:11px;color:var(--red)}.error-summary{background:#fff1e9;border:1px solid #d99a82;border-radius:4px;padding:12px;color:#8d2e21;font-size:12px;margin-top:16px}.result-area{position:sticky;top:25px}.result-card{background:var(--green);color:#fcfbed;border-radius:7px;padding:27px 28px}.result-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.result-heading .eyebrow{color:#d3dfc5;font-size:9px}.example-badge{border:1px solid #759381;border-radius:12px;padding:3px 8px;font-size:8px;letter-spacing:.02em;color:#e0e5d4}.result-number{display:flex;align-items:baseline;gap:12px;margin-top:18px}.result-number strong{font-family:var(--serif);font-size:78px;line-height:1.1;font-weight:400;letter-spacing:-.04em}.result-number span{font-size:14px;color:#e0e6d6}.result-description{font-size:12px;color:#d8e1cd;margin-top:5px}.result-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-block:1px solid #66816e;padding-block:16px;margin-block:23px 15px}.result-metrics strong{display:block;font-family:var(--serif);font-size:25px;font-weight:400}.result-metrics span{display:block;font-size:9px;color:#d8e1cd;margin-top:4px}.result-table{width:100%;border-collapse:collapse;font-size:11px;margin-top:8px}.result-table td,.result-table th{padding-block:8px;border-bottom:1px solid #57755f}.result-table th{font-weight:400;text-align:left;color:#d8e1cd;padding-right:14px}.result-table td:first-child{color:#d8e1cd;padding-right:14px}.result-table td:last-child{text-align:right}.result-card h3{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.01em;margin-top:22px}.comparison{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:12px}.comparison>div{border:1px solid #66816e;border-radius:4px;padding:9px 4px;text-align:center}.comparison .chosen{background:#f3f1dc;color:var(--green);border-color:#f3f1dc}.comparison strong,.comparison span{display:block}.comparison strong{font-size:13px}.comparison span{font-size:9px;margin-top:3px}.result-actions{display:flex;gap:10px;margin-top:24px}.result-actions button{border:1px solid #91a58c;background:transparent;color:#fcfbed;flex:1;border-radius:4px;font-size:11px;padding:9px}.result-actions button:first-child{background:#f0efdc;color:var(--green);border-color:#f0efdc}.result-footnote{display:flex;gap:11px;margin:15px 4px;font-size:11px}.result-footnote>span{border:1px solid #9aa58b;display:flex;border-radius:50%;min-width:17px;height:17px;align-items:center;justify-content:center;font-family:var(--serif);line-height:1;margin-top:3px}.result-footnote p{font-size:11px;line-height:1.7}.stale-warning{color:#ffdfaa;font-size:12px;margin-top:18px}.calculator-after{grid-column:1/-1;display:grid;grid-template-columns:1.12fr 1fr;gap:26px;margin-top:14px}.content-panel{padding:26px 28px;border:1px solid var(--line);border-radius:6px}.content-panel h2{font-size:29px;margin-block:13px}.content-panel p{font-size:13px;line-height:1.8}.content-panel .text-link{margin-top:12px}.pale-panel{background:var(--sage);text-align:center;padding-block:8px}.pale-panel .curtain-diagram{max-width:310px;height:200px;display:block;margin:auto}.cut-plan{display:flex;gap:5px;margin-top:12px;max-height:115px;overflow:hidden}.cut-piece{display:flex;flex:1;border:1px dashed #a1b69a;background:#ffffff0b;align-items:center;justify-content:center;text-align:center;min-height:105px;font-size:10px;line-height:1.6;padding:4px}.result-placeholder{color:#e0e6d6;margin-block:25px}
  /* 长计划保持正常文档流，避免窄桌面中固定结果卡遮住后续说明。 */
  .result-area{position:static;min-width:0}.form-card{min-width:0}.unit-switch button{min-height:44px}.visually-hidden,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
  [data-calculator="fabric"] .small-note{font-size:13px}[data-calculator="fabric"] .field label{font-size:13px}[data-calculator="fabric"] .field small{font-size:12px;line-height:1.55}[data-calculator="fabric"] .field-error{font-size:12px}.form-section,.allowance-fields{padding:0;border:0;min-width:0;margin:0}.form-section{margin-top:25px;padding-top:22px;border-top:1px solid var(--line)}.form-section legend{float:left;display:flex;gap:10px;align-items:center;width:100%;font-size:16px;font-weight:600;line-height:1.5;margin-bottom:12px}.form-section legend+.section-hint,.form-section legend+.fields-grid{clear:both}.form-section .fields-grid{margin-top:16px}.section-index{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:27px;height:27px;border-radius:50%;background:var(--sage);color:var(--green);font-size:10px;font-weight:600;letter-spacing:.05em}.section-hint{font-size:12px;line-height:1.7;max-width:60ch}.scope-note{font-size:12px;line-height:1.75;padding:12px 14px;border-left:2px solid #b6bf9f;background:#f3f3e9;margin-top:17px}.fabric-advanced{margin-top:25px;padding-top:17px}.fabric-advanced summary{min-height:44px;gap:12px;color:var(--ink);font-weight:600}.fabric-advanced summary>span:first-child{display:flex;align-items:center;gap:10px;font-size:15px}.fabric-advanced summary>span:last-child{font-size:22px;font-weight:400}.fabric-advanced[open] summary span{transform:none}.fabric-advanced[open] summary>span:last-child{transform:rotate(45deg)}.fabric-advanced>.section-hint,.budget-options .section-hint{margin-top:12px}.fabric-advanced .fields-grid{margin-top:18px}.example-picker{border:1px solid #d6ddca;background:#f1f3e9;border-radius:5px;padding:14px 15px;margin-top:20px}.example-picker strong{font-size:13px;font-weight:600}.example-picker p{font-size:12px;line-height:1.6;margin-top:3px}.example-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}.example-buttons button,.increment-presets button{border:1px solid #a6b296;background:var(--paper);border-radius:4px;color:var(--green);padding:9px 12px;font-size:12px;min-height:44px;line-height:1.4}.example-buttons button:hover,.increment-presets button:hover{background:#e6ebdb;border-color:#7b8e69}.increment-presets{margin-top:13px}.increment-presets>span{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}.increment-presets>div{display:flex;gap:7px;flex-wrap:wrap}.increment-presets button{min-width:58px}.increment-presets button[aria-pressed="true"]{background:var(--green);color:white;border-color:var(--green)}[data-calculator="fabric"] .save-bar{font-size:11px;gap:10px;flex-wrap:wrap}[data-calculator="fabric"] .save-bar button{font-size:12px;min-height:44px;min-width:44px}[data-calculator="fabric"] .reset-button{font-size:12px}.calculator-after .content-panel .scope-note{font-size:12px}.calculator-after .content-panel .text-link{display:flex;justify-content:space-between;max-width:350px}
  /* 图示只解释结构；具体尺寸在旁边的文字图例中完整列出。 */
  [data-calculator="fabric"] .result-number strong{font-size:clamp(56px,5.8vw,76px)}[data-calculator="fabric"] .result-number{gap:10px;flex-wrap:wrap}[data-calculator="fabric"] .result-description{font-size:13px;line-height:1.7}[data-calculator="fabric"] .result-card h3{font-size:14px;line-height:1.55}[data-calculator="fabric"] .result-table{font-size:12px;line-height:1.65}[data-calculator="fabric"] .result-metrics span{font-size:11px;line-height:1.5}[data-calculator="fabric"] .example-badge{font-size:10px}[data-calculator="fabric"] .result-actions button{font-size:12px}.project-summary{margin-top:17px;padding:12px 14px;border:1px solid #6c8a74;border-radius:4px;color:#edf1e1;font-size:13px;line-height:1.7}.project-summary p{color:inherit;font-size:13px}.project-summary strong{font-weight:600}.plan-steps{margin-top:17px;border-block:1px solid #66816e}.plan-steps>div,.plan-steps>li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-block:11px;font-size:13px;line-height:1.55}.plan-steps>div+div,.plan-steps>li+li{border-top:1px solid #57755f}.plan-steps span{color:#d8e1cd}.plan-steps strong{font-weight:600;text-align:right;flex-shrink:0}.plan-steps ol{margin:0;padding-left:20px}.curtain-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:13px}.curtain-layout:has(>.curtain-piece:only-child){grid-template-columns:minmax(0,1fr)}.curtain-piece{display:flex;flex-wrap:wrap;gap:4px;align-content:start;border:1px solid #779380;border-radius:5px;padding:12px;min-width:0;background:#ffffff08}.curtain-piece h4,.curtain-piece p,.curtain-piece>strong,.curtain-piece>span{width:100%;margin:0}.curtain-piece h4,.curtain-piece>strong{font-size:12px;font-weight:600;margin-bottom:7px;line-height:1.55}.curtain-piece p{font-size:12px;color:#dce5d3;line-height:1.65;margin-top:7px}.joined-widths{display:flex;gap:4px;width:100%;min-height:90px}.joined-width{flex:1;min-width:0;min-height:86px;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px 3px;border:1px dashed #b4c4a5;background:linear-gradient(90deg,#ffffff08,#ffffff17,#ffffff08);font-size:11px;line-height:1.6;color:#f2f3e8;overflow-wrap:anywhere}.joined-width+.joined-width{border-left-style:solid}.curtain-piece .joined-widths+.plan-note{font-size:11px}.drop-breakdown{display:grid;grid-template-columns:minmax(64px,90px) 1fr;gap:16px;align-items:stretch;margin-top:14px}.drop-diagram{display:flex;flex-direction:column;height:250px;min-height:250px;width:88px;max-width:100%;border:1px solid #b1c0a5;border-radius:3px;overflow:hidden;flex-shrink:0}.drop-segment{display:flex;align-items:center;justify-content:center;min-height:8px;flex:0 0 var(--segment-size,25%);padding:2px;background:#9bb28b;color:var(--green-deep);font-size:11px;font-weight:600;line-height:1.3}.drop-segment+.drop-segment{border-top:1px solid #244c3e88}.drop-segment:nth-child(2),.drop-segment.segment-finished{background:repeating-linear-gradient(90deg,#d6dfbe 0px,#d6dfbe 13px,#bdcca4 14px,#d6dfbe 22px)}.drop-segment.segment-top{background:#afc298}.drop-segment.segment-hem{background:#d1bc87}.drop-segment.segment-trim{background:#eee4c2}.drop-legend{min-width:0;flex:1}.drop-legend>div,.drop-legend>li{display:flex;justify-content:space-between;gap:10px;padding-block:9px;border-bottom:1px solid #57755f;font-size:12px;line-height:1.55}.drop-legend span{color:#dbe3cf}.drop-legend strong{font-weight:600;text-align:right;white-space:nowrap}.drop-legend dt{font-size:12px;color:#dbe3cf}.drop-legend dd{font-size:13px;margin:0 0 10px}.plan-note{color:#dbe3cf;font-size:12px;line-height:1.75;margin-top:11px}.budget-estimate{background:#f0efdc;color:var(--green);border-radius:5px;padding:15px 17px;margin-top:22px}.budget-estimate>strong{display:block;font-family:var(--serif);font-size:32px;line-height:1.3;font-weight:400}.budget-estimate p{font-size:12px;line-height:1.7;color:#4e614b;margin-top:5px}.budget-estimate h3{margin-top:0!important;color:var(--green)}[data-calculator="fabric"] .stale-warning{border:1px solid #a9a16c;background:#f6e9bd;color:#54451e;border-radius:4px;padding:12px 14px;font-size:13px;line-height:1.6;margin-top:18px}[data-calculator="fabric"] .cut-plan{flex-wrap:wrap;max-height:none;gap:8px}[data-calculator="fabric"] .cut-piece{flex:1 1 28%;min-width:90px;font-size:12px}
  .listing-intro{padding-block:55px 30px}.listing-intro p{margin-top:18px;max-width:600px}.listing-body{padding-bottom:65px}.article-layout{display:grid;grid-template-columns:minmax(0,740px) 1fr;gap:30px 55px;padding-block:32px 65px}.article-header{grid-column:1/-1;max-width:860px}.article-header h1{font-size:clamp(38px,4.7vw,62px);margin-top:14px}.article-lede{font-size:16px;line-height:1.8;max-width:700px;margin-top:22px}.article-content{min-width:0}.article-illustration{border-radius:6px;background:var(--sage);padding:15px;text-align:center}.article-illustration .curtain-diagram{max-width:430px;max-height:300px}.article-content section{margin-top:36px}.article-content h2{font-size:30px;margin-bottom:17px}.article-content p,.article-content li{font-size:15px;line-height:1.9;color:var(--muted)}.article-content p+p{margin-top:14px}.article-content li{margin-block:8px}.worked-example{padding:20px 24px;background:#eeeee1;border-left:3px solid #7f9271;margin-top:22px}.worked-example p{margin-top:10px}.article-sidebar{background:#e9eddc;border:1px solid var(--line);padding:25px;border-radius:6px;align-self:start;position:sticky;top:25px}.article-sidebar h2{font-size:31px;margin-block:13px}.article-sidebar p{font-size:13px}.article-sidebar .button{font-size:11px;gap:12px;width:100%;margin-top:23px;padding-inline:12px}.article-sidebar>a:last-child{display:block;font-size:11px;margin-top:14px}.sources{border-top:1px solid var(--line);padding-top:24px}.sources h2{font-size:23px}.sources p,.sources li{font-size:12px}.simple-page{max-width:850px;padding-block:50px 65px}.simple-page h1{margin-block:17px 30px;font-size:clamp(40px,5vw,60px)}.prose p,.prose li{margin-block:14px;color:var(--muted)}.prose h2{margin-top:36px;font-size:29px}.prose code{font-size:13px;background:#eeeee2;padding:3px 6px;overflow-wrap:anywhere}.prose table{width:100%;border-collapse:collapse;margin-top:20px;font-size:13px}.prose td,.prose th{border:1px solid var(--line);padding:10px;text-align:left}.formula{font-family:var(--sans);font-size:13px;padding:17px 20px;background:var(--sage);border-radius:5px;margin-block:15px;overflow-wrap:anywhere}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;box-shadow:0 4px 20px #0002;padding:13px 20px;border-radius:5px;max-width:calc(100vw - 32px);font-size:13px;z-index:30}
}
@layer responsive {
  @media(max-width:960px){[data-calculator="fabric"].calculator-shell{grid-template-columns:minmax(0,1fr);max-width:740px}[data-calculator="fabric"] .calculator-after{grid-template-columns:minmax(0,1fr)}[data-calculator="fabric"] .result-number strong{font-size:72px}}
  @media(max-width:600px){[data-calculator="fabric"] .form-heading h2{font-size:23px}[data-calculator="fabric"] .form-heading{align-items:start;gap:10px}[data-calculator="fabric"] .form-section legend{font-size:16px}[data-calculator="fabric"] .result-metrics{grid-template-columns:1fr;gap:0;padding-block:4px;margin-top:19px}[data-calculator="fabric"] .result-metrics>div{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding-block:12px}[data-calculator="fabric"] .result-metrics>div+div{border-top:1px solid #57755f}[data-calculator="fabric"] .result-metrics strong{font-size:26px}[data-calculator="fabric"] .result-metrics span{font-size:12px;max-width:48%;text-align:right;margin:0}[data-calculator="fabric"] .result-heading{flex-wrap:wrap}[data-calculator="fabric"] .save-bar>span{flex-basis:100%}.curtain-layout{grid-template-columns:minmax(0,1fr)}.curtain-piece{padding:14px}.joined-widths{min-height:100px}.joined-width{min-height:96px;font-size:12px}.plan-steps>div,.plan-steps>li{font-size:13px;gap:12px}.drop-breakdown{grid-template-columns:64px minmax(0,1fr);gap:13px}.drop-diagram{width:64px}.drop-legend>div,.drop-legend>li{font-size:12px}.budget-estimate{padding:15px}.example-buttons>button{flex:1}.scope-note{padding:11px 12px}.section-hint{font-size:12px}.plan-note{font-size:12px}}
  @media(max-width:420px){[data-calculator="fabric"] .form-heading{flex-wrap:wrap;align-items:center}[data-calculator="fabric"] .form-heading h2{font-size:23px}[data-calculator="fabric"] .field:has(select){grid-column:1/-1}[data-calculator="fabric"] .form-section:first-of-type .field:last-child{grid-column:1/-1}[data-calculator="fabric"] .field small{font-size:12px}[data-calculator="fabric"] .field label{font-size:13px}[data-calculator="fabric"] .result-number strong{font-size:66px}.plan-steps>div,.plan-steps>li{flex-wrap:wrap;gap:3px}.plan-steps strong{margin-left:auto}.drop-legend strong{white-space:normal}}
  @media(min-width:1500px){.hero{gap:90px}}
  @media(max-width:1000px){.container{width:calc(100% - 48px)}.nav nav{gap:18px}.hero{gap:25px}.hero h1{font-size:54px}.hero-art{min-height:375px;padding-top:35px}.hero-art .curtain-diagram{height:285px}.art-tag{font-size:16px}.method-grid{gap:24px}.guide-grid{gap:16px}.guide-card h3{font-size:21px}.form-card{padding:22px}.result-card{padding:23px}.article-layout{gap:30px}.article-sidebar{padding:20px}}
  @media(max-width:760px){.container{width:calc(100% - 36px)}.nav{min-height:74px;flex-wrap:wrap;padding-block:15px;gap:10px 20px}.brand{font-size:20px}.nav-cta{display:none}.nav nav{gap:20px}.nav nav a{font-size:11px;min-height:30px}.hero{grid-template-columns:1fr;gap:28px;padding-block:40px}.hero h1{font-size:54px}.hero-copy>p{max-width:500px}.hero-art{min-height:310px;max-width:560px;border-radius:80px 80px 5px 5px;width:100%;padding-block:23px 10px}.hero-art .curtain-diagram{height:265px}.art-label{margin-bottom:0}.art-tag{right:20px;bottom:30px}.section-heading{align-items:start}.section-heading>p{display:none}.tools-section{padding-bottom:40px}.tool-card{padding:25px}.tool-card h3{font-size:27px}.tool-grid{gap:15px}.card-icon{right:18px;top:20px;width:36px;height:36px;padding:8px}.method-grid{grid-template-columns:1fr 1fr;gap:30px}.method-grid>div:first-child{grid-row:span 2}.method-grid h2{font-size:35px}.guide-grid{grid-template-columns:1fr 1fr;gap:28px 18px}.guide-thumb{height:170px}.guides-section{padding-block:40px}.footer-grid{flex-direction:column}.footer-links{gap:20px;flex-wrap:wrap}.footer-note{flex-direction:column;gap:5px}.calculator-intro{padding-block:23px}.calculator-intro .breadcrumb{margin-bottom:17px}.calculator-intro h1{font-size:43px}.calculator-intro>p{font-size:13px}.calculator-shell{grid-template-columns:1fr;gap:20px}.result-area{position:static}.calculator-after{grid-template-columns:1fr;gap:16px;margin-top:0}.form-card{padding:22px}.result-card{padding:25px}.result-number strong{font-size:75px}.result-metrics strong{font-size:28px}.result-heading .eyebrow{font-size:10px}.result-table{font-size:12px}.comparison span{font-size:10px}.result-actions button{font-size:12px}.calculator-intro+.calculator-shell .fields-grid{margin-top:18px;gap:15px}.advanced{margin-top:18px;padding-top:12px}.calculate-button{margin-top:17px}.field small{font-size:11px}.field label{font-size:12px}.article-layout{grid-template-columns:1fr;padding-top:23px}.article-header h1{font-size:42px}.article-sidebar{position:static}.article-content h2{font-size:28px}.article-illustration .curtain-diagram{max-height:250px}.section-heading .text-link{font-size:11px;white-space:nowrap}.simple-page{padding-block:35px}.prose table{font-size:11px}}
  @media(max-width:420px){.nav{gap:5px}.nav nav{width:100%;justify-content:space-between;gap:10px}.nav nav a{min-height:36px}.hero h1{font-size:46px}.hero-assurance{gap:14px}.hero-art{min-height:285px}.hero-art .curtain-diagram{height:240px}.tool-grid{grid-template-columns:1fr}.method-grid{grid-template-columns:1fr 1fr;gap:23px}.method-grid>div:first-child{grid-column:1/-1;grid-row:auto}.method-grid h2 br{display:none}.method-grid h2{font-size:31px}.method-grid>div:last-child{grid-column:1/-1}.guide-thumb{height:130px}.guide-thumb .curtain-diagram{height:130px}.diagram-number{font-size:47px}.diagram-caption{font-size:7px}.guide-card h3{font-size:22px}.section-heading{gap:12px}.section-heading h2{font-size:32px}.section-heading .text-link{white-space:normal;gap:6px;max-width:80px}.fields-grid{gap:15px 12px}.form-card{padding:18px}.form-heading h2{font-size:24px}.field input,.field select{padding-inline:9px}.result-card{padding:22px}.calculator-intro h1{font-size:39px}}
  @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
}
@layer print {
  @page{size:A4;margin:16mm}
  @media print{body:not(.calculator-page)>main{display:block!important}body:not(.calculator-page) #print-sheet{display:none!important}body:not(.calculator-page) .article-sidebar,body:not(.calculator-page) .breadcrumb{display:none}body{font-size:11pt;background:white;color:#111}body>*{display:none!important}#print-sheet{display:block!important}#print-sheet h1{font-size:26pt;margin-bottom:8mm}#print-sheet h2{font-size:16pt;margin-block:6mm 3mm}#print-sheet p{font-size:10pt;color:#222;margin-block:3mm;line-height:1.5}#print-sheet table{width:100%;border-collapse:collapse;font-size:10pt}#print-sheet td,#print-sheet th{border-bottom:1px solid #bbb;text-align:left;padding:2mm}#print-sheet .print-note{font-size:9pt;color:#444;margin-top:7mm}#print-sheet tr{break-inside:avoid}#print-sheet h2{break-after:avoid}}
}

/* 完整算式可展开查看，主计划先保留采购、每窗分配和裁长图解。 */
@layer components { .plan-details{margin-top:24px;border-top:1px solid #66816e;padding-top:10px}.plan-details summary{display:flex;align-items:center;min-height:44px;font-size:14px;font-weight:600;cursor:pointer}.plan-details[open] summary{margin-bottom:10px} }
/* 手机保留三项紧凑摘要与可并排的窗帘示意，让核心采购信息更快进入视野。 */
@layer components { [data-calculator="fabric"] .result-number{flex-wrap:wrap}[data-calculator="fabric"] .result-number strong,.budget-estimate strong{min-width:0;overflow-wrap:anywhere} }
@layer responsive { @media(max-width:600px){[data-calculator="fabric"] .result-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}[data-calculator="fabric"] .result-metrics>div{display:block;min-width:0;padding-block:12px}[data-calculator="fabric"] .result-metrics>div+div{border-top:0}[data-calculator="fabric"] .result-metrics strong{font-size:clamp(19px,5.4vw,24px);overflow-wrap:anywhere}[data-calculator="fabric"] .result-metrics span{display:block;max-width:none;text-align:left;margin-top:7px;font-size:12px;line-height:1.5}.curtain-layout{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.curtain-piece{padding:12px}.joined-widths{min-height:76px}.joined-width{min-height:72px} } }

/* 反馈邮箱独立成行，并允许在窄屏下换行。 */
@layer components { .footer-grid .footer-feedback{font-size:13px}.footer-feedback a{display:inline-block;min-height:44px;padding-block:11px;overflow-wrap:anywhere;max-width:100%;vertical-align:middle} }