:root{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#163432;background:#f3f6f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}header{background:#fff;border-bottom:1px solid #dfe9e4;padding:22px max(20px,calc((100vw - 1080px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}header>a{font-size:23px;font-weight:800;text-decoration:none}nav{display:flex;gap:18px;font-size:14px}main{max-width:1120px;margin:auto;padding:36px 20px}h1{font-size:clamp(26px,4vw,38px);letter-spacing:-1px;margin:12px 0 20px}h2{font-size:21px;margin:0 0 14px}.eyebrow{font-size:11px;letter-spacing:3px;color:#6a8880}p{line-height:1.8}.card{background:#fff;border:1px solid #e0e9e5;border-radius:22px;padding:28px;margin:20px 0;box-shadow:0 8px 28px #193f3205}.hero{display:grid;grid-template-columns:1fr 180px;gap:32px;align-items:center;background:linear-gradient(120deg,#e0f0e7,#f9fcf7);border-color:#c9dfd2}.hero h2{margin-top:18px;font-size:28px}.hero>img{width:180px;border:8px solid white;border-radius:14px}.tag{display:inline-block;border:1px solid #b5d0bd;background:#ffffff80;border-radius:30px;padding:7px 14px;font-size:13px;color:#316c54}.muted{color:#74857f;font-size:13px;overflow-wrap:anywhere}.code-line{margin:20px 0;font-size:14px}.code-line strong{letter-spacing:2px;font-size:24px;margin-left:8px}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:16px 0}button,.button{border:0;border-radius:10px;background:#205e4b;color:#fff;display:inline-block;font:inherit;font-weight:600;font-size:14px;padding:12px 18px;cursor:pointer;text-decoration:none}.secondary{color:#245842;background:#edf3ef}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #77bea3;outline-offset:3px}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.metrics>div{background:white;border-radius:16px;padding:22px 15px;border:1px solid #e0e9e5}.metrics span{display:block;font-size:12px;color:#7b8e86}.metrics strong{display:block;font-size:23px;margin-top:12px}label{display:block;font-size:14px}textarea,input{display:block;font:inherit;padding:12px;background:#f8faf9;border:1px solid #cfdbd5;border-radius:10px;margin:10px 0;max-width:100%}textarea{width:100%;resize:vertical}#withdraw-form{max-width:620px}.record{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid #edf1ee;align-items:center}.record:last-child{border:0}.record>div{min-width:0}.record strong,.record small{display:block;overflow-wrap:anywhere}.record small{color:#72867b;margin-top:6px;font-size:12px;line-height:1.6;white-space:pre-wrap}.record .actions{flex-shrink:0}.record b{white-space:nowrap;color:#286448}#notice{color:#376c56;overflow-wrap:anywhere}dialog{border:0;border-radius:20px;padding:22px;width:min(460px,95vw);max-height:94vh;overflow:auto}dialog::backdrop{background:#132e29aa}#poster-image{width:100%;display:block;margin-bottom:15px}[hidden]{display:none!important}@media(max-width:640px){header{padding:18px 16px;flex-wrap:wrap}nav{gap:14px}main{padding:22px 14px}.card{padding:20px;border-radius:18px}.hero{grid-template-columns:1fr;gap:12px}.hero h2{font-size:24px}.hero>img{width:145px}.metrics{grid-template-columns:repeat(2,1fr)}.metrics>div{padding:16px}.metrics strong{font-size:22px}.record{align-items:flex-start;flex-wrap:wrap;gap:10px}.record .actions{margin:0}.code-line strong{font-size:21px}}

.hero{grid-template-columns:1fr}.payout-preview{display:block;max-width:180px;max-height:220px;border:1px solid #dce7df;border-radius:10px;margin:14px 0}#payout-form{max-width:620px}#payout-form input{width:100%}#withdraw-form{margin-top:24px;padding-top:20px;border-top:1px solid #e0e9e5}#toast{position:fixed;left:50%;top:46%;transform:translate(-50%,-50%);padding:14px 24px;border-radius:12px;background:#193e34ee;color:white;box-shadow:0 8px 24px #16382d22;z-index:1000;pointer-events:none}