:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef3fb;--bg-soft:#f8fbff;--panel:#ffffffc7;--panel-strong:#fffffff0;--border:#7389ac2e;--border-strong:#3877ff3d;--text:#16233b;--muted:#5f6f87;--muted-2:#7a879a;--accent:#2b67f6;--accent-2:#56b6ff;--accent-3:#15305c;--danger:#d75b59;--success:#179a6a;--radius-xl:28px;--radius-lg:22px;--radius-md:16px;--shadow:0 22px 60px #1f366024;--shadow-soft:0 12px 26px #1f366014}*,:before,:after{box-sizing:border-box}html,body,#app{min-height:100%}body{color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background:radial-gradient(circle at 0 0,#56b6ff2e,#0000 28%),radial-gradient(circle at 100% 0,#2b67f61c,#0000 25%),linear-gradient(#f7faff 0%,#edf3fb 100%);margin:0;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Segoe UI,system-ui,sans-serif;overflow-x:hidden}button,textarea{font:inherit}button{color:inherit}::selection{background:#2b67f633}#app{min-height:100vh}.page-shell{isolation:isolate;width:min(1200px,100% - 32px);margin:0 auto;padding:18px 0 16px;position:relative}.ambient{pointer-events:none;filter:blur(32px);opacity:.45;z-index:-1;border-radius:999px;position:absolute}.ambient-a{background:radial-gradient(circle,#56b6ff47,#56b6ff00);width:340px;height:340px;animation:16s ease-in-out infinite alternate drift;top:-100px;left:-120px}.ambient-b{background:radial-gradient(circle,#2b67f633,#2b67f600);width:300px;height:300px;animation:20s ease-in-out infinite alternate drift;top:80px;right:-110px}.ambient-c{background:radial-gradient(circle,#179a6a1f,#179a6a00);width:260px;height:260px;animation:22s ease-in-out infinite alternate drift;bottom:-50px;left:18%}@keyframes drift{0%{transform:translate(0,0)scale(1)}to{transform:translateY(18px)scale(1.04)}}.hero{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:10px;display:flex}.hero-copy{min-width:0}.hero h1{letter-spacing:-.05em;margin:8px 0 0;font-size:clamp(2.1rem,4vw,4rem);line-height:1}.mini-strip span,.token-meta span,.card-pill{border:1px solid var(--border);color:#47607f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc2;border-radius:999px;align-items:center;min-height:30px;padding:0 .76rem;font-size:.82rem;display:inline-flex}.clock-card{border:1px solid var(--border);box-shadow:var(--shadow-soft);background:#ffffffd1;border-radius:20px;flex-direction:column;flex:0 0 154px;align-items:flex-end;gap:4px;padding:16px 16px 14px;display:flex}.clock-label{color:var(--muted);font-size:.84rem}.clock-time{color:var(--accent-3);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:clamp(1.4rem,2.5vw,2rem);line-height:1}.clock-date{color:var(--muted-2);font-size:.82rem}.workspace{grid-template-columns:minmax(336px,.88fr) minmax(0,1.12fr);align-items:stretch;gap:10px;display:grid}.panel{border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#ffffffed,#f6f9ffd1);position:relative;overflow:hidden}.input-panel,.result-panel{padding:13px}.result-panel{flex-direction:column;gap:12px;min-width:0;display:flex}.panel-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.panel-kicker{color:var(--muted-2);letter-spacing:.18em;text-transform:uppercase;margin:0 0 6px;font-size:.72rem}.panel-head h2{margin:0;font-size:1.08rem}.counter{border:1px solid var(--border);min-height:34px;color:var(--muted);white-space:nowrap;background:#ffffffc2;border-radius:999px;align-items:center;padding:0 .76rem;display:inline-flex}.input{resize:vertical;width:100%;min-height:242px;color:var(--text);background:#fcfdfff0;border:1px solid #7389ac2e;border-radius:20px;outline:none;padding:.96rem 1rem;font-size:.96rem;line-height:1.65;transition:border-color .18s,box-shadow .18s,transform .18s;box-shadow:inset 0 1px #ffffffb3}.input:focus{border-color:var(--border-strong);box-shadow:0 0 0 4px #2b67f61a}.input::placeholder{color:#7c8ba4}.action-row{gap:10px;margin-top:10px;display:flex}.primary-btn,.close-btn,.icon-btn,.copy-btn{cursor:pointer;border:none;border-radius:14px;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s,opacity .16s}.primary-btn,.close-btn{min-height:44px;padding:0 1rem}.primary-btn{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;flex:1;box-shadow:0 12px 24px #2b67f638}.primary-btn:hover:not(:disabled){transform:translateY(-1px)}.close-btn{border:1px solid var(--border);color:#415674;background:#ffffffd6;flex:0 0 52px;width:52px;padding:0;font-size:1.4rem;line-height:1}.close-btn:hover:not(:disabled),.copy-btn:hover:not(:disabled),.icon-btn:hover:not(:disabled){background:#2b67f614;border-color:#2b67f657}button:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.mini-strip{flex-wrap:wrap;align-items:flex-start;gap:8px;margin-top:12px;display:flex}.mini-strip span:last-child{color:#5a6d8a;border-style:dashed;flex:100%}.api-details{border-top:1px solid #7389ac29;margin-top:12px;padding-top:9px}.api-details>summary{cursor:pointer;color:var(--accent-3);justify-content:flex-start;align-items:center;gap:8px;font-weight:800;list-style:none;display:flex}.api-details>summary::-webkit-details-marker{display:none}.api-body{gap:12px;margin-top:12px;display:grid}.api-note{color:var(--muted);margin:0;font-size:.9rem;line-height:1.55}.api-block{border:1px solid var(--border);background:#ffffffc7;border-radius:18px;padding:12px}.api-block.compact{padding:10px 12px}.api-block-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:0;display:flex}.api-block strong{color:var(--accent-3)}.copy-btn{border:1px solid var(--border);color:#405570;background:#ffffffe0;min-height:32px;padding:0 .76rem}.api-block code{color:#193055;word-break:break-word;background:#f3f7ff;border-radius:14px;margin-top:8px;padding:10px 12px;font-size:.84rem;line-height:1.5;display:block}.api-block p{color:var(--muted);margin:10px 0 0;font-size:.86rem;line-height:1.55}.result-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));align-items:stretch;gap:12px;display:grid}.token-card{background:radial-gradient(circle at top,#56b6ff29,#fffffff2 54%,#f5f9fffa 100%);border:1px solid #7389ac2e;border-radius:24px;flex-direction:column;gap:12px;min-width:0;min-height:182px;padding:15px;transition:transform .16s,border-color .16s,background .16s;display:flex;box-shadow:inset 0 1px #fffc,0 14px 30px #1f366014}.token-card:hover{border-color:#2b67f63d;transform:translateY(-1px)}.token-card.error{background:radial-gradient(circle at top,#d75b591f,#fffffff2 54%,#f5f9fffa 100%);border-color:#d75b593d}.token-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card-pill{min-height:30px}.card-pill.error{color:var(--danger);background:#d75b5914;border-color:#d75b5942}.icon-btn{border:1px solid var(--border);color:#405570;background:#ffffffe0;min-width:44px;min-height:44px;padding:0 .9rem}.token-title{color:var(--accent-3);margin:0;font-size:1.02rem;font-weight:800}.token-subtitle{color:var(--muted);margin:-6px 0 0;font-size:.84rem}.token-code{cursor:pointer;background:#fcfdfff5;border:1px solid #2b67f624;border-radius:22px;justify-content:center;align-items:center;width:100%;min-height:92px;padding:1rem;display:flex;box-shadow:inset 0 1px #ffffffbf}.token-code.empty{border-style:dashed}.token-code:hover:not(:disabled){border-color:#2b67f64d;transform:translateY(-1px)}.code-value{color:var(--accent-3);letter-spacing:clamp(.08em,.35vw,.22em);white-space:nowrap;text-shadow:0 0 24px #2b67f624;font-family:SF Mono,JetBrains Mono,Fira Code,Consolas,monospace;font-size:clamp(1.9rem,4.3vw,3.2rem);font-weight:900;line-height:1}.token-error{color:var(--danger);text-align:center;font-size:.92rem;line-height:1.55}.token-note{color:var(--muted);margin:0;font-size:.84rem}.token-meta{flex-wrap:wrap;gap:8px;display:flex}.progress-track{background:#7389ac14;border:1px solid #7389ac1f;border-radius:999px;height:7px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;transition:width .2s linear,background-color .2s linear}.progress-fill.urgent{background:linear-gradient(90deg,#f25f5c,#ffb36c)}.empty-state{min-height:226px;color:var(--muted);text-align:center;background:#ffffff9e;border:1px dashed #7389ac3d;border-radius:22px;justify-content:center;align-items:center;padding:1rem 1.2rem;display:flex}@media (width<=1080px){.page-shell{width:min(100%,1240px);padding-top:18px}.hero{flex-direction:column;align-items:stretch}.clock-card{align-self:flex-end}.workspace{grid-template-columns:1fr}.action-row{flex-direction:column}.primary-btn,.close-btn{width:100%}}@media (width<=640px){.page-shell{width:min(100%,100% - 18px);padding-top:14px}.input-panel,.result-panel{padding:12px}.input{min-height:206px}.token-card{min-height:168px}.code-value{letter-spacing:.11em;font-size:clamp(1.75rem,8.4vw,2.7rem)}.clock-card{align-self:stretch;align-items:flex-start;width:100%}}