.wtop{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.wtop .logo{height:36px}
.wmain{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:24px 16px 120px}
.item .save{width:100%}
.item .st-line{font-size:12.5px;color:var(--muted);min-height:18px}
.item .st-line.ok{color:var(--ok)}.item .st-line.bad{color:var(--err)}
.foot{margin-top:40px;color:var(--dim);font-size:13px;text-align:center;line-height:1.7}
.pinbox{max-width:360px;margin:60px auto;padding:26px;text-align:center}
.pinbox input{width:100%;text-align:center;font-size:22px;letter-spacing:.35em;height:54px}
.pinbox .btn{width:100%;margin-top:12px;height:50px}
.tip{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:var(--panel2);border:1px solid var(--line);font-size:13.5px;color:var(--muted);margin-top:12px}
.tip svg{width:18px;height:18px;flex:none;color:var(--accent)}
@media (max-width:860px){.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}
.save.pulse{animation:pulse 1.4s ease-in-out infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,138,0,.55)}50%{box-shadow:0 0 0 8px rgba(255,138,0,0)}}
.save:disabled{opacity:.7}