*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}html{background:var(--bg)}:root{font-size:clamp(14px,1.1vw + .4vh,18px);--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: #ffffff;--fg: #1f1f23;--fg-soft: #5a5d62;--fg-mute: #8d9095;--accent: hsl(350 82% 54%);--accent-hover: hsl(350 82% 47%);--border: rgba(0 0 0 / .08);--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 hsl(350 90% 60% / .35);--bg-glow: rgba(255, 107, 129, .08);--bg-glow-secondary: rgba(255, 107, 129, .06);--bg-glow-tertiary: rgba(255, 107, 129, .04);--footer-glow: rgba(255, 107, 129, .03);--glow-color: rgba(255, 107, 129, .3);--glow-color-bright: rgba(255, 107, 129, .6)}[data-theme=dark]{--bg: #0e1013;--bg-alt: #16191d;--fg: #e5e7eb;--fg-soft: #b8bcc2;--fg-mute: #7b818a;--accent: hsl(350 85% 62%);--accent-hover: hsl(350 85% 55%);--border: rgba(255, 255, 255 / .09);--shadow: none;--focus: 0 0 0 3px hsl(350 85% 55% / .4);--bg-glow: rgba(255, 107, 129, .15);--bg-glow-secondary: rgba(255, 107, 129, .12);--bg-glow-tertiary: rgba(255, 107, 129, .08);--footer-glow: rgba(255, 107, 129, .08);--glow-color: rgba(255, 107, 129, .5);--glow-color-bright: rgba(255, 107, 129, .8)}[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;display:flex;flex-direction:column;min-height:100vh;max-height:100vh;position:relative;overflow:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;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}.announcement[hidden]{display:none!important}.announcement{position:fixed;top:1rem;left:50%;transform:translate(-50%);width:min(640px,94%);display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem .9rem;background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 2px 12px #00000014;font-size:.72rem;line-height:1.45;letter-spacing:.04em;color:var(--fg-soft);z-index:500;animation:ann-pop .4s ease-out}.announcement .ann-icon{font-size:.9rem;opacity:.8}.announcement .ann-text,.announcement .ann-stack{flex:1;text-align:center;overflow:hidden;max-height:6.2em}.announcement .ann-stack{position:relative;min-height:1.2em;transition:height .45s ease}.announcement .ann-pane{position:absolute;left:0;top:0;width:100%;opacity:0;transform:translateY(8px);transition:opacity var(--ann-trans, .52s) ease,transform var(--ann-trans, .52s) cubic-bezier(.16,.8,.3,1)}.announcement .ann-pane.active{opacity:1;transform:translateY(0)}.announcement .ann-close{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#000c;font-weight:var(--font-weight-medium);font-size:.9rem;line-height:1.2;padding:.4rem .5rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .25s cubic-bezier(.16,.8,.3,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;position:relative;overflow:hidden}[data-theme=dark] .announcement .ann-close{background:#ffffff0d;border:1px solid rgba(255 255 255 / .08);color:#ffffffb3}.announcement .ann-close:hover{background:#00000026;color:#000000f2;border-color:#00000040;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}[data-theme=dark] .announcement .ann-close:hover{background:#ffffff1a;border-color:#ffffff26;color:#ffffffe6}.announcement .ann-close:active{transform:translateY(0) scale(.95);background:#0003;transition-duration:.1s}[data-theme=dark] .announcement .ann-close:active{background:#ffffff1f}.announcement .ann-close:focus-visible{outline:2px solid rgba(0 0 0 / .4);outline-offset:2px}[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 ease;display:block}.announcement .ann-close:hover .close-icon{transform:rotate(90deg)}.announcement.ann-hide{animation:ann-hide .4s ease forwards;pointer-events:none}@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;transform:translate(-50%,-20px) scale(.95);visibility:hidden}}.announcement.ann-info{border-left:3px solid var(--accent)}.announcement.ann-warn{border-left:3px solid hsl(45 93% 47%);background:linear-gradient(135deg,var(--bg-alt),hsl(45 93% 97%))}[data-theme=dark] .announcement.ann-warn{background:linear-gradient(135deg,var(--bg-alt),hsl(45 30% 18%))}.announcement.ann-success{border-left:3px solid hsl(152 57% 44%);background:linear-gradient(135deg,var(--bg-alt),hsl(152 57% 97%))}[data-theme=dark] .announcement.ann-success{background:linear-gradient(135deg,var(--bg-alt),hsl(152 30% 18%))}.announcement.ann-error{border-left:3px solid hsl(0 72% 51%);background:linear-gradient(135deg,var(--bg-alt),hsl(0 72% 97%))}[data-theme=dark] .announcement.ann-error{background:linear-gradient(135deg,var(--bg-alt),hsl(0 30% 18%))}.main{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem 2rem;overflow:hidden}.hero{text-align:center;max-width:780px;width:100%;padding:0 1rem;animation:fadeIn .7s ease both;position:relative;display:flex;flex-direction:column;align-items:center}.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:"";display:block;width:60px;height:2px;margin:.7rem auto 0;background:var(--accent);border-radius:var(--radius-sm);opacity:.8}.subtitle{margin-top:.4rem;font-size:clamp(1.05rem,2.4vw,1.55rem);font-weight:var(--font-weight-normal);color:var(--fg-soft)}.runtime{margin-top:.7rem;font-size:.78rem;color:var(--fg-mute);letter-spacing:.06em;font-family:var(--font-mono);font-weight:var(--font-weight-normal)}.actions{margin-top:1rem;display:flex;gap:.65rem;justify-content:center}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:var(--accent);color:#fff;padding:.6rem 1rem;border-radius:var(--radius-full);font-family:var(--font-sans);font-weight:var(--font-weight-semibold);font-size:.75rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:background var(--transition),transform .25s;letter-spacing:.08em;min-width:3.2rem;justify-content:center}.btn:hover{background:var(--accent-hover)}.btn:active{transform:scale(.95)}.btn:focus-visible{outline:none;box-shadow:var(--focus)}.theme-lang-panel{position:fixed;z-index:1000;min-width:236px;max-width:280px;padding:1.05rem 1.05rem 1rem;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%);box-shadow:0 8px 24px #0000001f;opacity:0;pointer-events:none;transform:translate(-50%,8px);transition:opacity .2s ease,transform .2s ease;isolation:isolate}.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{margin-top:.25rem;margin-bottom:.85rem;font-size:.63rem;text-align:center;color:var(--fg-mute);letter-spacing:.05em}.theme-lang-theme{display:flex;flex-direction:column;gap:.55rem;margin-bottom:.9rem}.theme-lang-theme-title{font-size:.62rem;text-transform:uppercase;letter-spacing:.14em;text-align:center;color:color-mix(in srgb,var(--fg-mute) 85%,var(--accent) 15%)}.theme-lang-theme-actions{display:flex;justify-content:center;gap:.45rem;flex-wrap:wrap}.theme-lang-theme-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.38rem .75rem;border-radius:999px;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);font-size:.68rem;letter-spacing:.05em;cursor:pointer;transition:all .2s ease}.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);border-color:transparent;color:#fff;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{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.95rem}.theme-lang-accent-title{font-size:.62rem;text-transform:uppercase;letter-spacing:.14em;text-align:center;color:color-mix(in srgb,var(--fg-mute) 78%,var(--accent) 22%)}.theme-lang-accent-list{display:flex;justify-content:center;gap:.52rem;flex-wrap:wrap}.theme-lang-accent-dot{width:32px;height:32px;border-radius:50%;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:var(--swatch-color, var(--accent));position:relative;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;display:inline-flex;align-items:center;justify-content:center}.theme-lang-accent-dot:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:inherit;background:color-mix(in srgb,#fff 20%,transparent);opacity:0;transform:scale(.7);transition:opacity .22s ease,transform .22s ease}.theme-lang-accent-dot:hover{transform:translateY(-1px) scale(1.03);border-color:color-mix(in srgb,var(--swatch-color, var(--accent)) 50%,transparent);box-shadow:0 10px 22px #0000002e}.theme-lang-accent-dot:focus-visible{outline:none;transform:scale(1.05);box-shadow:0 0 0 3px color-mix(in srgb,var(--swatch-color, var(--accent)) 45%,transparent),0 10px 24px #00000038}.theme-lang-accent-dot.active{transform:scale(1.08);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)}.theme-lang-accent-dot.active:after{opacity:.36;transform:scale(.9)}.theme-lang-list{display:flex;flex-direction:column;gap:.45rem}.theme-lang-option{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.45rem;width:100%;padding:.52rem .65rem;border-radius:var(--radius);border:1px solid transparent;background:color-mix(in srgb,var(--bg) 82%,transparent);color:var(--fg);font-size:.72rem;letter-spacing:.02em;cursor:pointer;transition:all .22s ease}.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{border-color:transparent;background:var(--accent);color:#fff;box-shadow:0 14px 30px #00000038}.theme-lang-dot{width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.28;transform:translateY(1px)}.theme-lang-option.active .theme-lang-dot{opacity:.9}.theme-lang-name{text-align:left}.theme-lang-code{font-size:.62rem;opacity:.55}.theme-lang-option.active .theme-lang-code{opacity:.88}.theme-lang-current{margin-left:.2rem;padding:.16rem .45rem;border-radius:var(--radius-full);background:#ffffff38;color:#fff;font-size:.6rem;letter-spacing:.06em}[data-theme=dark] .theme-lang-option{background:#ffffff0d;border-color:#ffffff0a}[data-theme=dark] .theme-lang-option:hover{background:#ffffff14;color:var(--accent)}.theme-lang-empty{text-align:center;font-size:.64rem;color:var(--fg-mute);letter-spacing:.04em}.nav-cards{margin:2rem auto 0;display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;max-width:600px;width:100%}.nav-filter-bar{margin:1.5rem auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;max-width:520px}.nav-filter-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--bg-alt);color:var(--fg-soft);padding:.4rem .85rem;border-radius:var(--radius-full);font-size:.7rem;letter-spacing:.04em;cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition),transform .25s ease}.nav-filter-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.nav-filter-btn.active{background:var(--accent);border-color:transparent;color:#fff;box-shadow:0 4px 14px #0000001f}[data-theme=dark] .nav-filter-btn{background:var(--bg-alt);border-color:#ffffff1a;color:var(--fg-mute)}[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{display:flex;align-items:center;padding:.8rem 1rem;min-width:280px;max-width:320px;background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:inherit;transition:all .2s ease}.nav-card:hover{background:var(--bg);border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow)}.nav-card-icon{font-size:1.2rem;margin-right:.8rem;flex-shrink:0}.nav-card-content{flex:1}.nav-card-title{font-size:.85rem;font-weight:500;color:var(--fg);margin:0 0 .1rem;line-height:1.3}.nav-card-desc{font-size:.7rem;color:var(--fg-soft);margin:0;line-height:1.2;opacity:.8}.nav-card-arrow{font-size:.9rem;color:var(--fg-mute);opacity:.5;transition:all .2s ease}.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{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;margin:1.5rem auto 0;padding:.75rem 1.5rem;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);text-decoration:none;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014}.nav-more-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent,rgba(255,107,129,.02));opacity:0;transition:opacity var(--transition)}.nav-more-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026;border-color:var(--accent);color:var(--accent)}.nav-more-btn:hover:before{opacity:1}.nav-more-btn:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a}.nav-more-icon{font-size:1.1rem;opacity:.7;transition:opacity var(--transition)}.nav-more-btn:hover .nav-more-icon{opacity:1}.nav-more-text{font-size:.8rem;opacity:.8;transition:opacity var(--transition)}.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{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;opacity:0;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center;padding:2rem}.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);box-shadow:0 25px 50px #00000040;max-width:95vw;max-height:85vh;width:100%;display:flex;flex-direction:column;transform:scale(.9) translateY(20px);transition:transform .3s ease;overflow:hidden}.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{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid var(--border);background:var(--bg-alt)}.nav-modal-title{margin:0;font-size:1.25rem;font-weight:var(--font-weight-semibold);color:var(--fg);flex:1}.nav-modal-close{background:none;border:none;font-size:1.5rem;color:var(--fg-mute);cursor:pointer;padding:.25rem;border-radius:var(--radius);transition:all var(--transition);display:flex;align-items:center;justify-content:center;width:2rem;height:2rem}.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;padding:.5rem 1rem;border-radius:var(--radius);transition:all var(--transition);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:var(--font-weight-medium);margin-right:.5rem;white-space:nowrap;min-width:80px}.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{display:flex;align-items:center;gap:.25rem}[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{padding:2rem;overflow-y:auto;flex:1}.nav-modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;margin:0 auto;max-width:100%;justify-items:center}.nav-modal-content .nav-card{transition:all .3s ease;border-radius:calc(var(--radius) * 1.2)}.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:modalFadeIn .3s ease-out}.nav-modal-overlay.closing{animation:modalFadeOut .25s ease-in forwards}.nav-modal-content{animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1)}.nav-modal-overlay.closing .nav-modal-content{animation:modalSlideOut .25s ease-in forwards}@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(max-width:768px){.nav-modal-overlay{padding:1rem}.nav-modal-content{max-height:90vh;max-width:calc(100vw - 2rem);border-radius:calc(var(--radius) * 1.2)}.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{padding:.5rem 1rem;font-size:.8rem;min-width:100px}}@media(max-width:480px){.nav-modal-overlay{padding:.5rem}.nav-modal-content{max-height:95vh;max-width:calc(100vw - 1rem);border-radius:var(--radius)}.nav-modal-header{padding:.875rem 1rem;flex-direction:column;gap:.75rem;align-items:flex-start}.nav-modal-title{font-size:1rem;margin:0}.nav-modal-body{padding:1rem .75rem}.nav-modal-grid{grid-template-columns:1fr;gap:.75rem}.nav-modal-toggle{align-self:flex-end;padding:.5rem .875rem;font-size:.75rem;min-width:90px}.nav-modal-content .nav-card:hover{transform:translateY(-2px) scale(1.01)}}#maomao{cursor:pointer;transition:transform .6s ease}#maomao:hover{transform:translateY(-4px) scale(1.03)}.footer{background:var(--bg-alt);color:var(--fg-mute);text-align:center;padding:.9rem .9rem .8rem;font-family:var(--font-sans);font-size:.68rem;font-weight:var(--font-weight-normal);line-height:1.4;border-top:1px solid var(--border);position:relative;overflow:visible;transition:border-color .3s ease;opacity:0;animation:footerSlideIn .8s cubic-bezier(.4,0,.2,1) .5s forwards}.footer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--footer-glow),transparent);animation:footerShimmer 3s ease-in-out 2;pointer-events:none}.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 ease;display:inline-block}.footer a:hover{color:var(--accent)}.footer p{margin:0 0 .5rem}#hitokoto{max-width:620px;margin:.3rem auto 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;color:var(--fg-soft);transition:opacity .3s ease,transform .3s ease,color .2s ease;opacity:0;transform:translateY(-8px);pointer-events:none}.footer:hover #hitokoto{opacity:1;transform:translateY(0);color:var(--fg);pointer-events:auto}@keyframes footerSlideIn{to{opacity:1}}@keyframes footerTextSlideIn{to{opacity:1}}@keyframes footerShimmer{0%{left:-100%}to{left:100%}}@media(max-width:600px){.title{letter-spacing:.02em}.main{padding:1.6rem 1.1rem}.actions{margin-top:.9rem}.btn{padding:.55rem .9rem;font-size:.7rem}.announcement{top:.65rem;padding:.7rem .75rem .75rem;font-size:.66rem;border-radius:var(--radius-lg)}.accent-panel{bottom:.75rem;right:.75rem}.toast-container{top:10%;gap:.45rem}.nav-filter-bar{margin:1.2rem auto 0;gap:.45rem;max-width:320px}.nav-filter-btn{font-size:.65rem;padding:.35rem .75rem}.nav-cards{margin:1.5rem auto 0;gap:.8rem;flex-direction:column;align-items:center;max-width:340px}.nav-card{width:100%;max-width:320px;min-width:280px}.nav-more-btn{margin:1rem auto 0;padding:.6rem 1.2rem;font-size:.8rem;min-width:120px}}@media(max-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(max-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(max-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(min-width:1400px){.hero{max-width:900px}.title{letter-spacing:.05em}.main{padding:3rem}.nav-cards{max-width:800px}}@media(min-width:601px)and (max-width:1024px){.nav-cards{max-width:720px;gap:.875rem}.nav-modal-content{max-width:800px}.nav-modal-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}}@media(min-width:1025px){.nav-cards{max-width:800px;gap:1.125rem}.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:translate3d(0,10px,0)}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;transform:translateY(14px);transition:opacity .7s var(--transition),transform .7s var(--transition)}.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:transparent!important}.skeleton>*{visibility:hidden}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-sm);background:linear-gradient(90deg,#0000000a,#00000012,#0000000a);animation:skeleton 1.05s infinite}[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:contentFade .5s ease forwards}.splash{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,color-mix(in srgb,var(--accent) 6%,transparent) 0%,transparent 50%),var(--bg);z-index:999;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;padding:1.5rem}.splash.fade-out{opacity:0;transform:scale(1.02);filter:blur(6px);visibility:hidden}.splash-matrix{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:3rem;width:min(800px,100%);border-radius:32px;border:1px solid color-mix(in srgb,var(--border) 55%,transparent);background:linear-gradient(155deg,color-mix(in srgb,var(--bg-alt) 88%,transparent),color-mix(in srgb,var(--bg) 78%,transparent));backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35);box-shadow:0 32px 80px -42px #111827a6;isolation:isolate;position:relative;overflow:hidden}.splash-matrix:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.02) 50%,transparent 70%);animation:matrixScan 3s ease-in-out infinite}.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-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;animation:matrixGlow 2s ease-in-out infinite alternate}.splash-matrix-subtitle{font-size:.9rem;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-soft);opacity:.8}.splash-matrix-rain{position:relative;width:100%;height:140px;overflow:hidden;z-index:1}.splash-matrix-column{position:absolute;top:-20px;width:2px;height:100%;animation:matrixRain 2s linear infinite;opacity:.7}.splash-matrix-char{display:block;font-family:var(--font-mono);font-size:14px;color:var(--accent);text-shadow:0 0 8px var(--accent);animation:matrixChar .5s ease-in-out infinite alternate;opacity:.6;line-height:1.2}.splash-matrix-progress{display:flex;flex-direction:column;align-items:center;gap:1rem;z-index:2;position:relative;width:100%}.splash-matrix-progress-text{font-size:.8rem;letter-spacing:.15em;font-weight:var(--font-weight-medium);color:var(--fg-mute);text-transform:uppercase;opacity:.9}.splash-matrix-progress-bar{position:relative;width:100%;max-width:300px;height:3px;border-radius:999px;background:color-mix(in srgb,var(--border) 70%,transparent);overflow:hidden}.splash-matrix-progress-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 70%,#fff 30%));transition:width var(--transition);box-shadow:0 0 12px var(--accent)}@keyframes matrixScan{0%,to{transform:translate(-100%) translateY(-100%) rotate(45deg);opacity:0}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%{transform:translateY(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes matrixChar{0%{opacity:.3;transform:scale(.95)}to{opacity:.8;transform:scale(1.05)}}@media(max-width:720px){.splash-content{grid-template-columns:1fr;text-align:center;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 *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.splash.fade-out{filter:none;transform:none}.theme-mask{transition-duration:.01ms!important}}.scroll-progress{position:fixed;left:0;top:0;height:3px;background:var(--accent);width:0;z-index:1000;transition:width .15s linear}.accent-panel{position:fixed;bottom:1rem;right:1rem;background:var(--bg-alt);border:1px solid var(--border);padding:.6rem .7rem .55rem;border-radius:var(--radius);display:flex;gap:.5rem;box-shadow:0 4px 14px -4px #00000026;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .25s ease}.accent-dot{width:22px;height:22px;border-radius:50%;cursor:pointer;position:relative;outline:none;border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center}.accent-dot:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:2px solid #fff;border-radius:inherit;opacity:0;transform:scale(.6);transition:.25s;mix-blend-mode:overlay}.accent-dot.active:after{opacity:1;transform:scale(1)}.accent-panel button{background:none;border:none;padding:0}body,body *{-webkit-user-select:none;-moz-user-select:none;user-select:none}input,textarea,[contenteditable=true],[contenteditable=""]{-webkit-user-select:text;-moz-user-select:text;user-select:text}.toast-container{position:fixed;left:50%;top:12%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.55rem;z-index:99998;pointer-events:none;padding:0 .6rem;max-width:100%}.toast{position:relative;pointer-events:auto;background:var(--accent);color:#fff;padding:.7rem 1.1rem;font-family:var(--font-sans);font-weight:var(--font-weight-medium);font-size:.8rem;border-radius:var(--radius);letter-spacing:.02em;box-shadow:0 8px 28px -6px #00000038;backdrop-filter:blur(8px) saturate(1.2);-webkit-backdrop-filter:blur(8px) saturate(1.2);border:1px solid rgba(255 255 255 / .15);opacity:0;transform:translateY(-8px) scale(.96);transition:opacity .4s var(--transition),transform .5s cubic-bezier(.16,.8,.3,1);will-change:transform,opacity;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;gap:.5rem}.toast-icon{font-size:1rem;flex-shrink:0;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{position:absolute;top:4px;right:8px;border:none;background:transparent;color:inherit;font:inherit;font-size:16px;cursor:pointer;line-height:1;padding:2px 4px;border-radius:var(--radius-sm);opacity:.7;transition:var(--transition)}.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{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg);z-index:1000;opacity:0;transform:scale(1.05);transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1);pointer-events:none}.theme-mask.show{opacity:1;transform:scale(1)}.greeting-text{margin-top:.4rem;font-size:.8rem;font-weight:400;color:var(--fg-mute);letter-spacing:.03em;opacity:0;transition:opacity .5s ease}.greeting-text.visible{opacity:.7}#hitokoto_text{transition:color .25s ease}#hitokoto_text:hover{color:var(--accent)}.runtime{padding:.3rem .6rem;border-radius:var(--radius-sm, 8px);background:var(--bg-alt);transition:background .25s ease}.runtime:hover{background:color-mix(in srgb,var(--bg-glow) 20%,var(--bg-alt))}.skeleton{animation:skeleton-fade 1.5s ease-in-out infinite;background:var(--bg-alt)}@keyframes skeleton-fade{0%,to{opacity:.6}50%{opacity:.3}}#themeToggle{transition:transform .2s ease}#themeToggle:hover{transform:scale(1.05)}#themeToggle:active{transform:scale(.95)}@media(max-width:600px){.greeting-text{font-size:.75rem;margin-top:.5rem}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}*{transition-duration:.01ms!important}}#maomao{position:fixed;bottom:40px;right:-5px;width:57px;height:70px;background-image:url(../image/maomao/maoamo.svg);background-position:center;background-size:cover;background-repeat:no-repeat;transition:background .3s}#maomao:hover{background-position:60px 50%}