.comfort-page{background:#eee4d2;color:#183129}.site-head nav a.active{color:#fff;border-bottom:1px solid #d09a63;padding-bottom:8px}.home-return{white-space:nowrap;text-decoration:none;font-size:10px;color:#d8c6ad;border-left:1px solid #ffffff29;padding-left:18px}.comfort-hero{min-height:72vh;padding:160px 7vw 70px;background:#17251f;color:#f5ead8;display:grid;grid-template-columns:1.2fr .55fr;gap:9vw;align-items:end;position:relative;overflow:hidden}.comfort-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 18%,#c9753d35,transparent 35%),linear-gradient(128deg,transparent 65%,#db9b5d16 65%)}.comfort-hero>div,.comfort-hero aside{position:relative}.comfort-hero h1{font:500 clamp(64px,7.5vw,116px)/1.08 Georgia,"Songti SC",serif;letter-spacing:-5px;margin:22px 0}.comfort-hero>div p{max-width:760px;color:#bbb3a7;font-size:13px;line-height:2}.comfort-hero aside{border-left:1px solid #ffffff2a;padding-left:34px;display:grid;gap:8px}.comfort-hero aside span{font:9px Georgia;letter-spacing:3px;color:#d99b62;margin-top:20px}.comfort-hero aside b{font:35px Georgia}.comfort-hero aside p{font-size:10px;color:#aaa297}.comfort-lab{padding:90px 6vw;display:grid;grid-template-columns:1.05fr .95fr;gap:18px;align-items:start}.comfort-controls,.comfort-result{background:#f6efe3;border:1px solid #c8baa2;padding:40px}.comfort-controls header{display:grid;grid-template-columns:1fr auto;align-items:end;border-bottom:1px solid #c1b39c;padding-bottom:25px}.comfort-controls header>span,.result-head>span{grid-column:1/3;font:9px Georgia;letter-spacing:3px;color:#a75c35}.comfort-controls h2,.comfort-result h2{font:38px Georgia,"Songti SC",serif;margin:10px 0 0}.comfort-controls button{border:0;background:none;color:#8c674e;font-size:10px;text-decoration:underline;cursor:pointer;padding:8px}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 34px}.control-grid label{display:grid;grid-template-columns:1fr auto;gap:12px;padding:26px 0 18px;border-bottom:1px solid #d3c7b4}.control-grid label>span{font-size:11px}.control-grid small{color:#918678}.control-grid output{font:italic 25px Georgia;color:#a75c35}.control-grid input{grid-column:1/3;width:100%;accent-color:#b76438}.control-grid em{grid-column:1/3;font-style:normal;font-size:8px;color:#988c7c}.comfort-result{background:#20342d;color:#f5ead8;position:sticky;top:100px}.result-head p{color:#aeb2ac;font-size:11px}.result-numbers{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ffffff29;border-left:1px solid #ffffff20;margin-top:30px}.result-numbers article{padding:26px;border-right:1px solid #ffffff20;border-bottom:1px solid #ffffff20;display:grid;gap:7px}.result-numbers span{font:9px Georgia;letter-spacing:2px;color:#d6975f}.result-numbers strong{font:italic 52px Georgia}.result-numbers sup{font-size:17px}.result-numbers small{font-size:8px;color:#9da49f}.pmv-scale{margin:42px 0 30px;padding-top:18px;position:relative}.pmv-scale:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:linear-gradient(90deg,#4878aa,#74a7bd,#b7d0c3,#e9d9a7,#df9965,#b64e39)}.pmv-scale i{position:absolute;top:-5px;left:50%;width:2px;height:19px;background:#fff;box-shadow:0 0 0 4px #fff4;transform:translateX(-1px);transition:.35s}.pmv-scale>div{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.pmv-scale span{font:10px Georgia;color:#d2c7b8}.pmv-scale small{font:8px sans-serif;color:#8f9c95}.comfort-advice{border-top:1px solid #ffffff29;padding-top:24px}.comfort-advice span{font:9px Georgia;letter-spacing:3px;color:#d6975f}.comfort-advice p{font-size:11px;line-height:2;color:#c1c1b9}.comfort-explain{padding:100px 7vw;background:#d8c6aa;display:grid;grid-template-columns:.65fr 1.2fr;gap:8vw}.comfort-explain h2{font:500 clamp(44px,4.8vw,72px)/1.35 Georgia,"Songti SC",serif;margin:18px 0}.comfort-explain>div:last-child{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid #aa987e;border-top:1px solid #aa987e}.comfort-explain article{padding:28px;border-right:1px solid #aa987e;border-bottom:1px solid #aa987e}.comfort-explain article b{font:19px Georgia,"Songti SC",serif}.comfort-explain article p{font-size:10px;line-height:1.9;color:#6f6559}.comfort-cta{padding:100px 7vw;background:#17251f;color:#f5ead8;display:flex;justify-content:space-between;align-items:center;gap:35px}.comfort-cta h2{font:46px Georgia,"Songti SC",serif;margin:0}
@media(max-width:950px){.comfort-hero,.comfort-lab,.comfort-explain{grid-template-columns:1fr}.comfort-result{position:static}.comfort-explain{gap:35px}}
@media(max-width:650px){.home-return{font-size:0;padding-left:8px}.home-return:after{content:"返回";font-size:10px}.comfort-hero{padding:120px 20px 55px}.comfort-hero h1{font-size:55px;letter-spacing:-2px}.comfort-lab{padding:20px;grid-template-columns:1fr}.comfort-controls,.comfort-result{padding:27px 20px}.comfort-controls header{grid-template-columns:1fr}.comfort-controls header>span{grid-column:auto}.comfort-controls button{text-align:left;padding-left:0}.control-grid{grid-template-columns:1fr}.comfort-explain{padding:70px 20px}.comfort-explain>div:last-child{grid-template-columns:1fr}.comfort-cta{padding:70px 20px;align-items:flex-start;flex-direction:column}.comfort-cta h2{font-size:36px}}

/* v2: balanced simulator panels and quieter typography */
@media(min-width:951px){
  .comfort-hero{min-height:620px;grid-template-columns:1fr 1fr;padding-top:145px;padding-bottom:58px}
  .comfort-hero h1{font-size:clamp(52px,5vw,78px);line-height:1.14;letter-spacing:-3px;max-width:760px}
  .comfort-hero>div p{max-width:720px;font-size:12px}
  .comfort-lab{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
  .comfort-controls,.comfort-result{width:100%;min-height:690px}
  .comfort-result{display:flex;flex-direction:column}
  .comfort-advice{margin-top:auto}
  .comfort-explain{padding-top:70px;padding-bottom:70px;grid-template-columns:.5fr 1.5fr;align-items:start;gap:5vw}
  .comfort-explain h2{font-size:clamp(34px,3vw,50px);line-height:1.35;max-width:480px}
  .comfort-explain article{padding:22px;min-height:150px}
  .comfort-explain article b{font-size:17px}
}
@media(max-width:950px){.comfort-hero h1{font-size:clamp(48px,10vw,66px);letter-spacing:-2px}.comfort-explain h2{font-size:clamp(36px,8vw,52px)}}

/* v3: compact PMV / PPD canvas without forced blank space */
@media(min-width:951px){
  .comfort-hero{min-height:520px;padding-top:125px;padding-bottom:42px}
  .comfort-hero h1{font-size:clamp(48px,4.6vw,70px);margin-top:15px;margin-bottom:16px}
  .comfort-hero aside{padding-top:0;padding-bottom:0}
  .comfort-hero aside span{margin-top:10px}
  .comfort-lab{padding-top:58px;padding-bottom:58px;align-items:start}
  .comfort-controls,.comfort-result{min-height:0;padding:30px}
  .comfort-controls header{padding-bottom:18px}
  .comfort-controls h2,.comfort-result h2{font-size:34px}
  .control-grid{column-gap:28px}
  .control-grid label{padding:18px 0 12px;gap:8px}
  .control-grid output{font-size:22px}
  .comfort-result{position:sticky;display:block}
  .result-numbers{margin-top:22px}
  .result-numbers article{padding:20px}
  .result-numbers strong{font-size:44px}
  .pmv-scale{margin-top:30px;margin-bottom:22px}
  .comfort-advice{margin-top:0;padding-top:18px}
  .comfort-advice p{margin-bottom:0}
}

/* v4: shorten both desktop simulator panels and remove reserved blank height */
@media(min-width:951px){
  .comfort-lab{padding-top:44px;padding-bottom:44px;align-items:start}
  .comfort-controls,.comfort-result{height:auto!important;min-height:0!important;align-self:start;padding:24px 30px}
  .comfort-controls header{padding-bottom:12px}
  .comfort-controls h2,.comfort-result h2{font-size:32px;margin-top:7px}
  .control-grid label{padding:13px 0 9px;gap:6px}
  .control-grid output{font-size:21px}
  .control-grid input{margin:0}
  .result-head p{margin:8px 0 0}
  .result-numbers{margin-top:17px}
  .result-numbers article{padding:16px 20px}
  .result-numbers strong{font-size:42px}
  .pmv-scale{margin:23px 0 17px;padding-top:15px}
  .comfort-advice{padding-top:14px}
  .comfort-advice p{line-height:1.75;margin-top:9px}
}

/* v5: PMV artwork hero and content-height input panel */
.comfort-hero:before{
  background:
    linear-gradient(90deg,#17251f 0%,#17251ff2 38%,#17251fa8 62%,#17251f48 100%),
    url("assets/pmv-thermal-comfort.png") right center/58% auto no-repeat;
}
.comfort-hero aside{
  background:#14251fd1;
  border:1px solid #ffffff24;
  border-left:2px solid #d99b62;
  padding:18px 24px;
  backdrop-filter:blur(6px);
}
.comfort-lab{align-items:start!important}
.comfort-controls{
  height:max-content!important;
  min-height:0!important;
  align-self:start!important;
}
@media(max-width:950px){
  .comfort-hero:before{
    background:
      linear-gradient(180deg,#17251ff5 0%,#17251fe0 54%,#17251f73 100%),
      url("assets/pmv-thermal-comfort.png") center bottom/cover no-repeat;
  }
  .comfort-hero aside{padding:16px 20px}
}

/* v6: equal-height desktop cards with a shorter recommendation panel */
@media(min-width:951px){
  .comfort-lab{align-items:stretch!important}
  .comfort-controls,.comfort-result{height:auto!important;min-height:0!important;align-self:stretch!important}
  .comfort-result{display:flex;flex-direction:column;padding:22px 30px}
  .comfort-result h2{font-size:30px;line-height:1.15}
  .result-head p{margin:6px 0 0;line-height:1.55}
  .result-numbers{margin-top:13px}
  .result-numbers article{padding:13px 20px}
  .result-numbers strong{font-size:39px}
  .pmv-scale{margin:18px 0 12px;padding-top:13px}
  .comfort-advice{margin-top:auto;padding:11px 0 0}
  .comfort-advice p{margin:6px 0 0;line-height:1.45;font-size:10px}
}