:root{color-scheme:dark;--bg:#101c20;--panel:#18262b;--border:#2b3b40;--muted:#94a6a9;--text:#f0f4ed;--lime:#c7e7a4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.6}header,main,footer{max-width:1240px;margin:auto;padding-left:40px;padding-right:40px}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}a{color:inherit;text-decoration:none}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700}.brand-icon{font-size:35px;color:var(--lime)}.brand-divider{width:1px;height:18px;background:#405055;margin:0 4px}.brand-caption{font-weight:400;font-size:13px;color:var(--muted)}.badge{border:1px solid var(--border);border-radius:30px;padding:6px 13px;color:#b6c6c7;font-size:12px}.badge i,.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:7px}.intro{position:relative;padding:48px 0 37px;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--lime)}h1{font-size:40px;font-weight:600;letter-spacing:-1px;line-height:1.3;margin:16px 0 13px}.intro p{color:var(--muted);margin:0;font-size:15px}.gem-art{position:absolute;right:38px;top:-30px;font-family:serif;font-size:220px;line-height:1;color:#bad99b14;transform:rotate(-12deg);pointer-events:none}.mobile-break{display:none}.workspace{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;align-items:start}.panel{background:var(--panel);border:1px solid var(--border);border-radius:16px}.settings{padding:24px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px}h2{font-size:16px;margin:0;font-weight:600}.small-label{font-size:11px;color:var(--muted)}.settings .panel-title{margin-bottom:28px}label{display:flex;align-items:center;justify-content:space-between;margin:22px 0 9px;color:#d5dfdf;font-size:13px}label span{font-size:11px;color:var(--muted)}.input-wrap{position:relative}.input-wrap input{width:100%;padding:13px 94px 13px 15px;border:1px solid #3b4d52;border-radius:9px;background:#111f24;color:var(--text);font:500 23px/1.4 "Segoe UI",sans-serif;appearance:textfield;-moz-appearance:textfield}.input-wrap input::-webkit-inner-spin-button{appearance:none}.input-wrap>span{position:absolute;right:14px;top:17px;color:var(--muted);font-size:12px;pointer-events:none}input:focus{outline:2px solid var(--lime);outline-offset:2px}input[aria-invalid=true]{border-color:#e5a09b}.presets{display:flex;gap:7px;margin-top:10px}button{font:inherit;cursor:pointer;transition:background .15s,color .15s}button:focus-visible,a:focus-visible,.table-scroll:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.presets button{flex:1;background:#223237;border:1px solid var(--border);border-radius:6px;padding:5px 0;color:#b7c8ca;font-size:12px}.presets button:hover{background:#3a5045;color:var(--lime)}.hint{font-size:11px;line-height:1.8;color:var(--muted);margin:13px 0 20px}.reset{width:100%;padding:10px;background:transparent;border:1px solid #405055;border-radius:8px;color:#c0cdce}.reset:hover{background:#2b3d42}.note{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.note>span{font-size:12px;color:#c9d4d4}.note p{font-size:11px;color:var(--muted);line-height:1.9;margin:7px 0 0}#error{font-size:12px;color:#ffb4a9}.summary{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:22px}.cost-card{min-width:0;background:#213238;border:1px solid #36494f;border-radius:15px;padding:23px}.cost-card.accent{background:var(--lime);border-color:var(--lime);color:#213527}.card-label{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:12px;color:#b7c8ca}.card-label>span{font-size:20px}.accent .card-label{color:#41583a}.amount{display:flex;align-items:baseline;gap:7px;margin-top:17px;flex-wrap:wrap}.amount strong{font-size:clamp(22px,2.7vw,34px);font-weight:600;letter-spacing:-1px;line-height:1.25;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.amount>span{font-size:13px}.rmb{font-size:15px;color:var(--lime);margin-top:7px;font-variant-numeric:tabular-nums}.accent .rmb{color:#375630}.count{border-top:1px solid #ffffff15;margin-top:21px;padding-top:13px;font-size:11px;color:var(--muted)}.accent .count{border-color:#36502c26;color:#4a633f}.detail{overflow:hidden}.detail .panel-title{padding:21px 22px;border-bottom:1px solid var(--border)}.table-scroll{overflow:auto;max-height:520px}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:12px;font-variant-numeric:tabular-nums}th{position:sticky;top:0;background:#1d2e33;padding:13px 16px;color:#96aaad;font-size:11px;font-weight:400;text-align:right}td{padding:16px;border-bottom:1px solid #2a3b4080;text-align:right;color:#ccd6d7}th:first-child,td:first-child{text-align:left;padding-left:22px}td:first-child{color:var(--lime)}td:nth-child(4){font-weight:600;color:#eef3ee}td:last-child{color:#b6cfb1}tr:hover td{background:#ffffff04}tr.target{background:#b8d5990a}.table-foot{padding:14px 22px;border-top:1px solid var(--border);font-size:10px;color:var(--muted)}.formula{font-size:10px;color:#82999b;line-height:2;margin:16px 4px}.formula span{margin-left:20px}footer{display:flex;justify-content:space-between;gap:15px;padding-top:35px;padding-bottom:28px;margin-top:45px;border-top:1px solid var(--border);color:#799094;font-size:11px}@media(min-width:1400px){header,main,footer{max-width:1320px}.workspace{grid-template-columns:340px minmax(0,1fr);gap:28px}}@media(max-width:1000px){header,main,footer{padding-left:24px;padding-right:24px}.workspace{grid-template-columns:280px minmax(0,1fr);gap:18px}.settings{padding:20px}.cost-card{padding:18px}.summary{gap:10px}.formula span{display:block;margin-left:0}}@media(max-width:760px){header{height:76px}.brand-caption,.brand-divider{display:none}.intro{padding:35px 0 28px}h1{font-size:32px}.gem-art{right:-30px;font-size:180px;top:0}.workspace{grid-template-columns:1fr}.settings{padding:22px}.settings .panel-title{margin-bottom:20px}.note{margin-top:18px;padding-top:15px}.results{margin-top:5px}.amount strong{font-size:25px}.detail .panel-title{flex-wrap:wrap}.summary{gap:12px}.cost-card{padding:18px 15px}.card-label{font-size:11px}.formula{font-size:11px}footer{margin-top:26px;flex-direction:column;gap:5px;padding-top:22px}.table-scroll{max-height:480px}}@media(max-width:390px){header,main,footer{padding-left:16px;padding-right:16px}h1{font-size:29px}.mobile-break{display:block}.summary{grid-template-columns:1fr}.amount strong{font-size:32px}}
:is(.settings,.results){min-width:0}