:root{color:#182536;background:#f5f9ff;font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:28px;background:linear-gradient(135deg,#60a5fa1c,#e8f4ff9e),#f5f9ff}.hero-panel{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;max-width:1240px;margin:0 auto 24px;padding:28px;min-height:190px;color:#182536;background:linear-gradient(120deg,#fffffff5,#eff7ffeb),url("data:image/svg+xml,%3Csvg width='900' height='260' viewBox='0 0 900 260' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='900' height='260' fill='%23ffffff'/%3E%3Cpath d='M670 32h142v172H670z' fill='%23dbeafe' opacity='.65'/%3E%3Cpath d='M704 70h64M704 104h76M704 138h50' stroke='%2393c5fd' stroke-width='7' opacity='.78'/%3E%3Cpath d='M0 222c120-38 230-38 330 0s210 38 330 0 184-38 240 0' fill='none' stroke='%23bfdbfe' stroke-width='18' opacity='.48'/%3E%3C/svg%3E");background-size:cover;border:1px solid #d7e7f8;border-radius:8px;overflow:hidden;box-shadow:0 14px 30px #29558214}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;color:#1d4e89;font-weight:700}h1{margin:0;font-size:44px;line-height:1.12;letter-spacing:0}.hero-copy p{max-width:650px;margin:18px 0 0;color:#526a83;font-size:17px;line-height:1.75}.workspace{max-width:1240px;margin:0 auto}.form-panel,.result-panel{background:#fff;border:1px solid #d7e7f8;border-radius:8px;box-shadow:0 14px 30px #29558214}.form-panel{padding:28px}.result-panel{max-width:1240px;margin:24px auto 0;padding:24px}.result-content{max-width:940px;margin:0 auto}.section-title{display:flex;align-items:center;gap:9px;margin:30px 0 16px;color:#1d4e89;font-size:18px;letter-spacing:0}.section-title:first-child{margin-top:0}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:grid;gap:7px}.field span{color:#40566d;font-size:14px;font-weight:700}.field-label b{margin-left:4px;color:#dc2626;font-size:16px;line-height:1}.field input,.field select,.field textarea{width:100%;min-height:44px;padding:10px 12px;color:#182536;background:#fbfdff;border:1px solid #c9def3;border-radius:6px;outline:none}.region-select-field{grid-column:span 1}.inline-selects{display:grid;grid-template-columns:minmax(120px,.78fr) minmax(140px,1fr);gap:10px;max-width:420px}.inline-selects select{min-width:0}.field textarea{min-height:96px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.field em{color:#a73524;font-style:normal;font-size:13px}.field small{color:#64768a;font-size:13px;line-height:1.45}.region-box{display:grid;gap:8px;margin:16px 0;padding:14px;background:#eef7ff;border:1px solid #cfe5fb;border-radius:8px}.region-box div{display:flex;justify-content:space-between;gap:12px}.region-box span,.region-box p{margin:0;color:#536a82;font-size:13px;line-height:1.6}.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px;padding:5px;background:#eef6ff;border-radius:8px}.segmented button{min-height:42px;color:#415a75;background:transparent;border:0;border-radius:6px;font-weight:700}.segmented button.active{color:#1d4e89;background:#fff;box-shadow:0 6px 16px #2563a024}.termination-flow{display:grid;gap:14px}.reason-group{display:grid;gap:12px;padding:12px;background:#fbfdff;border:1px solid #d7e7f8;border-radius:8px}.reason-group.active{background:#fbfdff;border-color:#b9dcfb}.reason-group-toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:2px;text-align:left;color:#233b58;background:transparent;border:0}.reason-group-toggle span{display:grid;gap:6px}.reason-group-toggle strong{color:#233b58;font-size:15px}.reason-group-toggle em{color:#65788c;font-size:13px;font-style:normal;line-height:1.55}.reason-group-toggle svg{flex:0 0 auto;color:#1d4e89;transition:transform .16s ease}.reason-group-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.reason-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choice{min-height:92px;padding:0;color:#26384d;background:#f1f7ff;border:1px solid #d3e4f5;border-radius:8px;overflow:hidden;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.choice>button{width:100%;min-height:92px;padding:13px;text-align:left;color:inherit;background:transparent;border:0}.choice:hover,.choice:focus-within{background:#e7f2ff;border-color:#8fc6ff;box-shadow:0 8px 18px #2563a01a}.choice strong,.choice span{display:block}.choice strong{margin-bottom:7px;font-size:15px}.choice span{color:#61748a;font-size:13px;line-height:1.45}.choice.active{border-color:#60a5fa;background:#edf6ff}.inline-follow-up{display:grid;gap:10px;padding:0 13px 13px}.inline-follow-up .check{margin:0}.selected-reason{display:grid;grid-template-columns:auto minmax(0,max-content) minmax(0,1fr);gap:8px 10px;align-items:baseline;padding:16px;color:#fff;background:#1d4e89;border:1px solid #1d4e89;border-radius:8px;box-shadow:0 12px 26px #1d4e892e}.selected-reason span{color:#dbeeff;font-size:13px;font-weight:700}.selected-reason strong{color:#fff}.selected-reason p{margin:0;color:#dbeeff;font-size:13px;line-height:1.5}.checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.check{display:flex;align-items:center;gap:10px;min-height:46px;padding:10px 12px;background:#fbfdff;border:1px solid #d3e4f5;border-radius:8px;color:#344b63;font-weight:650}.check input{width:18px;height:18px;accent-color:#3b82f6}.submit-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:48px;margin-top:18px;color:#fff;background:#3b82f6;border:0;border-radius:7px;font-weight:800}.submit-button:disabled{opacity:.7;cursor:wait}.submit-message{display:flex;align-items:center;gap:8px;margin-top:12px;padding:12px;border-radius:7px;font-weight:700}.submit-message.success{color:#1d4e89;background:#eaf4ff}.submit-message.error{color:#8c2a1c;background:#faebe7}.total-box{padding:18px;color:#fff;background:#2563a0;border-radius:8px}.total-box span,.total-box p{color:#dbeeff}.total-box strong{display:block;margin:8px 0;font-size:27px;line-height:1.2;letter-spacing:0}.total-box p{margin:0;line-height:1.55}.basis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.metric{padding:13px;background:#f3f8ff;border:1px solid #d7e7f8;border-radius:8px}.metric span,.metric strong{display:block}.metric span{color:#64768a;font-size:13px}.metric strong{margin-top:5px;color:#1d4e89;font-size:18px}.lines{display:grid;gap:10px}.line-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;background:#fbfdff;border:1px solid #d7e7f8;border-radius:8px}.line-item strong,.line-item span{display:block}.line-item span{margin-top:5px;color:#65788c;font-size:13px;line-height:1.45}.line-item b{color:#1d4e89;white-space:nowrap}.info-list{margin-top:16px}.info-list h3{margin:0 0 8px;color:#233b58;font-size:15px}.info-list ul{display:grid;gap:8px;margin:0;padding-left:18px;color:#51677e;line-height:1.55}.info-list.warning ul{color:#80533b}.info-list.compact ul{grid-template-columns:repeat(2,minmax(0,1fr))}.disclaimer{margin:18px 0 0;padding-top:14px;color:#6b7785;border-top:1px solid #dce9f6;font-size:13px;line-height:1.6}.result-locked{display:grid;justify-items:center;gap:12px;padding:38px 22px;text-align:center;color:#47627d;background:#f3f8ff;border:1px dashed #a8d1f8;border-radius:8px}.result-locked svg{color:#60a5fa}.result-locked strong{color:#1d4e89;font-size:18px}.result-locked p{max-width:320px;margin:0;line-height:1.65}@media (max-width: 980px){.app-shell{padding:18px}.hero-panel{grid-template-columns:1fr}}@media (max-width: 680px){.app-shell{padding:12px}.hero-panel,.form-panel,.result-panel{padding:18px}h1{font-size:34px}.grid.two,.checks,.basis-grid,.info-list.compact ul,.reason-options,.selected-reason{grid-template-columns:1fr}.inline-selects{max-width:none;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.line-item{grid-template-columns:1fr}.line-item b{white-space:normal}}
