*{box-sizing:border-box}body{margin:0;color:#22392f;background:#f5f6f0;font:16px/1.85 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}a{color:#326755;text-underline-offset:4px}header{background:#20372d;color:white;padding:22px max(22px,calc((100vw - 1120px)/2))}header a{color:#dfeadd;margin-right:22px;font-size:14px}main{max-width:1120px;margin:auto;padding:30px 22px 90px}.eyebrow{letter-spacing:.16em;font-size:12px;color:#688374}h1{font-size:clamp(28px,4.2vw,48px);line-height:1.25;margin:18px 0}h2{font-size:24px;margin:48px 0 16px;line-height:1.45;border-top:1px solid #d5dfd1;padding-top:26px}p{max-width:960px}.intro{font-size:18px;color:#536b59}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.chips span{padding:5px 14px;background:#e0e8db;border-radius:30px;font-size:13px}.study{background:white;border:1px solid #d7dfd2;border-radius:14px;padding:24px;margin:26px 0}.study h2{border:0;padding:0;margin:0 0 14px}.grid{display:grid;grid-template-columns:1.2fr 1fr;gap:28px}svg{width:100%;height:auto}.controls label{display:block;margin:14px 0 4px;font-weight:600}input[type=range]{width:100%;accent-color:#567b62}.result{background:#edf2e8;border-left:4px solid #557a60;padding:16px;margin:20px 0}.result strong{display:block;font-size:28px}.small{font-size:13px;color:#637760}button{border:1px solid #bdcdb9;background:#f8faf4;border-radius:6px;padding:8px 13px;margin:4px 6px 4px 0;font:inherit;cursor:pointer}.table-scroll{overflow:auto;background:white;border-radius:9px}table{width:100%;border-collapse:collapse;font-size:14px}td{padding:14px;border-bottom:1px solid #dde5d7;min-width:130px;vertical-align:top}tr:first-child{background:#e4ecdf;font-weight:700}li{margin:11px 0}blockquote{margin:22px 0;padding:18px 22px;background:#e7eee1;border-left:4px solid #6d8e64}details{padding:15px 0;border-bottom:1px solid #d7dfd2}summary{cursor:pointer;font-weight:600}.route{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.route b{padding:10px 13px;background:#e6efe2;border-radius:6px;font-size:14px}.route em{font-style:normal;color:#547966}.route-note{border:1px dashed #acc0a4;padding:12px 16px;margin-top:15px}.footer{font-size:12px;color:#657762;border-top:1px solid #d3dfcd;margin-top:50px;padding-top:20px}@media(max-width:720px){.grid{grid-template-columns:1fr;gap:8px}.study{padding:16px}main{padding:25px 16px 70px}td{padding:10px}h2{font-size:21px}.route b{font-size:12px}header{padding:15px 16px}}@media print{header,.controls,button{display:none}body{background:white;font-size:11px}h2{break-after:avoid;margin-top:25px}.study{break-inside:avoid}.table-scroll{overflow:visible}}
.layout-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0}.layout-card{display:block;border:1px solid #dce4d6;border-radius:8px;overflow:hidden;text-decoration:none;background:#fafbf6}.layout-card img{display:block;width:100%;height:auto}.layout-card span{display:block;padding:10px 12px;font-size:13px}@media(max-width:720px){.layout-cards{grid-template-columns:1fr}.layout-card{max-width:470px;margin:auto}}
.history{margin-top:48px;padding:20px;border:1px solid #d5ded0;border-radius:10px}.history>summary{font-size:15px;color:#68745e}