:root{--bg:#fbfafc;--card:#fff;--ink:#211b2b;--muted:#716a80;--line:#e7e1ee;--tint:#f3effa;--accent:#7142c8;--good:#226b4c;font-family:Inter,-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b19ade;outline-offset:3px}[hidden]{display:none!important}.shell{max-width:1120px;margin:auto;padding:0 28px}.top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:28px 0;gap:20px}.brand{font-weight:800;font-size:19px;letter-spacing:-.6px}.brand i{display:inline-grid;place-items:center;font-style:normal;width:32px;height:32px;border-radius:9px;background:var(--ink);color:#fff;margin-right:9px}.nav{display:flex;gap:20px;color:var(--muted);font-size:13px}.intro{padding:48px 0 32px}.eyebrow{font:11px ui-monospace,monospace;letter-spacing:2px;color:var(--accent);text-transform:uppercase}.intro h1{font-size:38px;letter-spacing:-1.5px;margin:14px 0 12px}.intro p{color:var(--muted);line-height:1.8;margin:0}.steps{display:flex;gap:22px;margin-top:24px;font-size:12px;color:var(--muted);flex-wrap:wrap}.steps b{color:var(--accent);margin-right:5px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start;margin-bottom:54px}.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px}.section-title{display:flex;align-items:center;gap:10px;margin:0 0 20px;font-size:18px}.number{font-size:11px;font-family:ui-monospace,monospace;color:var(--accent);background:var(--tint);padding:6px;border-radius:6px}.form-section+.form-section{margin-top:32px;padding-top:28px;border-top:1px solid var(--line)}fieldset{border:0;padding:0;margin:0;min-width:0}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice{position:relative;display:block;cursor:pointer}.choice input{position:absolute;opacity:0;width:1px;height:1px}.choice .choice-box{display:block;border:1px solid var(--line);border-radius:12px;padding:16px;height:100%;transition:background .15s,border-color .15s}.choice input:checked+.choice-box{border-color:var(--accent);background:var(--tint);box-shadow:inset 0 0 0 1px var(--accent)}.choice input:focus-visible+.choice-box{outline:3px solid #b19ade;outline-offset:2px}.choice strong{display:block;font-size:14px;line-height:1.6}.choice small{display:block;font-size:12px;line-height:1.7;color:var(--muted);margin-top:5px}.choice .price{display:block;font-size:20px;font-weight:750;margin-top:16px;letter-spacing:-.5px}.choice .price em{font-style:normal;font-size:11px;color:var(--muted);font-weight:400;margin-left:4px}.service-detail{background:var(--tint);border-radius:10px;padding:14px 16px;margin-top:14px;color:var(--muted);font-size:12px;line-height:1.9}.field{display:block;margin:18px 0 0}.field-label{display:block;font-size:13px;font-weight:650;margin-bottom:9px}.optional{font-size:12px;color:var(--muted);font-weight:400}.contact-row{display:grid;grid-template-columns:118px 1fr;gap:10px}input[type=text],select,textarea{background:var(--card);border:1px solid var(--line);color:var(--ink);width:100%;border-radius:9px;padding:13px;min-width:0}textarea{resize:vertical;line-height:1.8;min-height:116px}.hint{font-size:12px;color:var(--muted);line-height:1.8;margin:10px 0 0}.payment-grid{display:grid;gap:10px}.consent{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.8;margin-top:24px;color:var(--muted)}.consent input{accent-color:var(--accent);margin-top:5px}.consent a{color:var(--accent);text-decoration:underline}.summary{position:sticky;top:24px}.summary h2{font-size:18px;margin:0 0 23px}.summary .label{font-size:12px;color:var(--muted)}.summary-name{font-weight:700;line-height:1.7;margin:8px 0 20px}.summary-row{display:flex;justify-content:space-between;gap:12px;font-size:13px;margin:13px 0}.amount-area{border-top:1px solid var(--line);margin-top:22px;padding-top:22px}.big-amount{font-size:38px;letter-spacing:-1.3px;font-weight:800;margin-top:8px}.big-amount small{font-size:14px;color:var(--muted);letter-spacing:0;font-weight:500}.button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;border-radius:10px;background:var(--accent);color:#fff;padding:15px 12px;font-weight:650;font-size:14px;margin-top:20px;line-height:1.5}.button:hover{text-decoration:none;filter:brightness(1.08)}.button.secondary{background:var(--tint);color:var(--ink);margin-top:10px}.summary-notes{border-top:1px solid var(--line);margin-top:24px;padding-top:16px;color:var(--muted);font-size:12px;line-height:2}.message{font-size:13px;line-height:1.8;padding:12px 14px;border-radius:9px;background:var(--tint);margin:16px 0 0;overflow-wrap:anywhere}.error{color:#ad3434;background:#fff1ef}.order-id{font:11px ui-monospace,monospace;overflow-wrap:anywhere;color:var(--muted)}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:24px 0 32px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}footer span{display:flex;gap:16px}.order-layout{max-width:740px;margin:0 auto 60px}.status-badge{display:inline-block;padding:7px 12px;border-radius:30px;background:var(--tint);color:var(--accent);font-size:12px;font-weight:700}.status-badge.paid{color:var(--good);background:#eaf6ef}.status-title{font-size:27px;margin:16px 0 8px}.order-details{margin-top:28px;border-top:1px solid var(--line);padding-top:14px}.order-details dl{display:grid;grid-template-columns:100px 1fr;font-size:13px;gap:14px;line-height:1.8}.order-details dt{color:var(--muted)}.order-details dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.order-actions{display:flex;gap:10px;flex-wrap:wrap}.order-actions>*{flex:1;min-width:140px}.order-actions .button{margin-top:10px}.contact-box{margin-top:22px;padding:18px;background:var(--tint);border-radius:12px;display:flex;gap:18px;align-items:center}.contact-box img{width:100px;height:100px;border-radius:8px}.contact-box p{font-size:13px;line-height:1.8;margin:0}.recent{display:block;border:1px solid var(--line);padding:16px;border-radius:12px;margin-top:12px;line-height:1.8}.recent small{display:block;color:var(--muted)}
@media(max-width:800px){.layout{grid-template-columns:1fr}.summary{position:static}.intro{padding-top:32px}.intro h1{font-size:30px}.shell{padding:0 18px}.panel{padding:22px}.top{padding:22px 0}.nav{gap:12px;font-size:12px}}
@media(max-width:390px){.service-grid{grid-template-columns:1fr}.brand{font-size:16px}.brand i{width:27px;height:27px;margin-right:5px}.panel{padding:18px}.contact-row{grid-template-columns:100px 1fr}}
@media(prefers-color-scheme:dark){:root{--bg:#14101c;--card:#1b1526;--ink:#f3effa;--muted:#b3a9c9;--line:#332946;--tint:#251d32;--accent:#ad8bea;--good:#7edbaa}.button{color:#181022}.brand i{background:#e5dcf7;color:#211b2b}.error{background:#382225;color:#ffb4ae}.status-badge.paid{background:#19362a}select{color-scheme:dark}}
