:root{--ink:#19382f;--muted:#738178;--green:#254d40;--lime:#e6edb6;--paper:#f5f6ef;--line:#e3e8df;--white:#fff;--red:#a54742;--shadow:0 14px 44px #233f2710;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.shell{max-width:1140px;margin:auto;padding-left:32px;padding-right:32px}.header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;font-weight:650;font-size:17px;letter-spacing:.5px}.brand-mark{background:var(--ink);color:#f6f8e6;width:43px;height:43px;border-radius:13px;display:grid;place-content:center;font-size:25px;font-weight:700;position:relative}.brand-mark span{position:absolute;right:5px;top:2px;font-size:16px;color:#d6e795}.mode-pill{font-size:12px;background:#fff9;padding:8px 13px;border:1px solid var(--line);border-radius:30px;display:flex;gap:7px;align-items:center}.dot{width:6px;height:6px;border-radius:50%;background:#b18e35}.intro{padding:48px 0 25px}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:650;color:var(--muted);display:block}.intro h1{font-size:43px;line-height:1.24;letter-spacing:-1.5px;margin:13px 0 13px;font-weight:650}.intro p{color:var(--muted);font-size:14px;line-height:1.8;margin:0}.mobile-break{display:none}.notice{margin-bottom:25px;padding:13px 18px;border:1px solid #e2e4cc;border-radius:10px;background:#f0f2de;color:#6c7153;font-size:12px;line-height:1.8}.notice.live{background:#eaf2e9;border-color:#d2e5d1;color:#446a49}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:25px;align-items:start}.workspace{border:1px solid var(--line);border-radius:18px;background:var(--white);overflow:hidden;box-shadow:var(--shadow)}.tabs{display:flex;padding:0 26px;border-bottom:1px solid var(--line);gap:30px}.tab{border:0;background:none;height:65px;padding:0 5px;color:var(--muted);font-size:14px;position:relative}.tab.active{color:var(--green);font-weight:650}.tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--green);border-radius:3px}.tab span{margin-left:8px;font-size:16px}.panel{padding:29px 30px}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:19px}.section-title h2{font-size:15px;font-weight:650;margin:0}.section-note{margin-left:auto;font-size:10px;color:#879086}.step{font-size:10px;border:1px solid var(--line);width:25px;height:25px;display:grid;place-content:center;border-radius:7px;color:var(--muted)}.product-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-card{position:relative;text-align:left;padding:13px 14px;border-radius:10px;border:1px solid var(--line);background:white;color:var(--ink);min-height:62px}.product-card strong{font-size:13px;font-weight:600;display:block}.product-card small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.product-card:after{content:"";position:absolute;right:12px;top:14px;border:1px solid #d8ded5;border-radius:50%;width:10px;height:10px}.product-card.selected{border-color:#718f74;background:#f4f7ed}.product-card.selected:after{border-color:var(--green);background:var(--green);box-shadow:inset 0 0 0 2px #f5f7ee}.input-title{margin-top:29px;padding-top:26px;border-top:1px solid var(--line)}label:not(.consent){font-size:12px;font-weight:550;display:block;margin:17px 0 8px}input:not([type=checkbox]),textarea{width:100%;border:1px solid #dfe5dc;border-radius:9px;background:#fcfdfb;padding:13px 14px;color:var(--ink);font-size:13px;outline:none;line-height:1.5}input:focus,textarea:focus{border-color:#5b7e62;box-shadow:0 0 0 3px #7b9e6c13}input::placeholder,textarea::placeholder{color:#a1aba0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #829f57;outline-offset:3px}.input-wrap{position:relative}.input-wrap input{padding-right:63px}.input-action{position:absolute;right:9px;top:8px;border:0;background:transparent;padding:8px;color:#7b8978;font-size:11px}.hint{color:#8b9489;font-size:10px;line-height:1.8;margin:7px 0 0}.consent{display:flex;align-items:flex-start;gap:9px;font-size:11px;color:#71816f;line-height:1.8;margin:20px 0 19px}.consent input{accent-color:var(--green);margin:3px 0 0;width:14px;height:14px;flex-shrink:0}.primary{display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;border-radius:10px;padding:15px 18px;color:#fbfdec;background:var(--green);font-size:13px;font-weight:600;width:100%;transition:background .15s}.primary:hover:enabled{background:#153c30}.primary span:last-child{font-size:19px;line-height:1}.under-button{text-align:center;font-size:10px;color:#929c8e;margin:11px 0 0;line-height:1.8}.error{font-size:12px;color:var(--red);border:1px solid #eed8d2;background:#fff4f0;border-radius:8px;padding:12px;margin:15px 0;line-height:1.7}.guide-card{border-radius:18px;background:var(--green);color:#f2f7e9;padding:25px 25px 18px;position:relative;overflow:hidden}.guide-card:after{content:"";width:155px;height:155px;border:1px solid #ffffff0a;border-radius:50%;position:absolute;right:-78px;top:40px;box-shadow:0 0 0 25px #ffffff04,0 0 0 55px #ffffff03;pointer-events:none}.guide-icon{margin-bottom:25px;width:34px;height:34px;border:1px solid #a7bc803b;border-radius:10px;background:#a5bc851a;display:grid;place-content:center;font-size:23px;color:#d8e9a8}.guide-card .eyebrow{color:#abbe98;font-size:9px}.guide-card h2{font-weight:500;font-size:25px;line-height:1.5;letter-spacing:-.7px;margin:12px 0 27px}.guide-steps{list-style:none;padding:0;margin:0}.guide-steps li{display:flex;gap:13px;margin-bottom:24px}.guide-steps li>span{width:21px;height:21px;border-radius:50%;border:1px solid #b5cb9960;display:grid;place-content:center;font-size:10px;color:#d2e8a6;flex-shrink:0}.guide-steps strong{font-size:12px;font-weight:500}.guide-steps p{font-size:10px;color:#bdcbb2;margin:7px 0 0;line-height:1.7}.guide-bottom{border-top:1px solid #dbeac321;padding-top:17px;font-size:9px;color:#b8c8a7;display:flex;gap:7px;line-height:1.8}.demo-card{margin-top:16px;border:1px solid #e0e4d3;background:#eef1e1;border-radius:15px;padding:21px}.demo-card h3{font-size:13px;font-weight:600;margin:10px 0}.demo-card p{font-size:11px;color:#7c886c;line-height:1.8;margin:0 0 15px}.demo-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.demo-buttons button{font-size:11px;background:#fbfcf4;border:1px solid #dce2cc;padding:8px;border-radius:7px;color:#657256}.demo-buttons button:hover{background:white}.small-note{padding:22px 6px}.small-note>span{font-size:11px;font-weight:600;color:#7a8672}.small-note p{font-size:10px;line-height:1.9;color:#939b89;margin:7px 0 0}.query-intro{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:25px}#query-form .primary{margin-top:23px}.advanced{margin-top:25px;border-top:1px solid var(--line);padding-top:17px;font-size:11px;color:var(--muted)}.advanced summary{cursor:pointer}.secondary{font-size:12px;border:1px solid #d8e1d1;padding:11px 15px;color:var(--green);background:#fafcf6;border-radius:8px}.secondary:hover{background:#f0f5e9}.full{width:100%;margin-top:15px}.result{border-top:1px solid var(--line);padding:26px 30px;background:#fafcf7}.result-top{display:flex;gap:13px;align-items:center}.result-symbol{width:41px;height:41px;background:#e7eddf;border-radius:50%;display:grid;place-content:center;font-size:19px;color:#577745}.result h2{font-size:17px;font-weight:600;margin:6px 0 0}.result .eyebrow{font-size:8px}.result-badge{margin-left:auto;font-size:10px;border:1px solid #dbe4d4;border-radius:30px;padding:6px 10px;background:white;white-space:nowrap}.result>p{font-size:12px;color:#7c886f;line-height:1.9;margin:20px 0}.order-meta{padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0}.order-meta div{display:flex;justify-content:space-between;gap:15px;margin-bottom:12px;font-size:11px;line-height:1.6}.order-meta div:last-child{margin-bottom:0}.order-meta dt{color:#949d8c;flex-shrink:0}.order-meta dd{margin:0;text-align:right;overflow-wrap:anywhere;min-width:0}.mono{font-family:Consolas,monospace;font-size:10px}.result-actions{display:flex;gap:16px;align-items:center;margin-top:18px}.text-button{border:0;background:none;font-size:11px;color:#7a8d69;padding:8px 0}.result.failed .result-symbol{background:#f5e4de;color:#b45c4a}.result.unknown .result-symbol{background:#f0ead9;color:#9b8249}.footer{margin-top:38px;padding-top:23px;padding-bottom:28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;color:#9aa48e}.session-warning{font-size:11px;color:#927748;line-height:1.9;background:#faf2de;padding:13px;border-radius:8px}dialog{border:1px solid var(--line);border-radius:18px;max-width:440px;width:calc(100% - 32px);padding:28px;color:var(--ink);box-shadow:0 30px 100px #17392830}dialog::backdrop{background:#13332660;backdrop-filter:blur(3px)}dialog h2{font-size:22px;margin:13px 0}dialog p{font-size:12px;color:var(--muted);line-height:1.9}dialog dl{font-size:12px;margin:22px 0}dialog dl div{margin-bottom:15px;display:flex;justify-content:space-between;gap:18px}dialog dt{color:var(--muted)}dialog dd{margin:0;overflow-wrap:anywhere;text-align:right}.dialog-buttons{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:22px}.dialog-buttons .primary{justify-content:center}.empty-products{grid-column:1/-1;color:var(--muted);font-size:12px;padding:20px;border:1px dashed var(--line);border-radius:10px}
@media(min-width:1400px){.intro{padding-top:60px}.intro h1{font-size:47px}.layout{gap:30px}.panel{padding:32px}}
@media(max-width:800px){.shell{padding-left:22px;padding-right:22px}.header{height:82px}.intro{padding-top:34px}.intro h1{font-size:35px}.layout{grid-template-columns:minmax(0,1fr) 250px;gap:16px}.panel,.result{padding:24px 21px}.guide-card{padding:22px 18px}.section-note{display:none}.tabs{padding:0 20px}.brand{font-size:15px}}
@media(max-width:640px){.shell{padding-left:18px;padding-right:18px}.header{height:76px}.brand{font-size:14px;gap:9px}.brand-mark{width:35px;height:35px;font-size:21px;border-radius:10px}.mode-pill{font-size:10px;padding:7px 10px}.intro{padding-top:29px;padding-bottom:20px}.intro h1{font-size:34px;line-height:1.28;margin:12px 0}.intro p{font-size:12px}.eyebrow{font-size:9px}.notice{font-size:11px;padding:11px 13px;margin-bottom:19px}.layout{grid-template-columns:1fr;gap:19px}.side{display:flex;flex-direction:column}.guide-card{order:2;margin-top:17px}.demo-card{order:1;margin:0;padding:18px}.small-note{order:3}.guide-icon{display:none}.guide-card h2{font-size:20px;margin:10px 0 18px}.guide-card h2 br{display:none}.guide-steps li{margin-bottom:16px}.guide-card:after{top:0}.demo-buttons{grid-template-columns:repeat(4,1fr)}.panel,.result{padding:22px 19px}.tabs{padding:0 18px;gap:27px}.tab{height:59px;font-size:13px}.product-card{padding:12px;min-height:62px}.product-card strong{font-size:12px;padding-right:9px}.product-card:after{right:10px;width:9px;height:9px}.product-card small{font-size:9px}.section-title h2{font-size:14px}.input-title{margin-top:24px;padding-top:22px}.footer{margin-top:24px;font-size:9px}.result-badge{font-size:9px;padding:5px 8px}.result h2{font-size:15px}.order-meta div{font-size:10px}.mono{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.detected-product{align-items:center;flex-wrap:wrap}.detected-product strong{overflow-wrap:anywhere}
.result .status-clock{font-variant-numeric:tabular-nums;color:var(--green);font-size:12px;margin-top:-10px;overflow-wrap:anywhere}.result-actions{flex-wrap:wrap}
.flow-steps{display:flex;list-style:none;padding:0 0 23px;margin:0 0 25px;border-bottom:1px solid var(--line);gap:19px}.flow-steps li{display:flex;gap:7px;align-items:center;font-size:11px;color:#a0a995}.flow-steps li span{width:22px;height:22px;border-radius:50%;border:1px solid #e0e5d9;display:grid;place-content:center;font-size:10px}.flow-steps li.current{color:var(--green);font-weight:600}.flow-steps li.current span,.flow-steps li.done span{background:var(--green);color:white;border-color:var(--green)}.form-primary{margin-top:24px}.detected-product{border:1px solid #dbe5d0;background:#f2f7eb;border-radius:9px;padding:14px;display:flex;gap:10px;justify-content:space-between;font-size:11px;margin:20px 0}.detected-product span{color:#728569}.detected-product strong{font-weight:600}.confirmation-meta{margin-top:23px}.back-button{margin-top:13px}.flow-steps li.done{color:#809476}@media(max-width:640px){.flow-steps{gap:14px}.flow-steps li{font-size:10px}.detected-product{font-size:10px}}