:root{--bg:#111410;--surface:#1b2018;--gold:#e7c37c;--ink:#edeadf;--muted:#9ba58e;--line:#39402f;--red:#ecaa96;--radius:14px}
*{box-sizing:border-box} [hidden]{display:none!important}
body{margin:0;min-height:100vh;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",sans-serif;background:radial-gradient(ellipse at 20% 45%,#2831207d 0,transparent 55%),radial-gradient(ellipse at 93% 8%,#9b7a3023 0,transparent 40%),var(--bg)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.17;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 95px,#b8b99520 96px,transparent 97px);z-index:-1}
button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,.dropzone:focus-within{outline:2px solid var(--gold);outline-offset:5px}button:disabled{cursor:default}
.masthead{max-width:1220px;margin:auto;padding:34px 44px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #9aa78420}.brand{display:flex;gap:15px;align-items:center;color:var(--ink);text-decoration:none;font-family:"STSong","SimSun",serif;font-size:23px;letter-spacing:3px}.brand small{display:block;margin-top:5px;font:10px "Microsoft YaHei",sans-serif;letter-spacing:4px;color:var(--muted)}.brand-mark{color:var(--gold);font-size:35px}.server-label{font-size:12px;color:var(--muted);letter-spacing:1px;display:flex;align-items:center;gap:8px}.server-label i{width:6px;height:6px;border-radius:50%;background:var(--gold)}
.layout{max-width:1220px;margin:0 auto;padding:68px 44px 78px;display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:start}.intro{padding-top:25px}.eyebrow{font-size:11px;color:var(--gold);letter-spacing:5px;margin:0 0 22px}h1{font-family:"STSong","Songti SC","SimSun",serif;font-weight:400;font-size:clamp(32px,3.4vw,48px);line-height:1.5;letter-spacing:2px;margin:0 0 30px}.reward{display:flex;gap:18px;align-items:center;padding:22px 0 30px}.coin{width:50px;height:50px;border:1px solid #b8955066;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#e8c27b21,transparent);color:var(--gold);font-size:26px;box-shadow:inset 0 0 0 5px #d2b36c0a}.reward strong{font-family:Georgia,"Times New Roman",serif;font-size:100px;font-weight:400;line-height:1;color:var(--gold);letter-spacing:-7px}.reward-unit{font-size:18px;letter-spacing:2px;margin-top:18px}.reward-unit small{display:block;font-size:11px;letter-spacing:1px;color:var(--muted);margin-top:10px}.intro-copy{font-size:13px;line-height:2.1;color:var(--muted);margin:0 0 38px}.steps{list-style:none;display:flex;padding:22px 0 0;margin:0;border-top:1px solid #9aa78420;gap:23px;font-size:12px;color:#bfc7b4}.steps li{display:flex;gap:9px;align-items:center;white-space:nowrap}.steps span{font-family:Georgia,serif;color:#68765d;font-size:16px}
.submission{position:relative;background:linear-gradient(140deg,#242a20,#191e17);border:1px solid #9baa7540;box-shadow:0 30px 80px #0004;padding:30px;border-radius:var(--radius)}.submission:before{content:"";position:absolute;top:-1px;left:30px;width:74px;height:2px;background:var(--gold)}.card-top{display:flex;justify-content:space-between;align-items:center}.card-top .eyebrow{margin:0;font-size:10px;letter-spacing:3px}.card-number{font:10px Georgia,serif;letter-spacing:2px;color:#748069}h2{font-size:23px;letter-spacing:1px;font-weight:500;margin:23px 0 24px}.dropzone{display:grid;position:relative;place-items:center;width:100%;height:226px;border:1px dashed #76836399;border-radius:8px;overflow:hidden;cursor:pointer;background:#0c100950;transition:border-color .2s,background .2s}.dropzone:hover,.dropzone.dragover{border-color:var(--gold);background:#e7c37c08}.dropzone input{position:absolute;width:1px;height:1px;opacity:0}.upload-prompt{display:flex;flex-direction:column;align-items:center;gap:14px;pointer-events:none}.upload-icon{width:48px;height:48px;border:1px solid var(--line);display:grid;place-items:center;font-size:25px;color:var(--gold);border-radius:10px}.upload-prompt strong{font-size:13px;font-weight:400;letter-spacing:1px}.upload-prompt>span:last-child{font-size:10px;color:var(--muted)}#preview{width:100%;height:100%;object-fit:contain;padding:10px}.file-info{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);gap:12px;margin-top:12px}#file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.primary-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 18px;border:1px solid var(--gold);border-radius:7px;background:var(--gold);color:#222516;font-size:13px;font-weight:600;letter-spacing:1px;transition:background .2s,opacity .2s;margin-top:20px}.primary-button:hover{background:#f3d79d}.primary-button:disabled{opacity:.37}.status{color:var(--muted);font-size:11px;line-height:1.9;margin:15px 0 0;min-height:21px}.status.error{color:var(--red)}.card-footer{margin-top:24px;padding-top:20px;border-top:1px solid #9aa78420;font-size:9px;color:#929e82;line-height:1.9;letter-spacing:.3px}.footer-dot{display:inline-block;width:5px;height:5px;background:#b09b63;border-radius:50%;margin-right:5px}
.success-label{color:var(--gold);font-size:12px;letter-spacing:2px;margin:10px 0 18px}.success-label span{border:1px solid #c5ae6766;display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;margin-right:5px}h3{font-family:"STSong","SimSun",serif;font-size:27px;font-weight:400;letter-spacing:1px;margin:0 0 15px}.result-copy{font-size:12px;color:var(--muted)}.result-copy strong{color:var(--gold);font-weight:400}.code-box{border:1px solid #69755177;background:#0e130a;padding:18px 13px;border-radius:7px;margin-top:25px}code{font-family:Consolas,monospace;font-size:14px;color:var(--gold);letter-spacing:.5px;overflow-wrap:anywhere}.redeem-note{font-size:12px;line-height:1.9;color:var(--muted);margin:22px 0 15px}.text-button{background:none;border:0;padding:8px 0;color:var(--gold);font-size:12px}.page-footer{max-width:1132px;margin:auto;display:flex;justify-content:space-between;padding:23px 0 30px;color:#6c7961;border-top:1px solid #9aa78420;font-size:10px;letter-spacing:1px}
@media(max-width:900px){.layout{gap:34px;padding:45px 30px 60px}.masthead{padding:27px 30px}.reward{gap:12px}.reward strong{font-size:80px}.reward-unit{font-size:15px}.steps{gap:13px;font-size:10px}.steps li{gap:5px}.submission{padding:24px}.page-footer{margin:0 30px}}
@media(max-width:680px){.masthead{padding:23px 23px}.brand{font-size:20px;gap:10px}.brand-mark{font-size:29px}.server-label{font-size:10px}.layout{grid-template-columns:1fr;gap:29px;padding:27px 22px 40px}.intro{padding-top:0}.intro .eyebrow{font-size:9px;letter-spacing:3px;margin-bottom:13px}h1{font-size:31px;line-height:1.5;margin-bottom:8px}.reward{padding:12px 0 19px}.reward strong{font-size:76px;letter-spacing:-5px}.coin{width:40px;height:40px;font-size:23px}.reward-unit{font-size:15px;margin-top:9px}.reward-unit small{font-size:10px}.intro-copy{font-size:12px;margin-bottom:20px}.steps{padding-top:17px;gap:22px;font-size:11px}.submission{padding:24px 21px}.dropzone{height:205px}h2{font-size:21px;margin:20px 0}.page-footer{margin:0 22px;gap:14px;font-size:9px;letter-spacing:0;line-height:1.8}.card-footer{font-size:9px}code{font-size:13px;letter-spacing:0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.activity-rules{margin-top:28px;padding:18px 0;border-top:1px solid var(--line);font-size:12px;line-height:1.9;color:var(--muted)}.activity-rules>p:first-child{margin:0 0 8px;color:var(--ink);font-size:14px}.activity-rules ul{margin:0 0 12px;padding-left:19px}.activity-rules a{color:var(--gold);text-underline-offset:4px}.activity-rules .rule-note{margin:12px 0 0;font-size:11px}

.extra-previews{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.extra-previews:empty{display:none}.extra-previews img{width:calc(25% - 6px);height:84px;object-fit:contain;background:#f2eee7;border-radius:6px}

