:root{--ink:#fffef8;--ink-2:#fffef8cc;--ink-3:#fffef899;--ink-4:#fffef859;--gold:#8b7355;--gold-d:#6d5a44;--gold-l:#a08466;--panel:rgba(10,25,41,.55);--panel-2:rgba(10,25,41,.6);--glass:rgba(255,254,248,.05);--hair:rgba(255,254,248,.12);--hair-2:rgba(255,254,248,.14);--font-kai:"KaiTi","STKaiti","Microsoft YaHei",serif}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.02) 0%,transparent 50%),linear-gradient(135deg,#0a1929,#123234);font-family:Microsoft YaHei,PingFang SC,sans-serif;color:var(--ink);display:flex;justify-content:center;align-items:flex-start;padding:40px 20px 0;position:relative}a{color:var(--ink-2);text-decoration:none;transition:color .3s}a:visited{color:var(--ink-2)}a:hover{color:#fffef8dd}::selection{background:#8b73558c;color:var(--ink)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(pointer:fine){.gc-js,.gc-js *{cursor:none!important}}.gc{position:fixed;top:0;left:0;z-index:9999;pointer-events:none;border-radius:50%;opacity:0;will-change:transform;transition:opacity .3s}.gc-on .gc{opacity:1}.gc-dot{width:7px;height:7px;background:#f4e3c8;box-shadow:0 0 8px 2px #b0906ee6,0 0 16px 5px #8b73558c;animation:gcPulse 2.4s ease-in-out infinite}.gc-ring{width:38px;height:38px;border:1px solid rgba(176,144,110,.5);background:radial-gradient(circle,rgba(139,115,85,.2),transparent 70%);box-shadow:0 0 18px #8b735580,inset 0 0 12px #8b735559;transition:width .25s,height .25s,opacity .3s,border-color .25s}.gc-hot .gc-ring{width:58px;height:58px;border-color:#d2af82d9}.gc-hot .gc-dot{width:4px;height:4px}.gc-down .gc-ring{width:24px;height:24px;border-color:#d2af82f2}@keyframes gcPulse{0%,to{box-shadow:0 0 8px 2px #b0906ee6,0 0 15px 4px #8b735580}50%{box-shadow:0 0 10px 3px #d2af82f2,0 0 22px 7px #8b7355a6}}.deco{position:fixed;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(139,115,85,.06) 0%,transparent 70%);pointer-events:none;filter:blur(60px);z-index:0}.deco.tr{top:-150px;right:-150px}.deco.bl{bottom:-150px;left:-150px}.page{width:100%;max-width:1160px;position:relative;z-index:1;display:flex;flex-direction:column;min-height:calc(100vh - 40px)}.topbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:36px;animation:fadeUp .6s ease-out both}.back{display:flex;align-items:center;gap:9px;color:var(--ink-3);text-decoration:none;font-size:15px;letter-spacing:3px;font-family:var(--font-kai);transition:color .3s}.back img{width:28px;height:28px;display:block;filter:drop-shadow(0 2px 5px rgba(0,0,0,.35));transition:filter .3s}.back:hover{color:#fffef8dd}.back:hover img{filter:drop-shadow(0 0 3px rgba(210,175,130,.9)) drop-shadow(0 0 8px rgba(176,144,110,.75)) drop-shadow(0 0 14px rgba(139,115,85,.55)) brightness(1.12)}.nav{display:flex;gap:6px}.nav a{color:var(--ink-3);text-decoration:none;font-size:13px;padding:6px 14px;border-radius:20px;border:1px solid transparent;transition:all .3s}.nav a:hover{color:#fffef8dd;background:#fffef80f}.nav a.on{color:#fffef8dd;background:#8b735540;border-color:var(--hair-2)}h1{font-family:var(--font-kai);font-weight:300;font-size:34px;text-align:center;margin-bottom:8px;color:#fffef8dd;text-shadow:0 2px 8px rgba(0,0,0,.3);animation:fadeUp .6s ease-out .1s both}.sub{text-align:center;font-size:13px;color:#fffef877;margin-bottom:32px;animation:fadeUp .6s ease-out .2s both}.card{background:var(--glass);border:1px solid var(--hair);border-radius:12px;padding:28px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin-bottom:20px;animation:fadeUp .6s ease-out .3s both}label{display:block;font-size:13px;color:var(--ink-2);margin-bottom:8px}.row{display:flex;gap:16px;flex-wrap:wrap;align-items:end;margin-bottom:20px}.row:last-child{margin-bottom:0}.field{flex:1;min-width:140px}input[type=number],input[type=text]{width:100%;background:var(--panel-2);border:1px solid rgba(255,254,248,.16);border-radius:8px;padding:9px 12px;color:var(--ink);font-size:14px;outline:none;transition:border-color .3s;font-family:inherit}input[type=number]:focus,input[type=text]:focus{border-color:var(--gold-l)}input[type=range]{width:100%;accent-color:var(--gold-l)}.checks{display:flex;gap:18px;flex-wrap:wrap}.check{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--ink-2);cursor:pointer;margin:0}input[type=checkbox],input[type=radio]{accent-color:var(--gold-l);width:15px;height:15px;cursor:pointer}.btn{background:linear-gradient(135deg,var(--gold),var(--gold-d));color:var(--ink);border:0;border-radius:8px;padding:10px 30px;font-size:14px;cursor:pointer;font-family:inherit;transition:all .3s;white-space:nowrap}.btn:hover{filter:brightness(1.2);box-shadow:0 4px 16px #8b735559}.btn:disabled{opacity:.45;cursor:not-allowed;filter:none;box-shadow:none}.btn.ghost{background:transparent;border:1px solid rgba(255,254,248,.22);color:var(--ink-3)}.btn.ghost:hover{border-color:var(--gold-l);color:var(--ink);background:#8b735526;box-shadow:none}.btn.ghost.active{background:#8b735561;border-color:var(--hair-2);color:var(--ink)}.pcts{display:flex;gap:8px;flex-wrap:wrap}.actions{display:flex;gap:14px;align-items:center;flex-wrap:nowrap;margin-bottom:20px}.drop{border:1.5px dashed rgba(255,254,248,.25);border-radius:10px;padding:44px 20px;text-align:center;color:var(--ink-3);font-size:14px;cursor:pointer;transition:all .3s;line-height:2}.drop:hover,.drop.over{border-color:var(--gold-l);background:#8b735514;color:#fffef8cc}.drop .big{font-size:30px;display:block}.out{background:var(--panel);border:1px solid rgba(255,254,248,.1);border-radius:10px;padding:18px;margin-top:20px;display:none}.out.show{display:block;animation:fadeUp .4s ease-out both}.out .line{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 4px;border-bottom:1px solid rgba(255,254,248,.06);font-size:13px;color:var(--ink-2);flex-wrap:wrap}.out .line:last-child{border-bottom:0}.str{font-family:Consolas,Menlo,monospace;font-size:15px;color:var(--ink);word-break:break-all;flex:1}.copy{background:transparent;border:1px solid rgba(255,254,248,.2);color:var(--ink-3);border-radius:6px;padding:4px 14px;font-size:12px;cursor:pointer;transition:all .3s;flex-shrink:0}.copy:hover{border-color:var(--gold-l);color:var(--ink)}.preview{display:flex;gap:20px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:16px}.preview figure{text-align:center}.preview img{max-width:360px;max-height:260px;border-radius:8px;border:1px solid var(--hair-2);display:block;margin:0 auto 8px;background:#0003}.preview figcaption{font-size:12px;color:var(--ink-3);line-height:1.8}.arrow{font-size:22px;color:#fffef866}.note{font-size:12px;color:#fffef866;margin-top:14px;line-height:1.8}.toast{position:fixed;left:50%;bottom:36px;transform:translate(-50%) translateY(20px);background:#8b7355eb;color:var(--ink);font-size:13px;padding:9px 22px;border-radius:20px;opacity:0;pointer-events:none;transition:all .35s;z-index:9}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.foot{text-align:center;font-size:12px;color:var(--ink-4);margin-top:auto;padding:36px 0 24px;line-height:2;animation:fadeIn .6s ease-out .5s both}.foot-links{display:flex;justify-content:center;gap:10px}.foot a{color:inherit;text-decoration:none;transition:color .3s}.foot a:hover{color:#fffef8cc}.foot-note{text-align:center;font-size:12px;color:var(--ink-4);margin-top:14px;line-height:1.8;animation:fadeUp .6s ease-out .4s both}.legal{font-size:13px;color:var(--ink-2);line-height:2}.legal h2{font-size:15px;color:#fffef8dd;font-weight:400;margin:22px 0 6px}.legal h2:first-child{margin-top:0}.legal p{margin-bottom:10px}.legal .meta{font-size:12px;color:#fffef877;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid rgba(255,254,248,.1)}@media(max-width:600px){.card{padding:20px}h1{font-size:27px}.nav a{padding:5px 10px;font-size:12px}.pcts{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.pcts .btn{padding:8px 0;font-size:12px;text-align:center}.actions .btn{padding:9px 18px}.row{gap:12px}.row>.field{flex:0 0 100%}}
