:root{--ink:#14273b;--muted:#697785;--line:#dce4e8;--blue:#286c98;--bg:#f5f6f5;--warm:#eeeae4;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif;font-size:14px}button{font:inherit;cursor:pointer}.top{height:76px;background:#fff;display:flex;align-items:center;gap:32px;padding:0 max(32px,calc((100vw - 1380px)/2));border-bottom:1px solid var(--line)}.brand{font-size:23px;text-decoration:none;color:#0b2239;white-space:nowrap}.brand:first-letter{color:#2583b9}.brand span,footer b span{color:#286c98}.global-search{height:42px;background:#f0f3f5;border:1px solid #e3e8eb;border-radius:5px;display:flex;gap:14px;align-items:center;color:#687782;padding:0 14px;flex:1;max-width:560px}.global-search>span:first-child{font-size:25px}.headlinks{margin-left:auto;display:flex;gap:24px;color:#344657;font-size:12px}.navigation{background:white;border-bottom:1px solid var(--line);padding:15px max(32px,calc((100vw - 1380px)/2));white-space:nowrap;overflow:hidden;font-size:13px}.navigation .active{color:#21658c;font-weight:700}.mobile-menu{display:none;border:0;background:none;font-size:22px}main{max-width:1380px;margin:auto;padding:25px 25px 80px}.breadcrumb{font-size:12px;color:#81909c;margin:0 0 27px}.breadcrumb span{padding:0 10px}.intro{min-height:235px;background:linear-gradient(106deg,#e5e9e8,#e6e4de 80%);border-radius:6px;display:flex;align-items:center;justify-content:space-between;padding:32px 50px;margin-bottom:22px;overflow:hidden}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#55758d}.intro h1{font:normal 52px/1.07 Georgia,serif;letter-spacing:-1.6px;margin:12px 0}.intro h1 em{color:#316f96;font-style:normal}.intro p{max-width:560px;color:#5c6a75;line-height:1.65;margin-bottom:0}.intro-mark{display:flex;align-items:center;padding-right:52px}.nodes{display:flex;flex-direction:column;gap:10px}.nodes div,.outdoor{border:2px solid #6589a0;background:#fff9;color:#316486;font-weight:700;display:grid;place-items:center}.nodes div{width:60px;height:36px;border-radius:4px}.line{height:2px;background:#8ea9b8;width:72px}.outdoor{width:100px;height:110px;border-radius:5px;font-size:23px}.stepbar{display:flex;background:white;border:1px solid var(--line);border-radius:6px;margin-bottom:24px;overflow:hidden}.step{flex:1;padding:19px 23px;display:flex;align-items:center;gap:13px;color:#9aa5ae;border-right:1px solid var(--line)}.step:last-child{border:0}.step b{border:1px solid currentColor;border-radius:100%;width:29px;height:29px;display:grid;place-items:center;font-size:11px}.step.current{color:#1f6088;background:#edf5f8;font-weight:700}.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px}.work{display:flex;flex-direction:column;gap:23px}.panel,.summary-inner{border:1px solid var(--line);background:#fff;border-radius:7px}.panel{padding:30px}.panel-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:25px}.panel h2,.summary h2{font:normal 29px Georgia,serif;margin:8px 0}.panel p{color:var(--muted);font-size:13px;margin:6px 0 0;line-height:1.55}.primary{border:0;border-radius:4px;padding:13px 17px;color:white;background:#286c98;font-weight:700;font-size:12px;white-space:nowrap}.primary:hover{background:#195678}.rooms{display:flex;flex-direction:column;gap:12px}.room{border:1px solid #dbe3e7;background:#fcfdfd;border-radius:5px;overflow:hidden}.room-top{padding:15px 18px;display:flex;align-items:center;gap:12px}.room-icon{height:38px;width:38px;background:#edf4f7;color:#346e91;border-radius:4px;display:grid;place-items:center;font-size:19px}.room-name{font-weight:800;flex:1}.room-actions{display:flex;gap:8px}.iconbutton{background:#fff;border:1px solid #dae4e8;padding:9px;border-radius:4px;color:#436278}.iconbutton:disabled{opacity:.3;cursor:default}.room-fields{border-top:1px solid #e8eef0;padding:16px 18px;background:#fafbfb;display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:block}.field label{display:block;font-size:11px;color:#637585;margin-bottom:7px}.blank{height:39px;border:1px dashed #cddbe2;border-radius:4px;background:white}.field-full{grid-column:span 2}.room-remark{font-size:11px;color:#88949d;grid-column:span 2}.source-slot{border:1px dashed #b8cbd4;border-radius:5px;background:#f7fafb;display:flex;gap:17px;align-items:center;padding:19px}.slot-symbol{color:#34779f;font-size:38px}.source-slot div{flex:1;min-height:40px}.source-slot strong{display:block;min-height:15px}.source-slot small{color:#7a8791}.pill{font-weight:700;font-size:10px;border:1px solid #a7c0d0;color:#34779f;padding:6px 9px;border-radius:3px}.result-controls{display:flex;flex-wrap:wrap;gap:7px}.tab{border:1px solid #d5e0e6;background:white;border-radius:4px;padding:9px 11px;color:#4b6575;font-size:12px}.tab.active{background:#e6f0f6;border-color:#8db3cd;color:#245c80}.result-state{margin-top:19px;border:1px dashed #c7d7df;min-height:152px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:11px;color:#526878;background:#fafcfd;padding:20px}.result-state strong{color:#2a4c61}.result-state p{margin:0;max-width:480px}.summary-inner{padding:25px;position:sticky;top:20px}.summary h2{font-size:25px}.summary-line{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid #ebeff1;font-size:12px}.summary-line span{color:#667781}.dash{color:#84949d}.summary hr{border:0;border-top:1px solid #e3e9ed;margin:24px 0}.summary-room{font-size:12px;padding:13px 0;color:#425a6c;border-bottom:1px solid #ecf0f2}.notice{margin:25px 0 15px;background:#eef4f7;color:#577084;padding:15px;line-height:1.6;border-left:3px solid #749cb6;font-size:12px}.wide{width:100%;padding:15px}.footnote{font-size:11px;color:#94a0a8;text-align:center;margin-top:14px}footer{background:white;border-top:1px solid var(--line);padding:30px max(25px,calc((100vw - 1330px)/2));display:flex;justify-content:space-between;color:#71808c;font-size:12px}footer b{color:#162b3e;font-size:18px}@media(max-width:800px){.top{height:65px;padding:0 17px;gap:12px}.brand{font-size:18px}.global-search,.headlinks,.navigation{display:none}.mobile-menu{display:block;margin-left:auto}main{padding:19px 14px 45px}.breadcrumb{margin-bottom:15px}.intro{padding:29px 20px;min-height:200px}.intro h1{font-size:37px}.intro p{font-size:12px}.intro-mark{display:none}.stepbar{margin-bottom:16px}.step{padding:12px 7px;justify-content:center;gap:5px;flex-direction:column;font-size:10px;text-align:center}.step b{width:23px;height:23px}.layout{grid-template-columns:1fr;gap:16px}.panel{padding:19px 14px}.panel-head{align-items:stretch;flex-direction:column}.panel h2{font-size:25px}.primary{width:100%}.summary{grid-row:1}.summary-inner{position:static;padding:18px}.summary h2{font-size:23px}.summary .notice{margin-top:15px}.room-actions{gap:4px}.iconbutton{padding:7px}.room-fields{grid-template-columns:1fr}.field-full,.room-remark{grid-column:1}.result-controls{gap:5px}.tab{font-size:11px}footer{padding:22px;font-size:10px}}