*{box-sizing:border-box}html{background:#07100d}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#143629 0,#07100d 42%,#040706 100%);color:#edf7f1;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,"Microsoft YaHei",sans-serif}.wrap{max-width:560px;margin:0 auto;padding:14px 0 34px}.banner{width:100%;display:block;min-height:130px;object-fit:cover;border-radius:0 0 22px 22px;box-shadow:0 18px 40px #0008}.card,.panel{background:linear-gradient(180deg,#111b18,#0c1210);border:1px solid #21342e;border-radius:18px;margin:14px 12px;padding:16px;box-shadow:0 16px 44px #0007}.flow{display:grid;grid-template-columns:1fr 1fr;gap:12px}.step{background:#111917;border:1px solid #26362f;border-radius:16px;padding:14px;color:#aab5b0}.step.on{border-color:#20e78b;color:white;box-shadow:inset 0 0 0 1px #20e78b33}.step b{display:inline-grid;place-items:center;width:26px;height:26px;background:linear-gradient(135deg,#19f08a,#8cffba);color:#001b10;border-radius:50%;font-weight:900}.step span{display:block;font-size:18px;font-weight:800;margin-top:10px}.step small{color:#91a09a}h2,h3{letter-spacing:.4px}h3{border-left:4px solid #20e78b;padding-left:10px;margin:22px 0 13px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{font-size:13px;color:#cbd7d1;display:block;position:relative}input,select,textarea{width:100%;margin-top:8px;background:#17201d;border:1px solid #34463f;border-radius:12px;color:#fff;padding:13px;font-size:15px;outline:none;transition:.15s}input:focus,select:focus,textarea:focus{border-color:#1fe58a;box-shadow:0 0 0 3px #1fe58a22}.notice{background:linear-gradient(135deg,#173027,#101918);border:1px solid #2e5548;border-radius:14px;padding:12px;line-height:1.65;color:#dfeee7}.money em{position:absolute;right:9px;top:32px;background:#26342f;border:1px solid #3c5149;padding:2px 7px;border-radius:8px;color:#d6e6df;font-style:normal;font-size:12px}.result{margin-top:20px;border:1px solid #335047;border-radius:18px;padding:18px;background:linear-gradient(180deg,#17241f,#101816)}.result span{color:#a8bbb2}.result strong{float:right;font-size:32px;color:#6dffa6;text-shadow:0 0 18px #20e78b55}.result-grid{clear:both;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:20px}.result-grid div{background:#202d29;border:1px solid #3a5b50;border-radius:13px;text-align:center;padding:10px 6px;font-size:13px;color:#b9c9c1}.result-grid b{color:#72ffa7;font-size:16px}textarea{height:155px;resize:vertical;font-size:13px;line-height:1.55}button{width:100%;border:0;border-radius:14px;background:linear-gradient(135deg,#16d87f,#8cffba);color:#052015;font-weight:900;padding:14px 16px;font-size:17px;margin-top:12px;cursor:pointer;box-shadow:0 10px 24px #10c7742e}button:disabled{cursor:not-allowed;opacity:.55;filter:grayscale(.4)}a{text-decoration:none}.modal-mask{position:fixed;inset:0;z-index:99;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.78);backdrop-filter:blur(10px)}.modal-card{width:min(560px,100%);background:linear-gradient(180deg,#12241d,#070b0a);border:1px solid #2f6b55;border-radius:24px;padding:28px;box-shadow:0 30px 90px #000,0 0 0 1px #28ff9440 inset}.modal-badge{display:inline-block;background:#173c2d;color:#7fffb0;border:1px solid #2fe78c;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:900;letter-spacing:1px}.modal-card h2{font-size:28px;margin:16px 0 10px}.modal-content{max-height:42vh;overflow:auto;white-space:normal;color:#d7e9e1;line-height:1.8;background:#0d1513;border:1px solid #22362f;border-radius:16px;padding:15px}.modal-card button{margin-top:18px}@media(max-width:460px){.grid{grid-template-columns:1fr}.wrap{padding-top:0}.result strong{float:none;display:block;margin-top:8px}.result-grid{grid-template-columns:1fr}.flow{grid-template-columns:1fr}.modal-card{padding:22px}.modal-card h2{font-size:24px}}
.toast{display:none;position:fixed;left:50%;bottom:28px;z-index:120;transform:translateX(-50%) translateY(20px);background:#11251c;border:1px solid #20e78b;color:#dffff0;padding:12px 18px;border-radius:999px;box-shadow:0 12px 38px #0008;opacity:0;pointer-events:none;transition:.22s;font-weight:800}.toast.show{display:block;opacity:1;transform:translateX(-50%) translateY(0)}.toast.err{background:#2a1717;border-color:#ff6b6b;color:#ffe9e9}

.skin-groups{display:grid;gap:12px}.skin-card{background:#121c19;border:1px solid #2d4039;border-radius:15px;padding:12px}.skin-title{font-weight:900;color:#ecfff5;margin-bottom:10px}.skin-options{display:flex;flex-wrap:wrap;gap:8px}.check-pill{display:inline-flex;align-items:center;width:auto;color:#dbe9e2;font-size:13px}.check-pill input{display:none}.check-pill span{display:inline-block;background:#1a2521;border:1px solid #34463f;border-radius:999px;padding:9px 12px;cursor:pointer;transition:.15s}.check-pill input:checked+span{background:linear-gradient(135deg,#16d87f,#8cffba);border-color:#65ffad;color:#052015;font-weight:900;box-shadow:0 8px 18px #10c77422}