:root { --ink:#173c35; --brand:#154c40; --brand2:#266b5c; --accent:#d4a257; --bg:#f6f4ef; --paper:#fffefa; --muted:#71837d; --line:#e2e7df; --danger:#ad333c; --soft:#eaf2ed; --shadow:0 18px 60px rgba(24,57,47,.075); }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
button,input,textarea,select{font:inherit} a{color:inherit} button{cursor:pointer} button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(33,115,91,.24);outline-offset:2px}
.topbar{background:#133c34;color:#f8f7f0;border-bottom:1px solid #2e5b50}.topbar-inner{max-width:1270px;margin:auto;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:12px}.logo{font-weight:800;letter-spacing:.3px;font-size:17px}.logo span{font-size:11px;opacity:.7;font-weight:500;margin-left:10px;letter-spacing:2px}.top-caption{font-size:12px;color:#e0e9e3}.shell{max-width:1270px;padding:30px 28px 70px;margin:auto}.hero{border-radius:19px;background:#e8ede5;box-shadow:var(--shadow);padding:31px 35px;display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid #dce5da;position:relative;overflow:hidden}.hero::after{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(22,72,58,.1);border-radius:50%;right:-70px;top:-115px;box-shadow:0 0 0 60px rgba(22,72,58,.035)}.eyebrow{color:#597b6a;font-size:11px;letter-spacing:2.8px;font-weight:750}.hero h1{font-size:clamp(25px,3.1vw,36px);line-height:1.3;letter-spacing:-.6px;margin:9px 0 12px}.hero p{margin:0;max-width:770px;color:#58736a;font-size:14px}.meta-tag{white-space:nowrap;border-radius:999px;padding:9px 14px;background:#fffefa;color:#42685c;font-weight:650;font-size:12px;position:relative;z-index:1;border:1px solid #d5e1d7}
.layout{display:grid;grid-template-columns:238px minmax(0,1fr);gap:24px;margin-top:24px;align-items:start}.side{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:21px 14px;box-shadow:var(--shadow);position:sticky;top:20px}.side-title{padding:0 12px 12px;font-size:12px;font-weight:700;color:var(--muted);letter-spacing:1.5px}.steps{display:grid;gap:5px}.step-btn{border:0;background:transparent;color:#677b72;display:flex;align-items:center;gap:12px;width:100%;text-align:left;border-radius:10px;padding:12px 11px;font-size:13px;font-weight:600}.step-btn .num{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#f1f2ed;color:#819087;font-size:12px;flex-shrink:0}.step-btn.active{background:#e7f1e9;color:#194d40}.step-btn.active .num{background:#175744;color:white}.step-btn.done .num{background:#e9eee5;color:#2c8061}.privacy-note{margin:21px 10px 4px;padding:14px;border-radius:11px;background:#f7f6f1;color:#667870;font-size:11px;line-height:1.7}.privacy-note strong{color:#285548;display:block;margin-bottom:3px}.content{min-width:0}.workcard{background:var(--paper);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow);overflow:hidden}.workhead{padding:27px 32px 20px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.kicker{font-size:12px;letter-spacing:2px;color:#b3884e;font-weight:800}.workhead h2{margin:8px 0 5px;font-size:24px;letter-spacing:-.4px}.workhead p{margin:0;color:#7e8b84;font-size:13px}.progress-badge{font-size:12px;color:#658173;border:1px solid #dce7df;padding:7px 10px;border-radius:100px;white-space:nowrap}.progress-strip{height:4px;background:#f3f3ef}.progress-strip div{height:100%;background:linear-gradient(90deg,#26745b,#a4c29c);transition:width .3s}.formbody{padding:29px 32px 30px;min-height:490px}.section-label{font-size:14px;font-weight:750;margin:4px 0 15px;padding-left:11px;border-left:3px solid var(--accent)}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:720;color:#355e53;display:block;margin-bottom:7px}.field .req{color:var(--danger)}.field input,.field textarea,.field select{width:100%;background:#fff;border:1px solid #d7dfd7;border-radius:9px;color:#24483e;padding:11px 12px;min-height:44px;outline:0;transition:border-color .15s,box-shadow .15s}.field textarea{min-height:94px;resize:vertical;line-height:1.6}.field input:focus,.field textarea:focus,.field select:focus{border-color:#659989;box-shadow:0 0 0 3px #dcece3}.field input::placeholder,.field textarea::placeholder{color:#a1ada6}.hint{font-size:11px;color:#8b9a91;margin:5px 0 0;line-height:1.55}.section{margin-bottom:30px}.section:last-child{margin-bottom:0}.notice{padding:15px 17px;background:#edf5ef;border:1px solid #d9e6d9;border-radius:11px;color:#456d5b;font-size:12px;line-height:1.8;margin-bottom:20px}.notice.warning{background:#fff7e9;border-color:#f0e4ce;color:#8b673a}.notice strong{color:#1c5745}.thin{border:0;border-top:1px solid var(--line);margin:25px 0}.footer-controls{padding:18px 32px 22px;display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);background:#fffefa}.btn{border:1px solid #d7dfd7;background:#fff;color:#305748;border-radius:10px;padding:11px 18px;font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn.primary{background:#164e40;border-color:#164e40;color:white}.btn.primary:hover{background:#0f4033}.btn:hover:not(.primary){background:#f3f7f3}.btn.light{background:#f2f6f1}.btn.danger{color:#a43c40;border-color:#eddddd}.spacer{flex:1}.progress-caption{color:#89968d;font-size:11px}.mini-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:7px}.chip{border:1px solid #dce5dd;color:#4d7161;border-radius:30px;background:#f8fbf8;padding:7px 12px;font-size:11px}.chip:hover{background:#e9f2eb}.platform-card,.package-card{border:1px solid #dfe8df;border-radius:13px;margin:0 0 14px;overflow:hidden;background:#fff}.platform-top{padding:15px 17px;display:flex;gap:11px;align-items:center;background:#f7faf6}.platform-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#e5eee5;font-weight:750;color:#375e4e}.platform-top strong{font-size:14px}.platform-top small{display:block;color:#91a096;font-size:11px}.platform-body{padding:17px}.package-head{display:flex;justify-content:space-between;align-items:center;background:#f7faf6;padding:12px 15px;font-weight:750;font-size:13px}.package-body{padding:18px}.empty{background:#f7faf6;padding:24px;border:1px dashed #d8e5db;border-radius:13px;text-align:center;color:#809487}.summary{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.summary-card{padding:14px;border:1px solid #e5e9e2;border-radius:12px}.summary-card h4{font-size:12px;margin:0 0 6px;color:#8d7b54}.summary-card p{margin:0;color:#305748;white-space:pre-wrap;word-break:break-word;font-size:12px}.summary-full{grid-column:1/-1}.block-title{margin:21px 0 9px;font-size:15px;font-weight:800}.brand-pills{display:flex;gap:11px}.brand-card{flex:1;min-width:0;border:1px solid #d9e1d9;background:#fff;padding:16px;border-radius:12px;display:flex;align-items:center;gap:11px;text-align:left}.brand-card.active{border-color:#347765;background:#eef6ef;box-shadow:0 0 0 2px #dbeae0}.brand-card .dot{width:11px;height:11px;border-radius:4px;background:#215949;flex-shrink:0}.brand-card.red .dot{background:#b82f38}.brand-card strong{display:block}.brand-card small{display:block;color:#8c998f;font-size:11px}.banner{margin-top:13px;padding:12px 14px;border-radius:10px;background:#fcf7ed;color:#90734b;font-size:11px}.finish{text-align:center;padding:9px 0 15px}.finish-icon{width:60px;height:60px;display:grid;place-items:center;background:#e8f3e8;color:#275f4b;border-radius:17px;font-size:26px;margin:auto}.finish h3{font-size:23px;margin:14px 0 5px}.finish p{font-size:13px;color:#7e8e83;margin:0}.download-row{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin:18px 0}.security{border-left:3px solid #d3a65e;background:#faf6ee;padding:12px 14px;font-size:11px;color:#836c45;text-align:left;margin:20px auto;max-width:610px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:#193e36;color:white;border-radius:10px;padding:11px 19px;opacity:0;pointer-events:none;transition:.2s;z-index:40;font-size:13px;box-shadow:0 10px 32px #193e3650}.toast.show{opacity:1;transform:translate(-50%,0)}.brand-red{--brand:#a62b38;--brand2:#b9404b;--soft:#faeded}.brand-red .step-btn.active{background:#faeeee;color:#a1303a}.brand-red .step-btn.active .num,.brand-red .btn.primary{background:#a72d39;border-color:#a72d39}.brand-red .btn.primary:hover{background:#8c202d}.brand-red .progress-strip div{background:linear-gradient(90deg,#b53642,#d88875)}.brand-red .brand-card.active{border-color:#b44c50;background:#fff0ef;box-shadow:0 0 0 2px #ffe5e2}.brand-red .hero{background:#f8e9e4;border-color:#efdad4}.brand-red .hero .eyebrow{color:#9e5552}.brand-red .notice{background:#fdf0ee;border-color:#f3dcda;color:#9a5b58}.brand-red .field label{color:#82333c}
@media(max-width:850px){.shell{padding:17px 14px 50px}.hero{padding:24px 22px}.hero .meta-tag{display:none}.layout{display:block;margin-top:15px}.side{position:static;margin-bottom:15px;padding:9px;overflow:auto}.side-title,.privacy-note{display:none}.steps{display:flex;gap:3px;width:max-content}.step-btn{width:auto;white-space:nowrap;padding:8px;font-size:11px;gap:6px}.step-btn .num{width:23px;height:23px}.workhead{padding:22px 20px 17px}.formbody{padding:22px 20px;min-height:auto}.footer-controls{padding:14px 20px}.workhead h2{font-size:21px}.field-grid{gap:16px}.summary{grid-template-columns:1fr}.summary-full{grid-column:auto}}@media(max-width:550px){.topbar-inner{padding:13px 17px}.top-caption{display:none}.hero h1{font-size:25px}.field-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.brand-pills{flex-direction:column}.workhead p{max-width:270px}.progress-badge{display:none}.footer-controls{flex-wrap:wrap}.footer-controls .spacer{flex:1}.progress-caption{width:100%;order:5;text-align:right}.btn{padding:10px 14px}.platform-body,.package-body{padding:13px}.shell{padding:14px 11px 48px}.hero{padding:22px 20px}}
@media print{.topbar,.hero,.side,.footer-controls,.download-row,.privacy-note,.toast{display:none!important}.shell{padding:0}.layout{display:block;margin:0}.workcard{box-shadow:none;border:0}.workhead{padding:10px}.formbody{padding:10px}.summary{display:grid;grid-template-columns:1fr 1fr}.summary-card{break-inside:avoid}body{background:white}}

/* v2 — touch-first quick choices and time wheels */
.store-note{margin-top:9px;padding:11px 13px;border:1px solid #e6e9dd;border-radius:9px;color:#65786b;background:#f9f9f4;font-size:12px}
.touch-range{border:1px solid #e1e8df;border-radius:13px;padding:13px 15px;background:#fbfdf9}
.range-line{display:flex;gap:12px;align-items:center;margin-top:9px;flex-wrap:wrap}
.range-line input[type=range]{-webkit-appearance:auto;appearance:auto;flex:1 1 180px;min-width:110px;accent-color:#206853;cursor:pointer;min-height:28px;padding:0;border:none;box-shadow:none}
.range-line input[type=number]{width:100px;min-height:40px;padding:7px 10px;border-radius:9px;text-align:center;flex:0 0 100px}
.range-output{border-radius:7px;padding:4px 8px;background:#eaf2eb;color:#27604d;font-weight:700;white-space:nowrap;font-size:12px}
.range-actions{display:flex;gap:6px;align-items:center;margin-top:9px}
.text-btn{background:none;border:none;font-size:12px;padding:5px 6px;color:#527b6b;text-decoration:underline}
.time-card{padding:14px;border:1px solid #e0e8dd;background:#fcfdf9;border-radius:12px}
.time-periods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0}
.time-period{padding:11px;background:white;border:1px solid #e1e8de;border-radius:10px}
.time-period .period-title{font-size:11px;font-weight:750;color:#6b806e;margin-bottom:5px}
.time-line{display:flex;gap:8px;align-items:center}
.time-line input[type=time]{max-width:100%;min-width:0;flex:1 1 0;font-size:14px;padding:8px 9px;min-height:43px;border-radius:9px;background:#fff;cursor:pointer}
.time-line span{color:#93a296}
.time-preset{display:flex;gap:7px;flex-wrap:wrap;margin:9px 0 5px}
.time-preset button{border:1px solid #d9e6dc;background:white;color:#3f6958;border-radius:20px;padding:7px 11px;font-size:11px;cursor:pointer}
.time-preset button:active{background:#e5f1e8}
.time-preview{font-size:12px;color:#4e7564;min-height:18px;margin-top:7px}
.field select{cursor:pointer}
@media(max-width:650px){.time-periods{grid-template-columns:1fr}.range-line{gap:8px}.range-line input[type=number]{flex-basis:82px;width:82px}.brand-pills{flex-direction:column}.time-line input[type=time]{font-size:16px}}
.brand-red .touch-range{background:#fffafa}.brand-red .range-line input[type=range]{accent-color:#ae3541}
@media print{.time-preset,.range-actions{display:none}}

button:disabled { opacity: .6; cursor: wait }
[hidden] { display: none !important }
.draft-state { margin: 0; padding: 0 24px 12px; font-size: 13px; color: #3e655c; }
.draft-state:empty { display: none; }
.draft-state[data-error] { color: #9d382f; }
@media (max-width: 560px) { .draft-state { padding-left: 16px; padding-right: 16px; } }