:root{color:#2b2925;background:#f4efe7;font-family:Microsoft YaHei,PingFang SC,Segoe UI,Arial,sans-serif;font-size:16px;line-height:1.6;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(180deg,#f4efe7f5,#ebe5dbfa),#f4efe7}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}a{color:inherit}.page-shell{width:min(1120px,100%);margin:0 auto;padding:12px 14px 40px}.hero-section{display:grid;gap:18px;padding:16px 0 8px}.hero-copy{padding:6px 2px 0}.eyebrow,.section-kicker,.small-label{margin:0 0 8px;color:#8b5e34;font-size:.82rem;font-weight:700}.hero-copy h1{margin:0;color:#201f1c;font-size:clamp(2rem,11vw,4.5rem);line-height:1.08;letter-spacing:0}.hero-text{margin:16px 0 0;color:#514a40;font-size:1.04rem}.hero-image{position:relative;margin:0;overflow:hidden;border-radius:8px;box-shadow:0 18px 50px #473a2b2e}.hero-image img{width:100%;aspect-ratio:16 / 9;object-fit:cover}picture{display:contents}.quick-nav{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:14px -4px 6px;padding:8px 4px;background:#f4efe7f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.quick-nav a{min-height:44px;border:1px solid #d8cbb9;border-radius:8px;background:#fffaf3;color:#3a332b;display:grid;place-items:center;font-size:.94rem;font-weight:700;text-decoration:none}.section{padding:30px 0 8px;scroll-margin-top:78px}.section-heading{display:grid;gap:8px;margin-bottom:14px}.section-heading h2,.intro-band h2{margin:0;color:#26231f;font-size:1.55rem;line-height:1.22;letter-spacing:0}.section-heading p:not(.section-kicker){margin:0;color:#665d51}.summary-grid{display:grid;gap:10px;margin-top:14px}.summary-grid article,.hotspot-note,.scene-card,.build-section article,.questions-section ol,.benefit-grid article,.plan-legend,.assumption-box,.budget-levels article,.cost-table article,.material-grid article,.logistics-grid article,.local-rules{border:1px solid rgba(185,166,139,.42);border-radius:8px;background:#fffaf3db;box-shadow:0 12px 34px #604d3614}.summary-grid article{position:relative;min-height:116px;padding:16px 16px 16px 58px}.summary-grid span{position:absolute;top:18px;left:16px;width:30px;height:30px;border-radius:999px;background:#8b5e34;color:#fffaf3;display:grid;place-items:center;font-weight:800}.summary-grid h3,.hotspot-note h3,.scene-card h3,.edge-grid h3,.build-section h3,.benefit-grid h3,.assumption-box h3,.cost-table h3,.material-grid h3,.logistics-grid h3,.local-rules h3{margin:0;color:#2b2925;font-size:1.08rem;line-height:1.25;letter-spacing:0}.summary-grid p,.hotspot-note p,.scene-card p,.edge-grid p,.benefit-grid p,.logistics-grid p{margin:8px 0 0;color:#62584b}.image-viewer{display:grid;gap:12px}.viewer-frame{position:relative;margin:0;overflow:hidden;border-radius:8px;background:#dfd5c7;box-shadow:0 16px 44px #483d3029}.viewer-frame img{width:100%;aspect-ratio:16 / 9;object-fit:cover}.viewer-frame figcaption{position:absolute;left:10px;right:10px;bottom:10px;display:flex;align-items:center;gap:8px;min-height:42px;padding:8px 10px;border-radius:8px;background:#211e1ab3;color:#fffaf3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.viewer-frame figcaption span{flex:0 0 auto;padding:4px 8px;border-radius:999px;background:#fffaf329;font-size:.8rem;font-weight:700}.viewer-frame figcaption strong{min-width:0;font-size:1rem}.viewer-controls{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;gap:10px}.viewer-controls button{width:52px;height:48px;border:1px solid #cdbda6;border-radius:8px;background:#fffaf3;color:#4b3928;font-size:2rem;line-height:1;cursor:pointer}.viewer-controls p{margin:0;color:#665d51;font-weight:700;text-align:center}.viewer-copy{padding:16px;border-left:4px solid #a16d39;background:#fffaf3ad}.viewer-copy p{margin:0;color:#3f382f;font-weight:700}.viewer-copy ul,.scene-card ul{display:grid;gap:6px;margin:12px 0 0;padding:0;list-style:none}.viewer-copy li,.scene-card li{position:relative;padding-left:18px;color:#665d51}.viewer-copy li:before,.scene-card li:before{content:"";position:absolute;top:.73em;left:2px;width:7px;height:7px;border-radius:999px;background:#a16d39}.thumbnail-strip{display:grid;grid-auto-flow:column;grid-auto-columns:72px;gap:8px;margin:2px -14px 0;padding:0 14px 6px;overflow-x:auto;scrollbar-width:thin}.thumbnail-strip button{position:relative;height:54px;padding:0;overflow:hidden;border:2px solid transparent;border-radius:8px;background:#dfd5c7;cursor:pointer}.thumbnail-strip button.is-active{border-color:#8b5e34}.thumbnail-strip img{width:100%;height:100%;object-fit:cover}.thumbnail-strip span{position:absolute;right:4px;bottom:4px;min-width:20px;min-height:20px;border-radius:999px;background:#201f1cc2;color:#fffaf3;font-size:.75rem;font-weight:800}.plan-layout{display:grid;gap:12px}.plan-image-wrap{position:relative;overflow:hidden;border:1px solid rgba(185,166,139,.48);border-radius:8px;background:#fffaf3;box-shadow:0 16px 42px #483d301f}.plan-image-wrap img{width:100%;aspect-ratio:4 / 3;object-fit:contain}.hotspot{position:absolute;width:38px;height:38px;transform:translate(-50%,-50%);border:2px solid #fffaf3;border-radius:999px;background:#8b5e34;color:#fffaf3;box-shadow:0 6px 18px #31241652;font-weight:900;cursor:pointer}.hotspot.is-active{background:#2f6b55;outline:4px solid rgba(47,107,85,.2)}.hotspot-note{padding:16px}.hotspot-note strong{display:block;margin-top:10px;color:#3b332b}.plan-legend{display:grid;gap:8px;margin-top:12px;padding:14px}.plan-legend p{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:start;margin:0;color:#50483f;font-weight:700}.plan-legend span{width:24px;height:24px;border-radius:999px;background:#8b5e34;color:#fffaf3;display:grid;place-items:center;font-size:.78rem;font-weight:900}.benefit-grid{display:grid;gap:10px}.benefit-grid article{padding:16px}.scene-switcher{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:12px}.scene-switcher button{min-height:48px;border:1px solid #d2c1aa;border-radius:8px;background:#fffaf3;color:#4e4338;font-size:.94rem;font-weight:800;cursor:pointer}.scene-switcher button.is-active{border-color:#2f6b55;background:#2f6b55;color:#fffaf3}.scene-card{display:grid;gap:0;overflow:hidden}.scene-card figure,.edge-grid figure{margin:0}.scene-card img{width:100%;aspect-ratio:16 / 9;object-fit:cover}.scene-card article,.edge-grid article{padding:16px}.edge-grid{display:grid;gap:12px}.edge-grid figure{overflow:hidden;border-radius:8px;box-shadow:0 14px 40px #483d301f}.edge-grid img{width:100%;aspect-ratio:16 / 9;object-fit:cover}.edge-grid article{border-left:4px solid #2f6b55;background:#fffaf3ad}.progress-line{height:10px;overflow:hidden;border-radius:999px;background:#ddd1c1}.progress-line span{display:block;height:100%;border-radius:inherit;background:#2f6b55;transition:width .18s ease}.progress-text{margin:8px 0 14px;color:#665d51;font-weight:700}.checklist{display:grid;gap:10px}.build-section article{padding:16px}.build-section label{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:start;min-height:44px;margin-top:10px;color:#4d453c;cursor:pointer}.build-section input{width:22px;height:22px;margin:1px 0 0;accent-color:#2f6b55}.build-section label.is-checked span{color:#7c7266;text-decoration:line-through;text-decoration-thickness:2px}.questions-section ol{display:grid;gap:10px;margin:0;padding:16px 16px 16px 38px}.questions-section li{color:#433b33;font-weight:700}.budget-section{display:grid;gap:14px}.budget-section .section-heading h2,.budget-section .compact-heading h2{font-size:1.42rem}.budget-section .section-heading p:not(.section-kicker),.budget-section .compact-heading p:not(.section-kicker),.assumption-box,.budget-levels article,.cost-table article,.material-grid article,.logistics-grid article,.local-rules{font-size:.96rem;line-height:1.58}.assumption-box,.local-rules{padding:16px}.assumption-box ul,.material-grid ul,.local-rules ul{display:grid;gap:8px;margin:12px 0 0;padding-left:20px}.assumption-box li,.material-grid li,.local-rules li{color:#50483f}.budget-levels{display:grid;gap:10px}.budget-levels article{padding:16px}.budget-levels p{margin:0 0 4px;color:#8b5e34;font-size:.9rem;font-weight:800}.budget-levels strong{display:block;color:#2f6b55;font-size:1.46rem;line-height:1.15}.budget-levels span{display:block;margin-top:8px;color:#62584b}.cost-table{display:grid;gap:10px}.cost-table article{overflow:hidden}.cost-title{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start;padding:14px 16px;background:#2f6b5514}.cost-title p{margin:0 0 3px;color:#8b5e34;font-size:.82rem;font-weight:800}.cost-title strong{color:#2f6b55;font-size:1.1rem;white-space:nowrap}.cost-table dl{display:grid;gap:0;margin:0;padding:0 16px 14px}.cost-table dl div{display:grid;gap:4px;padding-top:12px}.cost-table dt{color:#8b5e34;font-size:.82rem;font-weight:800}.cost-table dd{margin:0;color:#4d453c}.compact-heading{margin-top:16px}.material-grid,.logistics-grid{display:grid;gap:10px}.material-grid article,.logistics-grid article{padding:16px}.sequence-wrap{display:grid;gap:12px}.sequence-list{display:grid;gap:10px;margin:0;padding:0;list-style:none;counter-reset:build-step}.sequence-list li{position:relative;min-height:48px;padding:12px 14px 12px 52px;border:1px solid rgba(185,166,139,.42);border-radius:8px;background:#fffaf3b8;color:#4d453c;counter-increment:build-step}.sequence-list li:before{content:counter(build-step);position:absolute;left:14px;top:12px;width:28px;height:28px;border-radius:999px;background:#8b5e34;color:#fffaf3;display:grid;place-items:center;font-size:.82rem;font-weight:900}@media(min-width:720px){.page-shell{padding:22px 28px 56px}.hero-section{grid-template-columns:.82fr 1.18fr;align-items:center;min-height:78vh;padding:26px 0 18px}.quick-nav{margin-inline:0;padding-inline:0}.section{padding-top:54px}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.summary-grid article{padding-left:16px;padding-top:56px}.plan-layout,.edge-grid{grid-template-columns:minmax(0,1.24fr) minmax(280px,.76fr);align-items:start}.scene-card{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr)}.checklist{grid-template-columns:repeat(2,minmax(0,1fr))}.benefit-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.budget-levels,.material-grid,.logistics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.material-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cost-table{grid-template-columns:repeat(2,minmax(0,1fr))}.cost-table article:last-child:nth-child(odd){grid-column:1 / -1}}@media(min-width:1020px){.section-heading{grid-template-columns:minmax(260px,.66fr) minmax(360px,1fr);align-items:end}.section-heading h2{grid-column:1}.section-heading p:not(.section-kicker){grid-column:2;grid-row:2}.thumbnail-strip{grid-auto-columns:92px;margin-inline:0;padding-inline:0}}