:root{color-scheme:light;--ink:#182923;--muted:#62736c;--green:#176749;--line:#dce5df;--paper:#f5f7f3}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:15px/1.65 system-ui,-apple-system,"Microsoft YaHei",sans-serif}header,main,footer{max-width:1200px;margin:auto;padding:24px 36px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}a{color:var(--green)}.brand{font-size:23px;font-weight:800;letter-spacing:1px;text-decoration:none;white-space:nowrap}.brand span{font-size:13px;display:block;letter-spacing:4px;font-weight:500;color:var(--muted)}nav{display:flex;flex-wrap:wrap;gap:8px}button{background:var(--green);color:white;border:1px solid var(--green);padding:11px 20px;border-radius:8px;font:inherit;font-weight:600;cursor:pointer}button:hover{filter:brightness(.94)}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{background:transparent;color:var(--green);border-color:var(--line)}button.nav{background:transparent;color:var(--ink);border-color:transparent;padding:7px 12px}button.icon{padding:0 10px;font-size:25px}.hero{padding:64px 0 54px;max-width:850px}.eyebrow{font:12px/1.8 ui-monospace,monospace;letter-spacing:2px;color:var(--green);margin-bottom:18px}h1{font-size:46px;line-height:1.25;letter-spacing:-1px;margin:0 0 24px}h2{font-size:23px}h3{font-size:19px;margin:8px 0}p{margin:12px 0}.hero p{font-size:18px;color:var(--muted);max-width:690px}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:32px}.hero-actions span{font-size:13px;color:var(--muted)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0}.section-title h1,.section-title h2{margin:0}.section-title>span{font-size:13px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:20px}.card{background:white;padding:28px;border:1px solid var(--line);border-radius:14px}.card.featured{border-color:var(--green)}.card .tag,.chip{background:#e9f1eb;color:var(--green);font-size:12px;border-radius:20px;padding:5px 10px;display:inline-block}.price{font-size:34px;font-weight:750;letter-spacing:-1px}.price small{font-size:13px;font-weight:400;letter-spacing:0;color:var(--muted)}.muted{color:var(--muted);font-size:13px}.features{padding-left:20px;color:var(--muted);min-height:120px}.card button{margin-top:14px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:44px 0;border-bottom:1px solid var(--line)}.steps b{color:var(--green);font:25px ui-monospace,monospace}.steps p{font-size:14px;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px;padding-top:36px;padding-bottom:36px}section[hidden],[hidden]{display:none!important}#notice{position:sticky;top:10px;z-index:5;padding:14px 20px;background:#e7f0e9;border:1px solid #bbd2c1;border-radius:8px;margin-bottom:15px}#notice.error{background:#fff0ed;border-color:#edbfb2;color:#8f3022}.table-wrap{overflow-x:auto;background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:24px}table{border-collapse:collapse;width:100%;font-size:13px}td,th{padding:14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-weight:500;background:#f9faf7}td button{font-size:12px;padding:5px 9px;margin:2px}td code{overflow-wrap:anywhere;font-size:11px}dialog{border:1px solid var(--line);border-radius:16px;max-width:510px;width:calc(100% - 28px);padding:28px;color:var(--ink)}dialog::backdrop{background:#10261b66;backdrop-filter:blur(3px)}.dialog-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-title h2{margin:0 0 10px}label{display:block;font-size:13px;color:var(--muted);margin:15px 0}input,textarea,select{display:block;width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink);font:15px system-ui;resize:vertical}input[type=checkbox]{width:auto;display:inline;margin-right:8px}input:focus,textarea:focus,button:focus-visible{outline:2px solid #75aa8b;outline-offset:2px}.form-error{color:#9e3823;font-size:13px}.actions,.chips{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}details{border:1px solid var(--line);padding:20px;border-radius:10px;background:white;margin-top:30px}details form{max-width:430px;margin-bottom:30px}.empty{padding:28px;background:white;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}.domains{word-break:break-word}.qr{width:220px;height:220px;display:block;margin:20px auto}.payment-url{display:block;overflow-wrap:anywhere;font-size:12px}.card small{color:var(--muted)}@media(max-width:700px){header,main,footer{padding:20px}header{align-items:flex-start;flex-direction:column;gap:14px}nav{width:100%;gap:2px}button.nav{font-size:13px;padding:6px 9px}.hero{padding:36px 0}h1{font-size:34px}.hero p{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:12px}.section-title{align-items:flex-start}.section-title>span{display:none}.grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:20px}.steps article{display:grid;grid-template-columns:44px 1fr;column-gap:10px}.steps article p{grid-column:2;margin:0}.card{padding:22px}footer{flex-direction:column;gap:5px}dialog{padding:22px}}

.login-link{display:block;text-align:center;padding:11px 20px;border-radius:8px;background:var(--green);color:white;text-decoration:none;font-weight:600;margin:14px 0}