:root{--ink:#132826;--muted:#667774;--line:#dce5e1;--paper:#fbfcfa;--green:#0c6b58;--mint:#dff3ea}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#edf2ef;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}button,input{font:inherit}.hidden{display:none!important}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1080px)/2));background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brandmark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--ink);color:#fff;font-size:12px}.text-button{border:0;background:none;color:var(--green);font-weight:700;cursor:pointer}.hero{background:var(--ink);color:#fff;padding:54px max(24px,calc((100vw - 1080px)/2)) 84px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:420px;height:420px;border:1px solid #ffffff20;border-radius:50%;right:-80px;top:-230px;box-shadow:0 0 0 55px #ffffff08,0 0 0 110px #ffffff05}.eyebrow{color:#80cdb9;font-size:13px;letter-spacing:.16em;font-weight:800;text-transform:uppercase}.hero h1{font-size:clamp(30px,5vw,52px);margin:12px 0 10px;letter-spacing:-.04em}.hero>p:not(.eyebrow){color:#cbd8d4}.deadline{display:flex;align-items:center;gap:16px;margin-top:28px;font-size:13px}.deadline strong{font-size:16px}.deadline i{font-style:normal;background:#ffffff14;border:1px solid #ffffff25;padding:7px 12px;border-radius:99px;color:#acd9cd}.workspace{width:min(960px,calc(100% - 28px));margin:-42px auto 60px;position:relative;z-index:2}.progress{background:#fff;border-radius:16px 16px 0 0;padding:20px 32px;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.progress div{display:flex;align-items:center;gap:9px;color:#91a09c;position:relative}.progress div:not(:last-child):after{content:"";height:1px;background:var(--line);position:absolute;left:34px;right:10px;top:13px}.progress span{position:relative;z-index:1;display:grid;place-items:center;width:27px;height:27px;background:#edf1ef;border-radius:50%;font-size:12px}.progress b{background:#fff;position:relative;z-index:1;padding-right:8px;font-size:13px}.progress .active{color:var(--green)}.progress .active span{background:var(--green);color:#fff}.card,.admin{background:#fff;border-radius:0 0 16px 16px;padding:36px;box-shadow:0 18px 55px #203f3620}.card-head{margin-bottom:28px}.card h2,.login-modal h2{font-size:25px;margin:0 0 7px}.card-head p,.login-modal>p{margin:0;color:var(--muted)}.center{text-align:center}label{display:block;font-weight:700;margin:18px 0}label input:not([type=checkbox]){display:block;width:100%;padding:14px 15px;margin-top:8px;border:1px solid var(--line);border-radius:10px;outline:none}label input:focus{border-color:var(--green);box-shadow:0 0 0 3px #0c6b5812}.demo{background:#f4f7f5;color:#687a75;padding:12px;border-radius:9px;font-size:12px}.primary,.secondary,.button-link{border:0;border-radius:10px;padding:13px 20px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-block;text-align:center}.primary{background:var(--green);color:#fff;box-shadow:0 7px 20px #0c6b5830}.secondary{background:#edf3f0;color:var(--ink)}.full{width:100%}.error{color:#b13a31;background:#fff0ee;padding:10px 12px;border-radius:8px;font-size:13px}.style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.style-card{border:1px solid var(--line);background:#fff;border-radius:13px;padding:12px;text-align:left;cursor:pointer;transition:.2s}.style-card:hover,.style-card.selected{border-color:var(--green);box-shadow:0 7px 24px #143b3020;transform:translateY(-2px)}.garment{height:140px;border-radius:9px;display:grid;place-items:center;font-size:28px;font-weight:900;letter-spacing:.08em;color:#ffffffcc;margin-bottom:14px}.g1{background:linear-gradient(145deg,#163d50,#1e2936)}.g2{background:linear-gradient(145deg,#d3c5aa,#837762)}.g3{background:linear-gradient(145deg,#567a6a,#273c34)}.style-card strong,.style-card small{display:block}.style-card small{color:var(--muted);margin:5px 0 12px}.style-card em{font-style:normal;color:var(--green);font-size:12px;font-weight:800}.choice-block,.size-guide{margin-top:24px;padding:18px;background:#f6f8f7;border-radius:12px}.chips,.size-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.chips button,.size-grid button{border:1px solid var(--line);background:#fff;padding:10px 18px;border-radius:9px;cursor:pointer}.chips .picked,.size-grid .picked{background:var(--ink);color:#fff;border-color:var(--ink)}.size-grid button{min-width:72px;padding:16px}.size-guide p{color:var(--muted);font-size:13px;margin:8px 0}.actions{display:flex;justify-content:space-between;gap:12px;margin-top:28px}.summary{display:flex;justify-content:space-between;padding:16px;background:var(--mint);border-radius:10px;color:var(--green)}.intent-list{display:grid;gap:9px;margin-top:20px}.intent-list button{display:flex;gap:12px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:11px;padding:14px;cursor:pointer}.intent-list button.selected{border-color:var(--green);background:#f2faf6}.intent-list button>span{color:var(--green)}.intent-list small{display:block;color:var(--muted);margin-top:4px}.check{display:flex;gap:10px;align-items:flex-start;font-size:13px;font-weight:500;line-height:1.6}.success{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--green);font-size:34px;margin:10px auto 24px}.receipt{display:grid;grid-template-columns:1fr 2fr;gap:12px;background:#f6f8f7;border-radius:12px;padding:20px;margin-bottom:20px}.receipt span{color:var(--muted)}footer{text-align:center;color:#7b8986;font-size:12px;padding:0 20px 34px}.modal-backdrop{position:fixed;inset:0;z-index:20;background:#102522c9;display:grid;place-items:center;padding:20px}.login-modal{width:min(440px,100%);background:#fff;border-radius:16px;padding:30px;box-shadow:0 30px 80px #0005;position:relative}.modal-close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:28px;color:#667774;cursor:pointer}.admin{border-radius:16px;min-height:560px}.admin-head{display:flex;justify-content:space-between;align-items:center}.admin h1{font-size:36px;margin:5px 0 25px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metrics div,.panel{background:#f8faf9;border:1px solid var(--line);border-radius:14px;padding:22px}.metrics span,.metrics small{display:block;color:var(--muted)}.metrics strong{font-size:30px;display:block;margin:12px 0 6px}.admin-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:22px 0 10px}.upload{margin:0}.upload input{display:block;margin-top:7px}.admin-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:14px;margin-top:14px}.panel h2{font-size:18px;margin:0 0 22px}.bar{display:grid;grid-template-columns:120px 1fr 30px;gap:12px;align-items:center;margin:18px 0;font-size:13px}.bar i{height:8px;background:var(--green);border-radius:5px}.table>div{display:grid;grid-template-columns:1fr 1.4fr 92px;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.table span small{display:block;color:var(--muted);margin-top:4px}.table em{font-style:normal;color:var(--green)}.empty{color:var(--muted);font-size:13px}@media(max-width:700px){.hero{padding-top:38px}.deadline{align-items:flex-start;flex-wrap:wrap}.progress{padding:15px 10px}.progress b{display:none}.progress div{justify-content:center}.progress div:not(:last-child):after{left:60%;right:-40%}.card,.admin{padding:24px 18px}.style-grid{grid-template-columns:1fr}.garment{height:110px}.actions .primary{flex:1}.metrics{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}.admin-head{align-items:flex-start}.admin h1{font-size:28px}.table>div{grid-template-columns:1fr 1fr}.table em{display:none}}