:root{--ink: #0d0d0f;--ink-2: #2b2f36;--muted: #8a8f99;--line: #e9e7e1;--bg: #f4f2ed;--card: #ffffff;--gold: #debe80;--gold-deep: #c69c52;--red: #c0392b;--red-bg: #fdf1ef;--green: #1f9d63;--green-bg: #ecf8f1;--radius: 18px;--shadow: 0 10px 36px rgba(20, 18, 12, .08)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.page{max-width:560px;margin:0 auto;min-height:100vh;min-height:100dvh;background:radial-gradient(1200px 360px at 50% -120px,rgba(222,190,128,.22),transparent 70%),var(--bg)}.topbar{display:flex;align-items:center;gap:10px;padding:calc(14px + env(safe-area-inset-top)) 18px 12px}.logo{height:24px;width:auto;display:block}.sys-name{font-size:15px;font-weight:700;color:var(--ink);letter-spacing:1px;padding-left:10px;margin-left:2px;border-left:1px solid var(--line)}.main{padding:8px 18px 28px}.hero{padding:14px 2px 18px}.hero h1{margin:0 0 8px;font-size:26px;font-weight:800;letter-spacing:1px}.hero p{margin:0;font-size:13.5px;line-height:1.7;color:var(--muted)}.tabs{display:flex;background:#e9e6df;border-radius:14px;padding:4px;margin-bottom:16px}.tab{flex:1;border:0;background:transparent;padding:11px 0;font-size:15px;font-weight:600;color:var(--muted);border-radius:11px;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;transition:all .2s}.tab.active{background:var(--card);color:var(--ink);box-shadow:0 2px 10px #14120c14}.panel{display:none}.panel.active{display:block;animation:fade .25s ease}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.reader-wrap{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:var(--radius);overflow:hidden;background:#15140f;box-shadow:var(--shadow);margin-bottom:14px}.reader,.reader video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;object-fit:cover;border-radius:var(--radius)}.reader img,.reader video+img{display:none!important}.scan-frame{position:absolute;left:50%;top:50%;width:88%;height:27%;transform:translate(-50%,-50%);pointer-events:none;z-index:3;transition:opacity .3s}.corner{position:absolute;width:22px;height:22px;border:3px solid var(--gold);filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.corner.tl{left:0;top:0;border-right:0;border-bottom:0;border-radius:6px 0 0}.corner.tr{right:0;top:0;border-left:0;border-bottom:0;border-radius:0 6px 0 0}.corner.bl{left:0;bottom:0;border-right:0;border-top:0;border-radius:0 0 0 6px}.corner.br{right:0;bottom:0;border-left:0;border-top:0;border-radius:0 0 6px}.scan-line{position:absolute;left:6%;right:6%;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);animation:scanmove 2.2s ease-in-out infinite;opacity:0}.reader-wrap.scanning .scan-line{opacity:1}@keyframes scanmove{0%,to{top:4%}50%{top:96%}}.reader-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:linear-gradient(160deg,#1c1a14,#100f0b);color:#cfc8b8;text-align:center;padding:20px;transition:opacity .3s}.reader-mask.hidden{opacity:0;pointer-events:none}.zoom-btn{position:absolute;right:12px;bottom:12px;z-index:6;border:1px solid rgba(222,190,128,.55);background:#0a0a0c9e;color:var(--gold);font-size:13px;font-weight:700;padding:8px 14px;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer}.zoom-btn:active{transform:scale(.95)}.scan-guide{margin:12px 2px 0;font-size:12.5px;line-height:1.7;color:var(--gold-deep);text-align:center;background:#faf3e3;border:1px solid #eeddb8;border-radius:12px;padding:9px 12px}.mask-icon{color:var(--gold);margin-bottom:6px}#maskTitle{margin:0;font-size:15px;font-weight:600;color:#efe9dc}.mask-sub{margin:0;font-size:12.5px;color:#9c9583;line-height:1.6}.btn{border:0;border-radius:13px;font-size:16px;font-weight:700;padding:14px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .12s,opacity .2s,background .2s}.btn:active{transform:scale(.98)}.btn-block{width:100%}.btn-primary{background:linear-gradient(135deg,#1c1c1f,#000);color:#f3ead6;box-shadow:0 8px 20px #0d0d0f38}.btn-primary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn-ghost{background:#eceae4;color:var(--ink-2)}.tip{margin:12px 2px 0;font-size:12.5px;line-height:1.7;color:var(--muted);text-align:center}.tip.warn{color:#9a6a1f;background:#faf3e3;border:1px solid #eeddb8;border-radius:12px;padding:10px 12px;text-align:left}.tip a{color:var(--gold-deep)}.field-label{display:block;font-size:13.5px;font-weight:600;color:var(--ink-2);margin:4px 2px 8px}.code-input{width:100%;border:1.5px solid var(--line);background:var(--card);border-radius:13px;padding:16px;font-size:17px;font-weight:600;letter-spacing:1.5px;color:var(--ink);outline:none;transition:border-color .2s,box-shadow .2s;margin-bottom:14px}.code-input:focus{border-color:var(--gold-deep);box-shadow:0 0 0 3px #c69c5229}.code-input::placeholder{color:#b8b4a9;font-weight:400;letter-spacing:.5px}.loading-box{display:flex;flex-direction:column;align-items:center;gap:12px;padding:34px 0 8px;color:var(--muted);font-size:14px}.spinner{width:34px;height:34px;border:3px solid #e3ddce;border-top-color:var(--gold-deep);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-top:4px;animation:fade .3s ease}.result-banner{display:flex;align-items:center;gap:13px;padding:18px;color:#fff}.result-banner.valid{background:linear-gradient(135deg,rgba(222,190,128,.22),transparent 60%),linear-gradient(135deg,#1d1d20,#050506)}.result-banner.invalid{background:linear-gradient(135deg,#cf4436,#a5281b)}.result-banner.error{background:linear-gradient(135deg,#5d6068,#3c3f46)}.banner-icon{flex:0 0 auto;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.75)}.result-banner.valid .banner-icon{border-color:var(--gold);color:var(--gold)}.banner-text h2{margin:0 0 3px;font-size:18px;font-weight:800;letter-spacing:.5px}.banner-text p{margin:0;font-size:12.5px;line-height:1.55;opacity:.85}.result-body{padding:4px 0 8px}.field{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:13px 18px;border-bottom:1px solid #f0eee8}.field:last-child{border-bottom:0}.field label{flex:0 0 auto;font-size:12.5px;color:var(--muted);padding-top:2px}.field span{text-align:right;font-size:14px;font-weight:600;color:var(--ink);word-break:break-all}.field span.mono{font-family:SF Mono,Menlo,Consolas,monospace;font-size:13px;letter-spacing:.5px}.pill{display:inline-block;padding:3px 11px;border-radius:999px;font-size:12px;font-weight:700}.pill.green{background:var(--green-bg);color:var(--green)}.pill.archived{background:#eef0f3;color:#68707d}.result-actions{padding:4px 18px 18px;display:flex;gap:10px}.result-actions .btn{flex:1;padding:12px;font-size:14.5px}.invalid-box{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px 20px;text-align:center}.invalid-box h3{margin:12px 0 6px;font-size:17px}.invalid-box p{margin:0 0 4px;font-size:13.5px;color:var(--muted);line-height:1.7}.invalid-box .big-warn{width:56px;height:56px;border-radius:50%;background:var(--red-bg);color:var(--red);display:flex;align-items:center;justify-content:center;margin:0 auto}.query-key{text-align:center;font-size:12.5px;color:var(--muted);margin:12px 0 0}.query-key b{color:var(--ink-2);font-family:SF Mono,Menlo,Consolas,monospace}.footer{margin-top:30px;text-align:center;padding:0 10px}.footer p{margin:0 0 5px;font-size:12px;color:#9a958c}.footer-sub{font-size:11px!important;color:#b4b0a4!important;line-height:1.7}@media (min-width: 600px){.main{padding-top:20px}.hero h1{font-size:30px}.reader-wrap{aspect-ratio:16 / 8}}