.lyric-bar[data-v-46fd04b2]{position:fixed;bottom:46px;left:0;right:0;display:flex;align-items:center;justify-content:center;padding:16px 20px;z-index:100}.lyric-content[data-v-46fd04b2]{text-align:center}.lyric-enter-active[data-v-46fd04b2]{transition:opacity .4s ease,transform .4s ease}.lyric-leave-active[data-v-46fd04b2]{transition:opacity .3s ease,transform .3s ease}.lyric-enter-from[data-v-46fd04b2]{opacity:0;transform:scale(.85)}.lyric-leave-to[data-v-46fd04b2]{opacity:0;transform:scale(1.15)}.lyric-en[data-v-46fd04b2]{margin:0 0 8px;font-size:60px;color:#b39ddb;font-family:Great Vibes,cursive;line-height:1.4;text-shadow:0 1px 4px rgba(0,0,0,.6)}.lyric-cn[data-v-46fd04b2]{margin:0;font-size:24px;color:#7ec8e3;font-family:LXGW WenKai,cursive;line-height:1.4;text-shadow:0 1px 4px rgba(0,0,0,.6)}html{font-size:16px}.message-content,.story-text,.text-content,body,p{font-size:1rem!important;line-height:1.6!important}h1{font-size:2rem!important}h2{font-size:1.5rem!important}h3{font-size:1.25rem!important}h3,h4{line-height:1.4!important}h4{font-size:1.1rem!important}.achievement-code,.achievement-desc,.card-info *,.message-content,.option,.quiz-question,.story-text,.text-content{overflow-wrap:break-word!important;word-wrap:break-word!important;word-break:break-word!important;hyphens:auto;-webkit-hyphens:auto;-moz-hyphens:auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.long-text-container{word-break:break-all!important}.button-text,.nav-item,.no-wrap,.tab-label{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.touch-target,a,button,input[type=button],input[type=submit]{min-height:44px!important;min-width:44px!important;padding:.75rem 1rem!important}.small-touch-target{min-height:36px!important;min-width:36px!important;padding:.5rem .75rem!important}.touch-target:active,a:active,button:active{transform:scale(.97)!important;transition:transform .1s ease!important}.safe-area{padding-left:env(safe-area-inset-left)!important;padding-right:env(safe-area-inset-right)!important;padding-top:env(safe-area-inset-top)!important;padding-bottom:env(safe-area-inset-bottom)!important}.responsive-gap{gap:clamp(.5rem,2vw,2rem)!important}.responsive-padding{padding:clamp(1rem,4vw,2rem)!important}.responsive-margin{margin:clamp(.5rem,2vw,1.5rem)!important}.responsive-card{width:100%!important;max-width:100%!important;padding:clamp(1rem,4vw,2rem)!important;margin-bottom:clamp(.75rem,3vw,1.5rem)!important;border-radius:clamp(8px,2vw,16px)!important}.container-width-limit{max-width:100%!important;width:min(100%,600px)!important;margin-left:auto!important;margin-right:auto!important}input[type=email],input[type=password],input[type=text],select,textarea{font-size:16px!important;min-height:44px!important;padding:.75rem 1rem!important;border-radius:8px!important;width:100%!important;box-sizing:border-box!important}.button-group-mobile{display:flex!important;flex-direction:column!important;gap:.75rem!important;width:100%!important}.button-group-mobile>*,.log-panel-mobile{width:100%!important}.log-panel-mobile{position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;max-height:40vh!important;border-radius:16px 16px 0 0!important;z-index:1000!important}.achievement-card-mobile{flex-direction:column!important;align-items:stretch!important;text-align:center!important;padding:1rem!important;gap:.75rem!important}.message-card-mobile{flex-direction:column!important;padding:.75rem!important;gap:.5rem!important}@media (max-width:320px){.extra-small-screen{font-size:14px!important}.extra-small-screen h1{font-size:1.4rem!important}.extra-small-screen .container{padding-left:.5rem!important;padding-right:.5rem!important}}@media (max-width:375px){.small-screen{font-size:14px!important}.small-screen .responsive-padding{padding:.75rem!important}}@media (max-width:480px){.medium-screen h1{font-size:1.6rem!important}.medium-screen .button-group-mobile{gap:.5rem!important}}@media (max-width:768px){.reduce-animation *{animation-duration:.3s!important;transition-duration:.2s!important}.particle-animation{display:none!important}.reduce-effects{backdrop-filter:none!important;box-shadow:0 2px 8px rgba(0,0,0,.15)!important;filter:none!important}}.hide-scrollbar{-ms-overflow-style:none!important;scrollbar-width:none!important}.hide-scrollbar::-webkit-scrollbar{display:none!important}.prevent-select{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.allow-select{-webkit-user-select:text!important;-moz-user-select:text!important;user-select:text!important}.flex-wrap-container{display:flex!important;flex-wrap:wrap!important;gap:.5rem 1rem!important;align-items:center!important}.responsive-image{max-width:100%!important;height:auto!important;display:block!important}.text-wrap-normal{overflow-wrap:normal!important;word-wrap:normal!important;word-break:normal!important;white-space:normal!important}.text-wrap-break{overflow-wrap:break-word!important;word-wrap:break-word!important;word-break:break-word!important;white-space:normal!important}.text-wrap-break-all{word-break:break-all!important;overflow-wrap:anywhere!important}.text-nowrap{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.text-fluid-xs{font-size:clamp(.75rem,2vw,.875rem)!important}.text-fluid-sm{font-size:clamp(.875rem,2.5vw,1rem)!important}.text-fluid-md{font-size:clamp(1rem,3vw,1.125rem)!important}.text-fluid-lg{font-size:clamp(1.125rem,3.5vw,1.25rem)!important}.text-fluid-xl{font-size:clamp(1.25rem,4vw,1.5rem)!important}.text-fluid-2xl{font-size:clamp(1.5rem,5vw,2rem)!important}.text-fluid-3xl{font-size:clamp(1.75rem,6vw,2.5rem)!important}.text-fluid-4xl{font-size:clamp(2rem,7vw,3rem)!important}.gap-fluid-xs{gap:clamp(.25rem,1vw,.5rem)!important}.gap-fluid-sm{gap:clamp(.5rem,1.5vw,1rem)!important}.gap-fluid-md{gap:clamp(.75rem,2vw,1.5rem)!important}.gap-fluid-lg{gap:clamp(1rem,2.5vw,2rem)!important}.gap-fluid-xl{gap:clamp(1.25rem,3vw,2.5rem)!important}.p-fluid-xs{padding:clamp(.25rem,1vw,.5rem)!important}.p-fluid-sm{padding:clamp(.5rem,1.5vw,1rem)!important}.p-fluid-md{padding:clamp(.75rem,2vw,1.5rem)!important}.p-fluid-lg{padding:clamp(1rem,2.5vw,2rem)!important}.p-fluid-xl{padding:clamp(1.25rem,3vw,2.5rem)!important}.m-fluid-xs{margin:clamp(.25rem,1vw,.5rem)!important}.m-fluid-sm{margin:clamp(.5rem,1.5vw,1rem)!important}.m-fluid-md{margin:clamp(.75rem,2vw,1.5rem)!important}.m-fluid-lg{margin:clamp(1rem,2.5vw,2rem)!important}.m-fluid-xl{margin:clamp(1.25rem,3vw,2.5rem)!important}.stack-mobile{align-items:stretch!important}.center-mobile,.stack-mobile{display:flex!important;flex-direction:column!important}.center-mobile{align-items:center!important;text-align:center!important;justify-content:center!important}.full-width-mobile{width:100%!important;max-width:100%!important}.safe-width-mobile{width:min(100%,600px)!important;margin-left:auto!important;margin-right:auto!important}.touch-friendly{min-height:44px!important;min-width:44px!important;padding:.75rem 1rem!important}.touch-friendly-small{min-height:36px!important;min-width:36px!important;padding:.5rem .75rem!important}.hide-on-mobile{display:none!important}@media (min-width:769px){.hide-on-desktop{display:none!important}}@media (max-width:375px){.hide-on-xs{display:none!important}}@media (max-width:480px){.hide-on-sm{display:none!important}}@media (max-width:768px){.hide-on-md{display:none!important}}.radius-fluid-xs{border-radius:clamp(2px,.5vw,4px)!important}.radius-fluid-sm{border-radius:clamp(4px,1vw,8px)!important}.radius-fluid-md{border-radius:clamp(6px,1.5vw,12px)!important}.radius-fluid-lg{border-radius:clamp(8px,2vw,16px)!important}.radius-fluid-xl{border-radius:clamp(12px,2.5vw,20px)!important}.radius-fluid-2xl{border-radius:clamp(16px,3vw,24px)!important}.shadow-mobile{box-shadow:0 2px 8px rgba(0,0,0,.15)!important}.shadow-mobile-lg{box-shadow:0 4px 12px rgba(0,0,0,.2)!important}@media (max-width:768px){.reduce-shadow-mobile{box-shadow:0 1px 4px rgba(0,0,0,.1)!important}.reduce-animation-mobile{animation-duration:.3s!important;transition-duration:.2s!important}.no-animation-mobile{animation:none!important;transition:none!important}}.prevent-ios-zoom,.touch-input{font-size:16px!important}.touch-input{min-height:44px!important;padding:.75rem 1rem!important}.hide-scrollbar-mobile{-ms-overflow-style:none!important;scrollbar-width:none!important}.hide-scrollbar-mobile::-webkit-scrollbar{display:none!important}.smooth-scroll-mobile{scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important}@font-face{font-family:Great Vibes;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/GreatVibes-Regular.ttf) format("truetype")}#app[data-theme=light]{--app-bg:#f5f7fa;--app-bg-card:#fff;--app-bg-card-hover:#f8f9fc;--app-bg-card-translucent:hsla(0,0%,100%,.85);--app-bg-dark-card:#fff;--app-bg-dark-section:rgba(245,248,252,.8);--app-text:#2c3e50;--app-text-secondary:#6b7d95;--app-text-muted:#94a3b8;--app-text-light:#5a6d85;--app-text-muted-dark:#7b8da5;--app-border:#c8d2e0;--app-border-dark:#b0bcc8;--app-accent:#7c5cfc;--app-accent-light:#a78bfa;--app-accent-glow:rgba(124,92,252,.15);--app-tag-bg:#f0edff;--app-tag-text:#7c5cfc;--app-skill-bg:#eef2ff;--app-shadow:0 2px 12px rgba(0,0,0,.06);--app-shadow-lg:0 12px 40px rgba(0,0,0,.08);--app-shadow-card:0 30px 50px -20px rgba(0,0,0,.1);--app-radius:16px;--app-transition:0.3s cubic-bezier(0.4,0,0.2,1);--app-footer-border:#c8d2e0;--app-status-tag-bg:#f0f4ff;--app-status-tag-text:#6b8ab5;--app-status-tag-border:#b4c2d6;--app-fun-section-bg:rgba(240,244,250,.8);--app-fun-section-border:#bfcada;--app-fun-text:#5a6d85;--app-progress-bg:#e8ecf2;--app-progress-border:#bcc8d6;--app-construction-bg:#f0f4fa;--app-construction-border:#bfcada;--app-dialog-bg:linear-gradient(145deg,#fff,#f0f4fa);--app-dialog-border:#7c5cfc;--app-dialog-text:#2c3e50;--app-dialog-shadow:0 0 60px rgba(124,92,252,.3);--app-face-color:#7c5cfc;--app-gradient-text:linear-gradient(135deg,#2c3e50,#7c5cfc);--app-page-gradient-start:#e8ecf2;--app-page-gradient-end:#f0eef4;--app-container-bg:hsla(0,0%,100%,.9);--app-input-bg:#eef2f7;--app-input-border:#c0c8d4;--app-btn-secondary-bg:#eef2f7;--app-btn-secondary-hover:#e0e6ef;--app-btn-secondary-border:#c0c8d4;--app-divider:#d0d7e2;--app-accent-text:#5a6dff;--app-accent-green-text:#2d9d6f}#app[data-theme=dark]{--app-bg:#0f1117;--app-bg-card:#1a1d28;--app-bg-card-hover:#202436;--app-bg-card-translucent:rgba(18,22,28,.75);--app-bg-dark-card:#1f2a36;--app-bg-dark-section:rgba(8,12,17,.6);--app-text:#e2e8f0;--app-text-secondary:#94a3b8;--app-text-muted:#64748b;--app-text-light:#ccdeff;--app-text-muted-dark:#7f95b5;--app-border:#2d3344;--app-border-dark:#31465c;--app-accent:#a78bfa;--app-accent-light:#c4b5fd;--app-accent-glow:rgba(167,139,250,.2);--app-tag-bg:#1e1b4b;--app-tag-text:#c4b5fd;--app-skill-bg:#1e2332;--app-shadow:0 2px 12px rgba(0,0,0,.3);--app-shadow-lg:0 12px 40px rgba(0,0,0,.5);--app-shadow-card:0 30px 50px -20px rgba(0,0,0,.8);--app-footer-border:#2d3344;--app-status-tag-bg:#1f2a36;--app-status-tag-text:#bdd3f0;--app-status-tag-border:#31465c;--app-fun-section-bg:rgba(8,12,17,.6);--app-fun-section-border:#26323f;--app-fun-text:#b7cced;--app-progress-bg:#1b232e;--app-progress-border:#2c3a48;--app-construction-bg:#131e28;--app-construction-border:#334252;--app-dialog-bg:linear-gradient(145deg,#1f2a36,#0f1a22);--app-dialog-border:gold;--app-dialog-text:gold;--app-dialog-shadow:0 0 60px rgba(255,215,0,.4);--app-face-color:#18dddd;--app-gradient-text:linear-gradient(135deg,#fff,#c0ccd9);--app-page-gradient-start:#1a1f2a;--app-page-gradient-end:#2a1f2a;--app-container-bg:rgba(20,25,35,.9);--app-input-bg:#1b232e;--app-input-border:#31465c;--app-btn-secondary-bg:#1f2a36;--app-btn-secondary-hover:#2a3848;--app-btn-secondary-border:#31465c;--app-divider:#31465c;--app-accent-text:#8f9eff;--app-accent-green-text:#42b983}*{margin:0;padding:0;box-sizing:border-box;overflow-wrap:break-word;word-wrap:break-word}body{font-size:16px}#app,body{min-height:100vh}#app{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--app-text,#e1e7ef);background-color:var(--app-bg,#0a0c0f);transition:background var(--app-transition),color var(--app-transition)}.app-content{padding-top:60px;transition:opacity .6s ease}.app-navbar{position:fixed;top:0;left:0;right:0;z-index:200;background:var(--app-bg-card);border-bottom:1px solid var(--app-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:0 1.5rem;transition:background var(--app-transition),border var(--app-transition),opacity .6s ease}#app.intro-mode .app-content,#app.intro-mode .app-navbar{opacity:0;pointer-events:none}.intro-overlay{position:fixed;inset:0;z-index:9999;background:#0a0c10;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden}.intro-bg-blur{position:absolute;inset:0;background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed;filter:blur(50px);opacity:.13;transform:scale(1.1)}.intro-noise{opacity:.035;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E")}.intro-canvas,.intro-noise{position:absolute;inset:0;pointer-events:none}.intro-avatar-wrapper{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:2rem;opacity:0;animation:intro-content-in .55s ease .08s forwards}@keyframes intro-content-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.intro-avatar-box{position:relative;flex-shrink:0;display:inline-block}.intro-avatar-ring{position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(#3b82f6,#8b5cf6,#a78bfa,#3b82f6);animation:spin 6s linear infinite;opacity:.45}@keyframes spin{to{transform:rotate(1turn)}}.intro-avatar-inner{position:relative;width:130px;height:130px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:2.8rem;font-weight:700;color:#fff;cursor:pointer;animation:intro-pulse 2s ease-in-out infinite;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 0 40px rgba(99,102,241,.25)}@keyframes intro-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.intro-hint{font-size:1rem;color:hsla(0,0%,100%,.42);letter-spacing:.15em}.intro-out-leave-active{transition:opacity .7s ease,transform .7s cubic-bezier(.34,1.56,.64,1)}.intro-out-leave-to{opacity:0;transform:scale(1.08)}.app-wallpaper{position:fixed;inset:0;z-index:0;pointer-events:none;transition:opacity .6s ease}#app.wallpaper-active .app-navbar{border-bottom:1px solid hsla(0,0%,100%,.1);box-shadow:0 4px 20px rgba(0,0,0,.3)}#app.wallpaper-active .app-navbar,#app.wallpaper-active .app-theme-toggle{background:hsla(0,0%,100%,.01);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}#app.wallpaper-active .app-theme-toggle{border-color:hsla(0,0%,100%,.1)}#app.wallpaper-active .app-theme-toggle:hover{background:hsla(0,0%,100%,.05);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.app-navbar-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:60px}.app-nav-logo{font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,var(--app-accent),#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.app-nav-actions{display:flex;align-items:center;gap:.75rem}.app-theme-toggle{width:42px;height:42px;border:1px solid var(--app-border);border-radius:50%;background:var(--app-bg-card);cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--app-text)}.app-theme-toggle:hover{border-color:var(--app-accent);box-shadow:0 0 16px var(--app-accent-glow);transform:rotate(15deg)}.app-toast{position:fixed;top:80px;left:50%;transform:translateX(-50%) translateY(-20px);background:linear-gradient(135deg,var(--app-accent),#6366f1);color:#fff;padding:.75rem 1.5rem;border-radius:30px;font-weight:600;font-size:.95rem;box-shadow:0 8px 30px var(--app-accent-glow);z-index:999;opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.4,0,.2,1);white-space:nowrap}.app-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.achievement-enter-active{animation:shineIn .45s cubic-bezier(.4,0,.2,1) both}.achievement-leave-active{animation:shineOut .3s cubic-bezier(.4,0,.2,1) both}@keyframes shineIn{0%{opacity:0;transform:translateY(16px) scale(.96)}60%{opacity:1;transform:translateY(0) scale(1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shineOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.98)}}body{font-size:clamp(14px,2.5vw,16px)}h1{font-size:clamp(1.4rem,5vw,3rem)!important;line-height:1.3!important}h2{font-size:clamp(1.1rem,4vw,2.5rem)!important;line-height:1.35!important}.achievement-card,.container,.easter-eggs,.fortune-card,.project-card,.quiz-container,.skills-card{padding-left:clamp(.5rem,3vw,2rem)!important;padding-right:clamp(.5rem,3vw,2rem)!important;padding-top:clamp(1rem,4vw,2rem)!important;padding-bottom:clamp(1rem,4vw,2rem)!important}.achievement-card,.easter-eggs,.fortune-card,.project-card,.quiz-container,.skills-card{border-radius:clamp(8px,2vw,16px)!important}@media (max-width:768px){.app-theme-toggle{width:36px;height:36px;font-size:1rem}.intro-avatar-inner{width:100px;height:100px;font-size:2.2rem}}@media (max-width:600px){body{font-size:13px}.stats-achievement-card{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:.75rem!important;padding:.75rem!important}.card-icon{font-size:2rem!important;min-width:auto!important}.card-info h3{font-size:1.1rem!important}.achievement-code,.achievement-desc{font-size:.75rem!important}.locked-badge,.unlocked-badge{font-size:.75rem!important;padding:.2rem .6rem!important}.fortune-header h1{font-size:1.3rem!important}.fortune-level{font-size:1.5rem!important}.fortune-text{font-size:.95rem!important;line-height:1.5!important}.fortune-card{padding:1rem .75rem!important;border-radius:20px!important}}@media (max-width:480px){body{font-size:12px}h1{font-size:1.3rem!important;line-height:1.25!important}h2{font-size:1.1rem!important;line-height:1.3!important}.app-navbar-inner{height:52px}.app-content{padding-top:52px}.app-nav-logo{font-size:1.05rem}.back-link,.guestbook-button,.reset-button,.return-button,.screenshot-button,button{width:100%!important;justify-content:center!important;padding:.75rem!important;min-height:44px!important}.button-container,.button-group{width:100%!important}.button-container,.button-group,.message-input-row{flex-direction:column!important;gap:.5rem!important}.egg-item{gap:.5rem!important;flex-wrap:wrap!important;padding:.5rem!important}.egg-item .secret-message{margin-left:0!important;font-size:.85rem!important}.skill-item{flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important}.skill-bar{width:100%!important;height:6px!important}input[type=password],input[type=text]{font-size:16px!important;min-height:44px!important}}