*{box-sizing:border-box}body{color:#15263f;background:#edf1f5;margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;font-size:13px}button,input{font:inherit}button{cursor:pointer}header{background:#fff;border-bottom:1px solid #dbe2e8;justify-content:space-between;align-items:center;height:66px;padding:0 22px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand .mark{color:#fff;letter-spacing:-1px;background:#ff6b24;border-radius:8px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.brand h1{margin:0;font-size:17px}.brand p{letter-spacing:1.8px;color:#84909b;text-transform:uppercase;margin:3px 0 0;font-size:9px}nav{gap:5px;display:flex}nav button,.tools button{color:#4b5968;background:#fff;border:0;border-radius:5px;align-items:center;gap:6px;padding:8px 10px;display:flex}svg{width:16px;height:16px}.workspace{grid-template-columns:308px minmax(0,1fr);height:calc(100vh - 66px);display:grid}aside{background:#fff;border-right:1px solid #dbe2e8;padding:14px;overflow:auto}aside section{border-bottom:1px solid #e5e9ed;margin-bottom:14px;padding:0 2px 14px}h2{margin:0 0 14px;font-size:14px;font-weight:750}aside h2{border-left:3px solid #2b62d9;padding-left:9px}.clickable{justify-content:space-between;align-items:center;display:flex}.field{color:#4c5964;grid-template-columns:122px 1fr;align-items:center;gap:8px;margin:10px 0;display:grid}.inputWrap{background:#fff;border:1px solid #ccd5de;border-radius:5px;align-items:center;height:34px;display:flex;overflow:hidden}.inputWrap input{color:#182738;background:0 0;border:0;outline:0;width:100%;height:100%;padding:0 9px}.inputWrap b{color:#7b8791;padding-right:8px;font-weight:500}.seg{border:1px solid #ccd5de;border-radius:5px;height:34px;display:flex;overflow:hidden}.seg button{color:#6b7680;background:#fff;border:0;border-right:1px solid #e1e5e9;flex:1}.seg button:last-child{border:0}.seg button.active{color:#215dd4;background:#edf3ff;font-weight:700;box-shadow:inset 0 0 0 1px #4b82ef}.seg.small button{padding:0 3px;font-size:11px}.generate{color:#fff;background:#ff6b24;border:0;border-radius:6px;width:100%;height:46px;margin-bottom:16px;font-size:16px;font-weight:750;box-shadow:0 5px 14px #ff6b2433}.generate:hover{background:#ef5d18}.summary{border-radius:6px;border:1px solid #dce3e9!important;padding:14px!important}.summary dl{margin:0}.summary dl div{border-bottom:1px dashed #e2e7eb;justify-content:space-between;padding:9px 0;display:flex}.summary dl div:last-child{border:0}.summary dt{color:#6b7782}.summary dd{font-variant-numeric:tabular-nums;color:#293744;margin:0}.content{background:#f6f8fa;min-width:0;overflow:auto}.canvasHead{background:#fff;border-bottom:1px solid #dfe5ea;justify-content:space-between;min-height:94px;padding:16px 20px 12px;display:flex}.canvasHead h2{margin-bottom:16px}.canvasHead h2 em{color:#697580;font-style:normal;font-weight:500}.legend{flex-wrap:wrap;gap:20px;display:flex}.legend span{color:#4c5964;align-items:center;gap:6px;display:flex}.legend i,.swatch{border-radius:2px;width:13px;height:13px;display:inline-block}.tools{align-items:flex-start;gap:4px;display:flex}.tools button{border:1px solid #d7dee5}.diagramScroll{background:#f8fafc;border-bottom:1px solid #dce3e8;width:100%;overflow:auto}.roadSvg{height:360px;display:block}.tableWrap{background:#fff;border:1px solid #dce3e8;border-radius:6px;margin:12px;padding:14px;overflow:auto}.tableWrap h2{border-left:3px solid #2b62d9;padding-left:9px}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:center;border:1px solid #dbe2e8;padding:9px 10px;font-size:12px}th{color:#465462;background:#f4f7f9;font-weight:650}td:last-child{text-align:left;color:#596673}.swatch{vertical-align:middle;width:20px;height:8px;margin-right:8px}.note{color:#8a6d35;background:#fff8e7;border-left:3px solid #eab144;margin:10px 0 0;padding:9px 11px;font-size:11px}@media (width<=900px){header nav button{font-size:0}header nav svg{width:18px;height:18px}.workspace{grid-template-columns:1fr;height:auto}aside{border-right:0}.content{overflow:visible}.canvasHead{gap:12px}.tools button{font-size:0}.field{grid-template-columns:145px 1fr}}@media (width<=560px){header{height:58px;padding:0 12px}.brand h1{font-size:14px}.brand p{display:none}.brand .mark{width:32px;height:32px}.workspace{height:auto}.canvasHead{display:block}.tools{margin-top:12px}.tools button{font-size:12px}.legend{gap:9px 14px}.field{grid-template-columns:1fr}.roadSvg{height:330px}.tableWrap{margin:8px}aside{padding:10px}}.alignHint{color:#65717b;background:#eef9fb;border-left:3px solid #22a2bd;align-items:center;gap:7px;margin:6px 0 2px 130px;padding:8px 9px;font-size:11px;display:flex}.alignHint b{color:#167f94;font-size:12px}.alignHint em{color:#ef671d;font-style:normal;font-weight:700}@media (width<=900px){.alignHint{margin-left:153px}}@media (width<=560px){.alignHint{margin-left:0}}.roadSvg{height:430px}@media (width<=560px){.roadSvg{height:410px}}:root{--ease-out:cubic-bezier(.23, 1, .32, 1);--blue:#245fda;--ring:#2b62d933;--shadow-sm:0 1px 2px #1c2c3d0a, 0 2px 8px #1c2c3d0a}::selection{color:#13233a;background:#2b62d926}button{transition:transform .14s var(--ease-out), background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease}button:active{transform:scale(.97)}button:focus-visible,input:focus-visible{box-shadow:0 0 0 3px var(--ring);outline:0}header{z-index:2;position:relative;box-shadow:0 1px #dbe2e8,0 4px 18px #22354a0a}.brand .mark{box-shadow:inset 0 1px #ffffff42,0 3px 9px #ff6b2430}nav button:hover,.tools button:hover{color:var(--blue);background:#edf3ff}nav button:focus-visible,.tools button:focus-visible{box-shadow:0 0 0 3px var(--ring)}aside{z-index:1;position:relative;box-shadow:2px 0 12px #1a2b3d08}.inputWrap,.seg{transition:border-color .16s,box-shadow .16s,background-color .16s}.inputWrap:hover,.seg:hover{border-color:#aebbc7}.inputWrap:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px var(--ring)}.seg button:hover:not(.active){color:#405064;background:#f6f8fb}.seg button.active{color:#1f58c7;background:#edf3ff;box-shadow:inset 0 0 0 1px #4b82ef,0 1px 3px #2b62d914}.generate{background:linear-gradient(#ff7435 0%,#f46322 100%);box-shadow:0 6px 16px #f56a2a30,inset 0 1px #ffffff3d}.generate:hover{background:linear-gradient(#ff6c2c 0%,#ed5919 100%);box-shadow:0 8px 20px #f56a2a38,inset 0 1px #ffffff3d}.generate:active{box-shadow:0 3px 9px #f56a2a2b,inset 0 1px #ffffff30}.summary{box-shadow:var(--shadow-sm);background:linear-gradient(#fff 0%,#fbfcfd 100%)}.summary dd{font-weight:600}.canvasHead{z-index:1;position:relative;box-shadow:0 2px 10px #1d314508}.legend span{padding:3px 0}.tools button{box-shadow:0 1px 2px #1c2c3d0a}.diagramScroll{scrollbar-color:#adb8c2 #edf1f4;scrollbar-width:thin}.tableWrap{box-shadow:var(--shadow-sm)}thead{z-index:1;position:sticky;top:0}tbody tr{transition:background-color .14s}tbody tr:nth-child(2n){background:#fafbfd}tbody tr:hover{background:#f2f6fc}th{box-shadow:inset 0 -1px #cfd8e0}.zoneName{text-align:left;white-space:nowrap;align-items:center;width:112px;display:inline-flex}.zoneName .swatch{flex:0 0 20px;margin-right:12px}.note{border-radius:0 4px 4px 0}@media (prefers-reduced-motion:reduce){button,.inputWrap,.seg,tbody tr{transition:none}}@media (width<=560px){body{background:#f4f6f8}header{height:56px;padding:0 10px;position:sticky;top:0}.brand{gap:8px;min-width:0}.brand h1{white-space:nowrap;font-size:13px}.brand .mark{border-radius:7px;width:30px;height:30px}nav{gap:2px}header nav button{justify-content:center;width:40px;height:40px;padding:0}header nav svg{width:18px;height:18px}aside{box-shadow:none;padding:12px}aside section{margin-bottom:12px;padding-bottom:12px}aside h2{margin-bottom:12px}.field{grid-template-columns:116px minmax(0,1fr);gap:8px;margin:8px 0}.field>span{font-size:12px;line-height:1.35}.inputWrap,.seg{height:40px}.seg button{min-width:0;padding:0 7px}.alignHint{min-height:38px;margin:6px 0 0 124px}.generate{height:44px;margin-bottom:12px}.summary{padding:12px!important}.summary dl div{gap:10px;padding:8px 0}.summary dd{text-align:right;max-width:62%;font-size:12px}.content{border-top:8px solid #edf1f5}.canvasHead{gap:10px;padding:14px 12px 12px}.canvasHead h2{margin-bottom:10px;line-height:1.4}.canvasHead h2 em{margin-top:2px;font-size:12px;display:block}.legend{scrollbar-width:none;flex-wrap:nowrap;gap:14px;padding-bottom:5px;overflow-x:auto}.legend::-webkit-scrollbar{display:none}.legend span{flex:none}.tools{grid-template-columns:repeat(3,1fr);width:100%;margin-top:10px;display:grid}.tools button{justify-content:center;min-height:40px;padding:0 8px}.diagramScroll{-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scroll-snap-type:x proximity}.roadSvg{height:350px}.tableWrap{border-left:0;border-right:0;border-radius:0;margin:8px 0 0;padding:12px 0 0}.tableWrap h2{margin:0 12px 12px}table{min-width:780px}th,td{padding:10px 8px}.note{margin:10px 12px 12px}}@media (width<=360px){.brand h1{font-size:12px}header nav button{width:36px}.field{grid-template-columns:104px minmax(0,1fr)}.alignHint{margin-left:112px}}