*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}html{background:var(--bg)}:root{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:ui-monospace, "SFMono-Regular", "Menlo", "Consolas", "Liberation Mono", monospace;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--bg:#f9f9f9;--bg-alt:#fff;--fg:#1f1f23;--fg-soft:#5a5d62;--fg-mute:#8d9095;--accent:#ea2a4a;--accent-hover:#da1636;--border:#00000014;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:999px;--transition:.28s cubic-bezier(.4, 0, .2, 1);--shadow:none;--focus:0 0 0 3px #f53d5c59;--bg-glow:#ff6b8114;--bg-glow-secondary:#ff6b810f;--bg-glow-tertiary:#ff6b810a;--footer-glow:#ff6b8108;--glow-color:#ff6b814d;--glow-color-bright:#ff6b8199;font-size:clamp(14px,1.1vw + .4vh,18px)}[data-theme=dark]{--bg:#0e1013;--bg-alt:#16191d;--fg:#e5e7eb;--fg-soft:#b8bcc2;--fg-mute:#7b818a;--accent:#f04c67;--accent-hover:#ee2b4b;--border:rgba(255, 255, 255 / .09);--shadow:none;--focus:0 0 0 3px #ee2b4b66;--bg-glow:#ff6b8126;--bg-glow-secondary:#ff6b811f;--bg-glow-tertiary:#ff6b8114;--footer-glow:#ff6b8114;--glow-color:#ff6b8180;--glow-color-bright:#ff6b81cc}[data-theme=dark] .footer:before{background:linear-gradient(90deg, transparent, var(--footer-glow), transparent)}[data-theme=dark] .footer:hover{box-shadow:0 -4px 20px #00000040}body{font:15px/1.55 var(--font-sans);font-weight:var(--font-weight-normal);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100vh;max-height:100vh;display:flex;position:relative;overflow:hidden}body:before{content:"";background:radial-gradient(circle at 20% 80%, var(--bg-glow) 0%, transparent 50%), radial-gradient(circle at 80% 20%, var(--bg-glow-secondary) 0%, transparent 50%), radial-gradient(circle at 40% 40%, var(--bg-glow-tertiary) 0%, transparent 50%);pointer-events:none;z-index:-2;width:100%;height:100%;position:fixed;top:0;left:0}.announcement[hidden]{display:none!important}.announcement{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius);letter-spacing:.04em;width:min(640px,94%);color:var(--fg-soft);z-index:500;align-items:center;gap:.85rem;padding:.85rem 1rem .9rem;font-size:.72rem;line-height:1.45;animation:.4s ease-out ann-pop;display:flex;position:fixed;top:1rem;left:50%;transform:translate(-50%);box-shadow:0 2px 12px #00000014}.announcement .ann-icon{opacity:.8;font-size:.9rem}.announcement .ann-text,.announcement .ann-stack{text-align:center;flex:1;max-height:6.2em;overflow:hidden}.announcement .ann-stack{min-height:1.2em;transition:height .45s;position:relative}.announcement .ann-pane{opacity:0;width:100%;transition:opacity var(--ann-trans,.52s) ease, transform var(--ann-trans,.52s) cubic-bezier(.16, .8, .3, 1);position:absolute;top:0;left:0;transform:translateY(8px)}.announcement .ann-pane.active{opacity:1;transform:translateY(0)}.announcement .ann-close{color:#000c;font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff26;justify-content:center;align-items:center;min-width:28px;min-height:28px;padding:.4rem .5rem;font-size:.9rem;line-height:1.2;transition:all .25s cubic-bezier(.16,.8,.3,1);display:flex;position:relative;overflow:hidden}[data-theme=dark] .announcement .ann-close{color:#ffffffb3;background:#ffffff0d;border:1px solid #ffffff14}.announcement .ann-close:hover{color:#000000f2;background:#00000026;border-color:#00000040;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}[data-theme=dark] .announcement .ann-close:hover{color:#ffffffe6;background:#ffffff1a;border-color:#ffffff26}.announcement .ann-close:active{background:#0003;transition-duration:.1s;transform:translateY(0)scale(.95)}[data-theme=dark] .announcement .ann-close:active{background:#ffffff1f}.announcement .ann-close:focus-visible{outline-offset:2px;outline:2px solid #0006}[data-theme=dark] .announcement .ann-close:focus-visible{outline-color:#ffffff4d}.announcement .ann-close .close-icon{font-size:.85rem;font-weight:var(--font-weight-normal);transition:transform .15s;display:block}.announcement .ann-close:hover .close-icon{transform:rotate(90deg)}.announcement.ann-hide{pointer-events:none;animation:.4s forwards ann-hide}@keyframes ann-pop{0%{opacity:0;transform:translate(-50%,-6px)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes ann-hide{to{opacity:0;visibility:hidden;transform:translate(-50%,-20px)scale(.95)}}.announcement.ann-info{border-left:3px solid var(--accent)}.announcement.ann-warn{background:linear-gradient(135deg, var(--bg-alt), #fefbf0);border-left:3px solid #e7b008}[data-theme=dark] .announcement.ann-warn{background:linear-gradient(135deg, var(--bg-alt), #3c3520)}.announcement.ann-success{background:linear-gradient(135deg, var(--bg-alt), #f3fcf8);border-left:3px solid #30b074}[data-theme=dark] .announcement.ann-success{background:linear-gradient(135deg, var(--bg-alt), #203c2f)}.announcement.ann-error{background:linear-gradient(135deg, var(--bg-alt), #fdf2f2);border-left:3px solid #dc2828}[data-theme=dark] .announcement.ann-error{background:linear-gradient(135deg, var(--bg-alt), #3c2020)}.main{flex:1;justify-content:center;align-items:center;padding:1rem 2rem;display:flex;overflow:hidden}.hero{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:780px;padding:0 1rem;animation:.7s both fadeIn;display:flex;position:relative}.title{font-size:clamp(3rem,11.5vw,5.2rem);font-weight:var(--font-weight-semibold);letter-spacing:.04em;color:var(--fg);position:relative}.title:after{content:"";background:var(--accent);border-radius:var(--radius-sm);opacity:.8;width:60px;height:2px;margin:.7rem auto 0;display:block}.subtitle{font-size:clamp(1.05rem,2.4vw,1.55rem);font-weight:var(--font-weight-normal);color:var(--fg-soft);margin-top:.4rem}.runtime{color:var(--fg-mute);letter-spacing:.06em;font-size:.78rem;font-family:var(--font-mono);font-weight:var(--font-weight-normal);margin-top:.7rem}.actions{justify-content:center;gap:.65rem;margin-top:1rem;display:flex}.btn{appearance:none;background:var(--accent);color:#fff;border-radius:var(--radius-full);font-family:var(--font-sans);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition), transform .25s;letter-spacing:.08em;border:none;justify-content:center;align-items:center;gap:.35rem;min-width:3.2rem;padding:.6rem 1rem;font-size:.75rem;line-height:1;display:inline-flex}.btn:hover{background:var(--accent-hover)}.btn:active{transform:scale(.95)}.btn:focus-visible{box-shadow:var(--focus);outline:none}.theme-lang-panel{z-index:1000;border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--border) 60%, transparent);background:linear-gradient(160deg, var(--bg-alt) 0%, var(--bg) 100%);opacity:0;pointer-events:none;isolation:isolate;min-width:236px;max-width:280px;padding:1.05rem 1.05rem 1rem;transition:opacity .2s,transform .2s;position:fixed;transform:translate(-50%,8px);box-shadow:0 8px 24px #0000001f}.theme-lang-panel.open{opacity:1;pointer-events:auto;transform:translate(-50%)}.theme-lang-panel.theme-lang-panel--above{transform:translate(-50%,-8px)}.theme-lang-panel.theme-lang-panel--above.open{transform:translate(-50%)}[data-theme=dark] .theme-lang-panel{background:linear-gradient(155deg,#171b23f2,#11141afa);border-color:#ffffff0f;box-shadow:0 12px 32px #05060966}.theme-lang-header{font-size:.8rem;font-weight:var(--font-weight-semibold);text-align:center;color:var(--fg);letter-spacing:.06em}.theme-lang-hint{text-align:center;color:var(--fg-mute);letter-spacing:.05em;margin-top:.25rem;margin-bottom:.85rem;font-size:.63rem}.theme-lang-theme{flex-direction:column;gap:.55rem;margin-bottom:.9rem;display:flex}.theme-lang-theme-title{text-transform:uppercase;letter-spacing:.14em;text-align:center;color:color-mix(in srgb, var(--fg-mute) 85%, var(--accent) 15%);font-size:.62rem}.theme-lang-theme-actions{flex-wrap:wrap;justify-content:center;gap:.45rem;display:flex}.theme-lang-theme-btn{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--bg-alt) 80%, transparent);color:var(--fg-soft);letter-spacing:.05em;cursor:pointer;border-radius:999px;align-items:center;gap:.35rem;padding:.38rem .75rem;font-size:.68rem;transition:all .2s;display:inline-flex}.theme-lang-theme-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px);box-shadow:0 8px 18px #0000001f}.theme-lang-theme-btn.active{background:var(--accent);color:#fff;border-color:#0000;box-shadow:0 12px 26px #0000002e}.theme-lang-theme-icon{font-size:.85rem;line-height:1}.theme-lang-theme-text{font-size:.64rem}.theme-lang-accent{flex-direction:column;gap:.5rem;margin-bottom:.95rem;display:flex}.theme-lang-accent-title{text-transform:uppercase;letter-spacing:.14em;text-align:center;color:color-mix(in srgb, var(--fg-mute) 78%, var(--accent) 22%);font-size:.62rem}.theme-lang-accent-list{flex-wrap:wrap;justify-content:center;gap:.52rem;display:flex}.theme-lang-accent-dot{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:var(--swatch-color,var(--accent));cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .22s,box-shadow .22s,border-color .22s;display:inline-flex;position:relative}.theme-lang-accent-dot:after{content:"";border-radius:inherit;opacity:0;background:#fff3;transition:opacity .22s,transform .22s;position:absolute;inset:6px;transform:scale(.7)}.theme-lang-accent-dot:hover{border-color:color-mix(in srgb, var(--swatch-color,var(--accent)) 50%, transparent);transform:translateY(-1px)scale(1.03);box-shadow:0 10px 22px #0000002e}.theme-lang-accent-dot:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--swatch-color,var(--accent)) 45%, transparent), 0 10px 24px #00000038;outline:none;transform:scale(1.05)}.theme-lang-accent-dot.active{border-color:var(--swatch-color,var(--accent));box-shadow:0 12px 26px #0000003d, 0 0 0 3px color-mix(in srgb, var(--swatch-color,var(--accent)) 50%, transparent);transform:scale(1.08)}.theme-lang-accent-dot.active:after{opacity:.36;transform:scale(.9)}.theme-lang-list{flex-direction:column;gap:.45rem;display:flex}.theme-lang-option{border-radius:var(--radius);background:color-mix(in srgb, var(--bg) 82%, transparent);width:100%;color:var(--fg);letter-spacing:.02em;cursor:pointer;border:1px solid #0000;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.45rem;padding:.52rem .65rem;font-size:.72rem;transition:all .22s;display:grid}.theme-lang-option:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--bg) 88%);color:var(--accent);box-shadow:0 10px 20px #0000001f}.theme-lang-option.active{background:var(--accent);color:#fff;border-color:#0000;box-shadow:0 14px 30px #00000038}.theme-lang-dot{opacity:.28;background:currentColor;border-radius:50%;width:8px;height:8px;transform:translateY(1px)}.theme-lang-option.active .theme-lang-dot{opacity:.9}.theme-lang-name{text-align:left}.theme-lang-code{opacity:.55;font-size:.62rem}.theme-lang-option.active .theme-lang-code{opacity:.88}.theme-lang-current{border-radius:var(--radius-full);color:#fff;letter-spacing:.06em;background:#ffffff38;margin-left:.2rem;padding:.16rem .45rem;font-size:.6rem}[data-theme=dark] .theme-lang-option{background:#ffffff0d;border-color:#ffffff0a}[data-theme=dark] .theme-lang-option:hover{color:var(--accent);background:#ffffff14}.theme-lang-empty{text-align:center;color:var(--fg-mute);letter-spacing:.04em;font-size:.64rem}.nav-cards{flex-wrap:wrap;justify-content:center;gap:1rem;width:100%;max-width:600px;margin:2rem auto 0;display:flex}.nav-filter-bar{flex-wrap:wrap;justify-content:center;gap:.6rem;max-width:520px;margin:1.5rem auto 0;display:flex}.nav-filter-btn{appearance:none;border:1px solid var(--border);background:var(--bg-alt);color:var(--fg-soft);border-radius:var(--radius-full);letter-spacing:.04em;cursor:pointer;transition:background var(--transition), color var(--transition), border-color var(--transition), transform .25s ease;padding:.4rem .85rem;font-size:.7rem}.nav-filter-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.nav-filter-btn.active{background:var(--accent);color:#fff;border-color:#0000;box-shadow:0 4px 14px #0000001f}[data-theme=dark] .nav-filter-btn{background:var(--bg-alt);color:var(--fg-mute);border-color:#ffffff1a}[data-theme=dark] .nav-filter-btn:hover{border-color:var(--accent);color:var(--accent)}[data-theme=dark] .nav-filter-btn.active{color:#fff;box-shadow:0 4px 16px #00000040}.nav-card{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius);min-width:280px;max-width:320px;color:inherit;align-items:center;padding:.8rem 1rem;text-decoration:none;transition:all .2s;display:flex}.nav-card:hover{background:var(--bg);border-color:var(--accent);box-shadow:0 4px 12px var(--shadow);transform:translateY(-1px)}.nav-card-icon{flex-shrink:0;margin-right:.8rem;font-size:1.2rem}.nav-card-content{flex:1}.nav-card-title{color:var(--fg);margin:0 0 .1rem;font-size:.85rem;font-weight:500;line-height:1.3}.nav-card-desc{color:var(--fg-soft);opacity:.8;margin:0;font-size:.7rem;line-height:1.2}.nav-card-arrow{color:var(--fg-mute);opacity:.5;font-size:.9rem;transition:all .2s}.nav-card:hover .nav-card-arrow{color:var(--accent);opacity:1;transform:translate(2px)}[data-theme=dark] .nav-card{background:var(--bg-alt);border-color:var(--border)}[data-theme=dark] .nav-card:hover{background:var(--bg);border-color:var(--accent)}.nav-more-btn{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius);color:var(--fg-soft);font-size:.85rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition);justify-content:center;align-items:center;gap:.5rem;margin:1.5rem auto 0;padding:.75rem 1.5rem;text-decoration:none;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014}.nav-more-btn:before{content:"";opacity:0;transition:opacity var(--transition);background:linear-gradient(135deg,#0000,#ff6b8105);position:absolute;inset:0}.nav-more-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.nav-more-btn:hover:before{opacity:1}.nav-more-btn:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a}.nav-more-icon{opacity:.7;transition:opacity var(--transition);font-size:1.1rem}.nav-more-btn:hover .nav-more-icon{opacity:1}.nav-more-text{opacity:.8;transition:opacity var(--transition);font-size:.8rem}.nav-more-btn:hover .nav-more-text{opacity:1}[data-theme=dark] .nav-more-btn{background:var(--bg-alt);border-color:var(--border);color:var(--fg-soft);box-shadow:0 2px 8px #0003}[data-theme=dark] .nav-more-btn:hover{background:var(--bg);border-color:var(--accent);box-shadow:0 4px 12px #0000004d}.nav-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;opacity:0;background:#00000080;justify-content:center;align-items:center;padding:2rem;transition:opacity .3s;display:flex;position:fixed;inset:0}.nav-modal-overlay.open{opacity:1}.nav-modal-overlay.closing{opacity:0}.nav-modal-content{background:var(--bg);border:1px solid var(--border);border-radius:calc(var(--radius) * 1.5);flex-direction:column;width:100%;max-width:95vw;max-height:85vh;transition:transform .3s;display:flex;overflow:hidden;transform:scale(.9)translateY(20px);box-shadow:0 25px 50px #00000040}.nav-modal-overlay.open .nav-modal-content{transform:scale(1)translateY(0)}.nav-modal-overlay.closing .nav-modal-content{transform:scale(.95)translateY(10px)}.nav-modal-header{border-bottom:1px solid var(--border);background:var(--bg-alt);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.nav-modal-title{font-size:1.25rem;font-weight:var(--font-weight-semibold);color:var(--fg);flex:1;margin:0}.nav-modal-close{color:var(--fg-mute);cursor:pointer;border-radius:var(--radius);transition:all var(--transition);background:0 0;border:none;justify-content:center;align-items:center;width:2rem;height:2rem;padding:.25rem;font-size:1.5rem;display:flex}.nav-modal-close:hover{background:var(--border);color:var(--fg)}.nav-modal-toggle{background:var(--bg);border:1px solid var(--border);color:var(--fg-soft);cursor:pointer;border-radius:var(--radius);transition:all var(--transition);font-size:.85rem;font-weight:var(--font-weight-medium);white-space:nowrap;justify-content:center;align-items:center;min-width:80px;margin-right:.5rem;padding:.5rem 1rem;display:flex}.nav-modal-toggle:hover{background:var(--bg-alt);border-color:var(--accent);color:var(--accent);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.nav-modal-toggle.active{background:var(--accent);border-color:var(--accent);color:#fff}.nav-modal-toggle.active:hover{background:var(--accent);opacity:.9;box-shadow:0 4px 12px #00000026}.nav-modal-toggle-content{align-items:center;gap:.25rem;display:flex}[data-theme=dark] .nav-modal-toggle{background:var(--bg-alt);border-color:var(--border);color:var(--fg-soft)}[data-theme=dark] .nav-modal-toggle:hover{background:var(--bg);box-shadow:0 2px 8px #0003}[data-theme=dark] .nav-modal-toggle.active{background:var(--accent);color:#fff}[data-theme=dark] .nav-modal-toggle.active:hover{box-shadow:0 4px 12px #0000004d}.nav-modal-body{flex:1;padding:2rem;overflow-y:auto}.nav-modal-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));justify-items:center;gap:1.25rem;max-width:100%;margin:0 auto;display:grid}.nav-modal-content .nav-card{border-radius:calc(var(--radius) * 1.2);transition:all .3s}.nav-modal-content .nav-card:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 12px 28px #00000026}[data-theme=dark] .nav-modal-content .nav-card:hover{box-shadow:0 12px 28px #0000004d}.nav-modal-overlay{animation:.3s ease-out modalFadeIn}.nav-modal-overlay.closing{animation:.25s ease-in forwards modalFadeOut}.nav-modal-content{animation:.4s cubic-bezier(.34,1.56,.64,1) modalSlideIn}.nav-modal-overlay.closing .nav-modal-content{animation:.25s ease-in forwards modalSlideOut}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalFadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.85)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes modalSlideOut{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.9)translateY(20px)}}[data-theme=dark] .nav-modal-content{background:var(--bg);border-color:var(--border);box-shadow:0 25px 50px #0006}[data-theme=dark] .nav-modal-header{background:var(--bg-alt);border-color:var(--border)}[data-theme=dark] .nav-modal-close:hover{background:#ffffff1a}@media (width<=768px){.nav-modal-overlay{padding:1rem}.nav-modal-content{border-radius:calc(var(--radius) * 1.2);max-width:calc(100vw - 2rem);max-height:90vh}.nav-modal-header{padding:1rem 1.5rem}.nav-modal-body{padding:1.5rem 1rem}.nav-modal-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.875rem}.nav-modal-toggle{min-width:100px;padding:.5rem 1rem;font-size:.8rem}}@media (width<=480px){.nav-modal-overlay{padding:.5rem}.nav-modal-content{border-radius:var(--radius);max-width:calc(100vw - 1rem);max-height:95vh}.nav-modal-header{flex-direction:column;align-items:flex-start;gap:.75rem;padding:.875rem 1rem}.nav-modal-title{margin:0;font-size:1rem}.nav-modal-body{padding:1rem .75rem}.nav-modal-grid{grid-template-columns:1fr;gap:.75rem}.nav-modal-toggle{align-self:flex-end;min-width:90px;padding:.5rem .875rem;font-size:.75rem}.nav-modal-content .nav-card:hover{transform:translateY(-2px)scale(1.01)}}#maomao{cursor:pointer;transition:transform .6s}#maomao:hover{transform:translateY(-4px)scale(1.03)}.footer{background:var(--bg-alt);color:var(--fg-mute);text-align:center;font-family:var(--font-sans);font-size:.68rem;font-weight:var(--font-weight-normal);border-top:1px solid var(--border);opacity:0;padding:.9rem .9rem .8rem;line-height:1.4;transition:border-color .3s;animation:.8s cubic-bezier(.4,0,.2,1) .5s forwards footerSlideIn;position:relative;overflow:visible}.footer:before{content:"";background:linear-gradient(90deg, transparent, var(--footer-glow), transparent);pointer-events:none;width:100%;height:100%;animation:3s ease-in-out 2 footerShimmer;position:absolute;top:0;left:-100%}.footer:hover{border-color:color-mix(in srgb, var(--border) 60%, var(--accent) 20%)}.footer a{color:var(--fg-soft);text-decoration:none;transition:color .2s;display:inline-block}.footer a:hover{color:var(--accent)}.footer p{margin:0 0 .5rem}#hitokoto{white-space:nowrap;text-overflow:ellipsis;max-width:620px;color:var(--fg-soft);opacity:0;pointer-events:none;margin:.3rem auto 0;font-size:.7rem;transition:opacity .3s,transform .3s,color .2s;overflow:hidden;transform:translateY(-8px)}.footer:hover #hitokoto{opacity:1;color:var(--fg);pointer-events:auto;transform:translateY(0)}@keyframes footerSlideIn{to{opacity:1}}@keyframes footerTextSlideIn{to{opacity:1}}@keyframes footerShimmer{0%{left:-100%}to{left:100%}}@media (width<=600px){.title{letter-spacing:.02em}.main{padding:1.6rem 1.1rem}.actions{margin-top:.9rem}.btn{padding:.55rem .9rem;font-size:.7rem}.announcement{border-radius:var(--radius-lg);padding:.7rem .75rem .75rem;font-size:.66rem;top:.65rem}.accent-panel{bottom:.75rem;right:.75rem}.toast-container{gap:.45rem;top:10%}.nav-filter-bar{gap:.45rem;max-width:320px;margin:1.2rem auto 0}.nav-filter-btn{padding:.35rem .75rem;font-size:.65rem}.nav-cards{flex-direction:column;align-items:center;gap:.8rem;max-width:340px;margin:1.5rem auto 0}.nav-card{width:100%;min-width:280px;max-width:320px}.nav-more-btn{min-width:120px;margin:1rem auto 0;padding:.6rem 1.2rem;font-size:.8rem}}@media (width<=360px){.title{font-size:clamp(2.3rem,10.5vw,3.4rem)}.subtitle{font-size:clamp(.95rem,4vw,1.15rem)}.main{padding:1.1rem .85rem}.actions{gap:.5rem}.nav-card:hover,.nav-more-btn:hover,.nav-modal-content .nav-card:hover{transform:none;box-shadow:0 2px 8px #0000001a}}@media (width<=768px){body:before{background:radial-gradient(circle at 50% 50%, var(--bg-glow-secondary) 0%, transparent 40%);animation:none}[data-theme=dark] body:before{background:radial-gradient(circle at 50% 50%, var(--bg-glow) 0%, transparent 40%)}}@media (height<=520px) and (orientation:landscape){.main{align-items:flex-start;padding:1rem 2rem}.hero{padding-top:1rem}.title{font-size:clamp(2.2rem,10vh,4rem)}#maomao{display:none}}@media (width>=1400px){.hero{max-width:900px}.title{letter-spacing:.05em}.main{padding:3rem}.nav-cards{max-width:800px}}@media (width>=601px) and (width<=1024px){.nav-cards{gap:.875rem;max-width:720px}.nav-modal-content{max-width:800px}.nav-modal-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}}@media (width>=1025px){.nav-cards{gap:1.125rem;max-width:800px}.nav-modal-content{max-width:1000px}.nav-modal-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes contentFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.reveal{--stagger:90ms}.reveal-item{opacity:0;transition:opacity .7s var(--transition), transform .7s var(--transition);transform:translateY(14px)}.reveal-in .reveal-item{opacity:1;transform:none}.reveal-in .reveal-item:nth-child(2){transition-delay:var(--stagger)}.reveal-in .reveal-item:nth-child(3){transition-delay:calc(var(--stagger) * 2)}.skeleton{position:relative;color:#0000!important}.skeleton>*{visibility:hidden}.skeleton:after{content:"";border-radius:var(--radius-sm);background:linear-gradient(90deg,#0000000a,#00000012,#0000000a);animation:1.05s infinite skeleton;position:absolute;inset:0}[data-theme=dark] .skeleton:after{background:linear-gradient(90deg,#ffffff14,#ffffff24,#ffffff14)}@keyframes skeleton{0%{background-position:0 0}to{background-position:200% 0}}.fade-in{animation:.5s forwards contentFade}.splash{background:radial-gradient(circle at center, color-mix(in srgb, var(--accent) 6%, transparent) 0%, transparent 50%), var(--bg);z-index:999;justify-content:center;align-items:center;padding:1.5rem;transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1),filter .5s cubic-bezier(.4,0,.2,1),visibility 0s linear .55s;display:flex;position:fixed;inset:0}.splash.fade-out{opacity:0;filter:blur(6px);visibility:hidden;transform:scale(1.02)}.splash-matrix{border:1px solid color-mix(in srgb, var(--border) 55%, transparent);background:linear-gradient(155deg, color-mix(in srgb, var(--bg-alt) 88%, transparent) 0%, color-mix(in srgb, var(--bg) 78%, transparent) 100%);-webkit-backdrop-filter:blur(18px)saturate(1.35);isolation:isolate;border-radius:32px;flex-direction:column;align-items:center;gap:2rem;width:min(800px,100%);padding:3rem;display:flex;position:relative;overflow:hidden;box-shadow:0 32px 80px -42px #111827a6}.splash-matrix:before{content:"";background:linear-gradient(45deg,#0000 30%,#ffffff05 50%,#0000 70%);animation:3s ease-in-out infinite matrixScan;position:absolute;inset:0}.splash-matrix-header{text-align:center;z-index:2;position:relative}.splash-matrix-title{font-size:clamp(2.2rem,2rem + 1.2vw,3.2rem);font-weight:var(--font-weight-semibold);letter-spacing:.08em;background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, var(--fg)));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;animation:2s ease-in-out infinite alternate matrixGlow}.splash-matrix-subtitle{letter-spacing:.2em;text-transform:uppercase;color:var(--fg-soft);opacity:.8;font-size:.9rem}.splash-matrix-rain{z-index:1;width:100%;height:140px;position:relative;overflow:hidden}.splash-matrix-column{opacity:.7;width:2px;height:100%;animation:2s linear infinite matrixRain;position:absolute;top:-20px}.splash-matrix-char{font-family:var(--font-mono);color:var(--accent);text-shadow:0 0 8px var(--accent);opacity:.6;font-size:14px;line-height:1.2;animation:.5s ease-in-out infinite alternate matrixChar;display:block}.splash-matrix-progress{z-index:2;flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex;position:relative}.splash-matrix-progress-text{letter-spacing:.15em;font-size:.8rem;font-weight:var(--font-weight-medium);color:var(--fg-mute);text-transform:uppercase;opacity:.9}.splash-matrix-progress-bar{background:color-mix(in srgb, var(--border) 70%, transparent);border-radius:999px;width:100%;max-width:300px;height:3px;position:relative;overflow:hidden}.splash-matrix-progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff 30%));width:0;transition:width var(--transition);box-shadow:0 0 12px var(--accent);position:absolute;inset:0}@keyframes matrixScan{0%,to{opacity:0;transform:translate(-100%)translateY(-100%)rotate(45deg)}50%{opacity:1}}@keyframes matrixGlow{0%{filter:brightness(1) drop-shadow(0 0 8px var(--glow-color))}to{filter:brightness(1.1) drop-shadow(0 0 16px var(--glow-color-bright))}}@keyframes matrixRain{0%{opacity:0;transform:translateY(-100%)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(100%)}}@keyframes matrixChar{0%{opacity:.3;transform:scale(.95)}to{opacity:.8;transform:scale(1.05)}}@media (width<=720px){.splash-content{text-align:center;grid-template-columns:1fr;gap:1.8rem;padding:2.2rem 1.8rem}.splash-copy{align-items:center}.splash-scene{width:200px;height:200px}}@media (prefers-reduced-motion:reduce){.splash,.splash *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.splash.fade-out{filter:none;transform:none}.theme-mask{transition-duration:.01ms!important}}.scroll-progress{background:var(--accent);z-index:1000;width:0;height:3px;transition:width .15s linear;position:fixed;top:0;left:0}.accent-panel{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);gap:.5rem;padding:.6rem .7rem .55rem;animation:.25s fadeIn;display:flex;position:fixed;bottom:1rem;right:1rem;box-shadow:0 4px 14px -4px #00000026}.accent-dot{cursor:pointer;border:1px solid var(--border);border-radius:50%;outline:none;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex;position:relative}.accent-dot:after{content:"";border-radius:inherit;opacity:0;mix-blend-mode:overlay;border:2px solid #fff;transition:all .25s;position:absolute;inset:3px;transform:scale(.6)}.accent-dot.active:after{opacity:1;transform:scale(1)}.accent-panel button{background:0 0;border:none;padding:0}body,body *{-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true],[contenteditable=""]{-webkit-user-select:text;user-select:text}.toast-container{z-index:99998;pointer-events:none;flex-direction:column;align-items:center;gap:.55rem;max-width:100%;padding:0 .6rem;display:flex;position:fixed;top:12%;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;background:var(--accent);color:#fff;font-family:var(--font-sans);font-weight:var(--font-weight-medium);border-radius:var(--radius);letter-spacing:.02em;-webkit-backdrop-filter:blur(8px)saturate(1.2);opacity:0;transition:opacity .4s var(--transition), transform .5s cubic-bezier(.16, .8, .3, 1);will-change:transform, opacity;-webkit-user-select:none;user-select:none;border:1px solid #ffffff26;align-items:center;gap:.5rem;padding:.7rem 1.1rem;font-size:.8rem;display:flex;position:relative;transform:translateY(-8px)scale(.96);box-shadow:0 8px 28px -6px #00000038}.toast-icon{flex-shrink:0;font-size:1rem;line-height:1}.toast-text{flex:1}.toast.show{opacity:1;transform:translateY(0)scale(1)}.toast-neutral{background:var(--bg-alt);color:var(--fg);border:1px solid var(--border);box-shadow:0 8px 28px -6px #00000026}[data-theme=dark] .toast-neutral{background:var(--bg-alt);border:1px solid var(--border);box-shadow:0 8px 28px -6px #00000059}.toast-danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.toast-success{background:linear-gradient(135deg,#10b981,#059669)}.toast-accent{background:var(--accent)}.toast-close{color:inherit;font:inherit;cursor:pointer;border-radius:var(--radius-sm);opacity:.7;transition:var(--transition);background:0 0;border:none;padding:2px 4px;font-size:16px;line-height:1;position:absolute;top:4px;right:8px}.toast-close:hover{opacity:1;background:#ffffff26}.toast-close:active{transform:scale(.9)}.toast-leave{animation:toast-leave .42s var(--transition) forwards}@keyframes toast-leave{to{opacity:0;transform:translateY(-12px)scale(.92)}}.theme-mask{background:var(--bg);z-index:1000;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:scale(1.05)}.theme-mask.show{opacity:1;transform:scale(1)}.greeting-text{color:var(--fg-mute);letter-spacing:.03em;opacity:0;margin-top:.4rem;font-size:.8rem;font-weight:400;transition:opacity .5s}.greeting-text.visible{opacity:.7}#hitokoto_text{transition:color .25s}#hitokoto_text:hover{color:var(--accent)}.runtime{border-radius:var(--radius-sm,8px);background:var(--bg-alt);padding:.3rem .6rem;transition:background .25s}.runtime:hover{background:color-mix(in srgb, var(--bg-glow) 20%, var(--bg-alt))}.skeleton{background:var(--bg-alt);animation:1.5s ease-in-out infinite skeleton-fade}@keyframes skeleton-fade{0%,to{opacity:.6}50%{opacity:.3}}#themeToggle{transition:transform .2s}#themeToggle:hover{transform:scale(1.05)}#themeToggle:active{transform:scale(.95)}@media (width<=600px){.greeting-text{margin-top:.5rem;font-size:.75rem}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}*{transition-duration:.01ms!important}}#maomao{background-image:url(../image/maomao/maoamo.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;width:57px;height:70px;transition:background .3s;position:fixed;bottom:40px;right:-5px}#maomao:hover{background-position:60px}