@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&family=ZCOOL+KuaiLe&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #FF5722;--primary-dark: #E64A19;--secondary: #004E89;--accent: #FFD166;--bg: #0A0A0A;--surface: #141414;--card: #1A1A1A;--card-hover: #222222;--text: #F0EDE8;--text-muted: rgba(240, 237, 232, .5);--border: rgba(255, 255, 255, .08);--food: #FF6B6B;--culture: #4ECDC4;--life: #95E1D3;--meme: #AA96DA;--glow: rgba(255, 87, 34, .35);--glow-soft: rgba(255, 87, 34, .12)}body{font-family:Noto Sans SC,sans-serif;background:var(--bg);min-height:100vh;color:var(--text);overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 80% 60% at 10% 20%,rgba(255,87,34,.08) 0%,transparent 60%),radial-gradient(ellipse 60% 80% at 90% 80%,rgba(78,205,196,.05) 0%,transparent 60%),radial-gradient(ellipse 50% 50% at 50% 50%,rgba(170,150,218,.03) 0%,transparent 60%);pointer-events:none;z-index:-1}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;justify-content:center;align-items:center;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--surface);border-radius:20px;padding:32px;max-width:500px;width:90%;position:relative;border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 20px 60px #00000080}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:#ffffff0d;color:var(--text);font-size:18px;cursor:pointer;transition:all .2s}.modal-close:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:rotate(90deg)}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--card);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23F0EDE8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px 8px;padding-right:36px;color:var(--text);border:1px solid var(--border);border-radius:10px;font-family:inherit;font-size:14px;cursor:pointer;transition:border-color .2s,box-shadow .2s}select:hover{border-color:#ffffff2e}select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--glow-soft)}select option,select optgroup{background-color:var(--card);color:var(--text)}select option:checked{background-color:var(--primary);color:#fff}select:disabled{opacity:.5;cursor:not-allowed}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .5s cubic-bezier(.34,1.56,.64,1)}.toast{background:var(--primary);color:#fff;padding:14px 28px;border-radius:50px;font-weight:600;font-size:14px;box-shadow:0 8px 32px var(--glow);animation:toastPop .4s cubic-bezier(.34,1.56,.64,1)}.app{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;position:relative;z-index:1;animation:viewFadeIn .4s ease}@keyframes viewFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.topnav{position:sticky;top:0;left:0;right:0;z-index:100;padding:16px 24px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a0a0ab8;border-bottom:1px solid rgba(255,255,255,.06)}.topnav-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.topnav-brand{display:inline-flex;align-items:center;gap:10px;background:transparent;border:none;cursor:pointer;padding:6px 8px;border-radius:8px;transition:background .2s;color:var(--text)}.topnav-brand:hover{background:#ffffff0a}.topnav-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:var(--primary);color:#fff;font-weight:900;font-size:16px;font-family:ZCOOL KuaiLe,sans-serif;box-shadow:0 0 20px var(--glow)}.topnav-brand-text{font-size:15px;font-weight:700;letter-spacing:1px;color:var(--text)}.topnav-links{display:flex;gap:4px;align-items:center}.topnav-link{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:1px solid transparent;border-radius:100px;font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:color .2s,background .2s,border-color .2s;font-family:inherit}.topnav-link:hover{color:var(--text);background:#ffffff0a}.topnav-link.active{color:var(--primary);background:#ff572214;border-color:#ff57224d}.topnav-link-icon{font-size:14px;line-height:1}.topnav-link-label{letter-spacing:.5px}.topnav-meta{display:inline-flex;align-items:center;gap:12px}.topnav-ai-status{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:100px;font-size:11px;font-weight:600;letter-spacing:1px;border:1px solid rgba(255,255,255,.08)}.topnav-ai-status.on{color:#4ecdc4;border-color:#4ecdc44d;background:#4ecdc40f}.topnav-ai-status.off{color:var(--text-muted);border-color:#ffffff0f;background:#ffffff05}.topnav-ai-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulseDot 2s ease infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}@media(max-width:768px){.topnav{padding:12px 16px}.topnav-inner{gap:8px;flex-wrap:nowrap}.topnav-brand-text{display:none}.topnav-link{padding:6px 8px}.topnav-link-label{display:none}.topnav-link-icon{font-size:16px}.topnav-ai-text{display:none}.topnav-ai-status{padding:6px 8px}}.toast-overlay{position:fixed;bottom:40px;left:50%;transform:translate(-50%);z-index:2000}.toast{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;padding:16px 32px;border-radius:50px;font-weight:600;font-size:14px;box-shadow:0 8px 32px #ff6b3566;animation:toastPop .4s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}@keyframes toastPop{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.levelup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3000;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.levelup-overlay.show{opacity:1;pointer-events:auto}.levelup-content{position:relative;text-align:center;padding:48px;animation:levelupBounce .6s cubic-bezier(.34,1.56,.64,1)}@keyframes levelupBounce{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.levelup-particles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.levelup-particle{position:absolute;width:8px;height:8px;background:var(--accent);border-radius:50%;animation:particleFly 1s ease-out forwards;animation-delay:calc(var(--i) * .05s)}@keyframes particleFly{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--x),var(--y)) scale(0);opacity:0}}.levelup-icon{font-size:80px;animation:levelupPulse 1s ease-in-out infinite;margin-bottom:16px}@keyframes levelupPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.levelup-text{font-size:36px;font-weight:900;background:linear-gradient(135deg,#ffd166,#ff5722);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;text-shadow:0 0 40px rgba(255,209,102,.5)}.levelup-level{font-size:48px;font-weight:900;color:#fff;text-shadow:0 0 30px rgba(255,87,34,.6);margin-bottom:12px}.levelup-sub{font-size:14px;color:#fff9}.achievement-unlock-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3000;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.achievement-unlock-overlay.show{opacity:1;pointer-events:auto}.achievement-unlock-content{position:relative;text-align:center;padding:40px 48px;background:linear-gradient(135deg,#1a1a1af2,#282828f2);border:1px solid rgba(255,209,102,.3);border-radius:20px;animation:achievementSlideIn .5s cubic-bezier(.34,1.56,.64,1);overflow:hidden}@keyframes achievementSlideIn{0%{transform:translateY(-50px) scale(.8);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.achievement-unlock-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,209,102,.15) 0%,transparent 60%);animation:achievementGlow 2s ease-in-out infinite}@keyframes achievementGlow{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:1}}.achievement-unlock-badge{position:relative;width:80px;height:80px;margin:0 auto 16px;background:linear-gradient(135deg,#ffd166,#ff5722);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:achievementPulse 1.5s ease-in-out infinite}@keyframes achievementPulse{0%,to{box-shadow:0 0 #ffd16666}50%{box-shadow:0 0 0 20px #ffd16600}}.achievement-unlock-icon{font-size:40px}.achievement-unlock-label{font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#ffd166;margin-bottom:8px}.achievement-unlock-title{font-size:22px;font-weight:700;color:#fff;margin-bottom:8px}.achievement-unlock-desc{font-size:14px;color:#fff9}.player-core{position:relative;width:240px;height:240px;display:flex;align-items:center;justify-content:center;flex-direction:column}.player-core-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.player-core-ring-fill{transition:stroke-dasharray .6s cubic-bezier(.16,1,.3,1);filter:drop-shadow(0 0 8px rgba(255,87,34,.6))}.player-core-inner{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:-10px}.player-core-level{font-size:42px;font-weight:900;letter-spacing:-2px;color:var(--text);text-shadow:0 0 30px rgba(255,87,34,.5);line-height:1}.player-core-exp{font-size:11px;font-weight:600;letter-spacing:1px;color:var(--text-muted)}.player-core-stats{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;gap:10px;background:#00000080;border:1px solid rgba(255,255,255,.08);padding:6px 12px;border-radius:100px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.player-core-stat{display:flex;align-items:baseline;gap:2px;font-size:11px;font-weight:600}.player-core-stat-num{color:var(--primary);font-size:13px;font-weight:800}.player-core-stat-label{color:var(--text-muted)}.circle-nav{position:relative;margin:0 auto;display:flex;align-items:center;justify-content:center;animation:circle-nav-in .8s cubic-bezier(.16,1,.3,1)}@keyframes circle-nav-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.circle-nav-track{position:absolute;top:50%;left:50%;width:480px;height:480px;margin:-240px 0 0 -240px;border-radius:50%;border:1px dashed rgba(255,255,255,.08)}.circle-nav-orbit{position:absolute;top:50%;left:50%;width:440px;height:440px;margin:-220px 0 0 -220px;border-radius:50%;border:1px solid rgba(255,87,34,.18);animation:orbit-spin 24s linear infinite;pointer-events:none}.circle-nav-orbit:before,.circle-nav-orbit:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 12px var(--primary);top:-4px;left:50%;margin-left:-4px;opacity:.8}.circle-nav-orbit:after{top:auto;bottom:-4px;background:#4ecdc4;box-shadow:0 0 12px #4ecdc4}@keyframes orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.circle-nav-core{position:relative;z-index:2;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle at 30% 20%,rgba(255,87,34,.08),transparent 70%),#141414eb;border:1px solid rgba(255,87,34,.25);box-shadow:0 0 60px #ff57221f,inset 0 0 30px #00000080;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;animation:pulse-core 4s ease-in-out infinite}@keyframes pulse-core{0%,to{box-shadow:0 0 60px #ff57221f,inset 0 0 30px #00000080}50%{box-shadow:0 0 80px #ff572233,inset 0 0 30px #00000080}}.circle-nav-btn{position:absolute;top:50%;left:50%;width:88px;height:88px;margin:-44px 0 0 -44px;border-radius:50%;background:#141414d9;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;font-family:inherit;color:var(--text);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s,background .3s;transform:rotate(var(--angle)) translateY(-220px) rotate(calc(-1 * var(--angle)));animation:circle-btn-in .6s cubic-bezier(.34,1.56,.64,1) backwards;animation-delay:var(--delay);z-index:1;overflow:hidden}@keyframes circle-btn-in{0%{opacity:0;transform:rotate(var(--angle)) translateY(0) rotate(calc(-1 * var(--angle)))}to{opacity:1;transform:rotate(var(--angle)) translateY(-220px) rotate(calc(-1 * var(--angle)))}}.circle-nav-btn:hover{border-color:var(--primary);background:#28140ceb;transform:rotate(var(--angle)) translateY(-220px) rotate(calc(-1 * var(--angle))) scale(1.08);box-shadow:0 12px 32px #00000080,0 0 28px #ff572273;z-index:3}.circle-nav-btn:active{transform:rotate(var(--angle)) translateY(-220px) rotate(calc(-1 * var(--angle))) scale(.96)}.circle-nav-btn-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 30% 20%,rgba(255,87,34,.18),transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}.circle-nav-btn:hover .circle-nav-btn-glow{opacity:1}.circle-nav-btn-icon{font-size:24px;line-height:1;filter:drop-shadow(0 0 6px rgba(255,87,34,.4))}.circle-nav-btn-label{font-size:11px;font-weight:700;letter-spacing:.5px;margin-top:2px}.circle-nav-btn-hint{font-size:8px;font-weight:500;color:var(--text-muted);letter-spacing:.3px;white-space:nowrap}@media(max-width:768px){.circle-nav-track{width:300px;height:300px;margin:-150px 0 0 -150px}.circle-nav-orbit{width:280px;height:280px;margin:-140px 0 0 -140px}.circle-nav{transform:scale(.58);transform-origin:center;margin:-80px 0}}.home-view{position:relative;z-index:1}.home-hero{min-height:calc(80vh - 80px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:80px 24px 40px;position:relative}.home-hero-content{position:relative;z-index:2}.home-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border:1px solid rgba(255,87,34,.3);border-radius:100px;font-size:12px;font-weight:500;color:var(--primary);margin-bottom:32px;background:#ff57220d}.home-hero-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--primary);animation:heroDot 2s ease infinite}@keyframes heroDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.home-hero-title{font-size:clamp(40px,7vw,88px);font-weight:900;line-height:1.05;letter-spacing:-3px;margin-bottom:28px;color:var(--text);max-width:900px}.home-hero-title .glow{color:var(--primary);text-shadow:0 0 60px var(--glow),0 0 120px rgba(255,87,34,.15)}.home-hero-sub{font-size:16px;color:var(--text-muted);max-width:560px;margin:0 auto;line-height:1.8;font-weight:300}.home-hero-cta{display:flex;gap:12px;justify-content:center;margin-top:40px;flex-wrap:wrap}.cta-primary,.cta-secondary{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;font-size:14px;font-weight:600;border:none;cursor:pointer;border-radius:100px;transition:all .3s;font-family:inherit}.cta-primary{background:var(--primary);color:#fff;box-shadow:0 0 40px var(--glow)}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 0 60px var(--glow)}.cta-secondary{background:transparent;color:var(--text);border:1px solid rgba(255,255,255,.15)}.cta-secondary:hover{border-color:#ffffff4d;background:#ffffff08}.home-circle-section{padding:60px 24px 80px;position:relative;text-align:center}.home-circle-eyebrow{font-size:12px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--primary);margin-bottom:12px}.home-circle-heading{font-size:clamp(28px,4vw,44px);font-weight:900;letter-spacing:-1.5px;margin-bottom:60px}.home-circle-stage{position:relative;width:100%;max-width:1100px;height:680px;margin:0 auto;display:flex;align-items:center;justify-content:center}.home-float-card{position:absolute;width:180px;padding:18px;background:#141414d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:16px;cursor:pointer;text-align:left;font-family:inherit;color:var(--text);transition:all .4s cubic-bezier(.16,1,.3,1);z-index:1}.home-float-card:hover{transform:translateY(-8px) scale(1.04);border-color:var(--primary);box-shadow:0 20px 60px #0006,0 0 40px var(--glow);z-index:5}.home-float-card.float-1{top:4%;left:6%;animation:floatA 6s ease-in-out infinite}.home-float-card.float-2{top:4%;right:6%;animation:floatB 7s ease-in-out infinite}.home-float-card.float-3{bottom:10%;left:8%;animation:floatC 5.5s ease-in-out infinite .4s}.home-float-card.float-4{bottom:10%;right:8%;animation:floatA 7.5s ease-in-out infinite 1.2s}.home-float-card.float-5{top:46%;left:50%;transform:translate(-50%);animation:floatB 6.5s ease-in-out infinite .6s}.home-float-card.float-5:hover{transform:translate(-50%) translateY(-8px) scale(1.04)}@keyframes floatA{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes floatB{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(1deg)}}@keyframes floatC{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.home-float-emoji{font-size:26px;margin-bottom:8px;line-height:1}.home-float-name{font-size:15px;font-weight:700;margin-bottom:4px}.home-float-quote{font-size:11px;color:var(--text-muted);line-height:1.5;font-style:italic}.home-section-eyebrow{font-size:12px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--primary);text-align:center;margin-bottom:12px}.home-section-title{font-size:clamp(28px,4vw,44px);font-weight:900;text-align:center;letter-spacing:-1.5px;margin-bottom:56px;color:var(--text)}.home-ai{padding:80px 24px 40px;max-width:1200px;margin:0 auto}.home-ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.home-ai-card{padding:40px;background:var(--surface);border:1px solid rgba(255,255,255,.06);border-radius:24px;position:relative;overflow:hidden;transition:all .4s}.home-ai-card:hover{border-color:var(--primary);box-shadow:0 0 80px #ff572214}.ai-card-label{font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--primary);margin-bottom:16px}.ai-card-title{font-size:24px;font-weight:900;margin-bottom:10px;letter-spacing:-1px}.ai-card-desc{font-size:13px;color:var(--text-muted);line-height:1.7;margin-bottom:24px}.ai-card-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border:1px solid rgba(255,255,255,.15);background:transparent;color:var(--text);font-size:12px;font-weight:600;border-radius:100px;cursor:pointer;transition:all .3s;font-family:inherit}.ai-card-btn:hover{background:var(--primary);border-color:var(--primary)}.home-ai-card-big{grid-column:span 2;text-align:center;padding:56px 40px}.home-footer{padding:60px 24px;text-align:center;border-top:1px solid rgba(255,255,255,.06);margin-top:60px}.home-footer-tagline{font-size:clamp(24px,4vw,36px);font-weight:900;letter-spacing:-1px;margin-bottom:12px;color:var(--text)}.home-footer-tagline .glow{color:var(--primary);text-shadow:0 0 30px var(--glow)}.home-footer-sub{font-size:13px;color:var(--text-muted);font-weight:300;letter-spacing:.5px}@media(max-width:768px){.home-hero{min-height:auto;padding:60px 16px 30px}.home-circle-stage{height:auto;display:flex;flex-direction:column;gap:24px}.home-float-card{position:static;width:100%;animation:none!important;transform:none!important}.home-float-card.float-5{transform:none}.home-float-card.float-5:hover{transform:translateY(-8px) scale(1.02)}.home-ai-grid{grid-template-columns:1fr}.home-ai-card-big{grid-column:span 1}}.china-map-container{position:relative;width:100%;height:500px;border-radius:16px;overflow:hidden;background:#0d0d1a}.china-map-svg{width:100%;height:100%;display:block}.province-path{fill:#ffffff0f;stroke:#ffffff26;stroke-width:1;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.province-path:hover{fill:#ff572259;stroke:var(--primary);stroke-width:1.5;filter:drop-shadow(0 0 12px var(--glow))}.province-path.selected{fill:var(--primary);stroke:var(--accent);stroke-width:2;filter:drop-shadow(0 0 20px var(--glow));animation:provinceGlow 2s ease-in-out infinite}.province-path.unvisited{fill:#64647826;stroke:#9696aa33}.province-path.unvisited:hover{fill:#ff572240;stroke:#ff572280}.province-path.unvisited.selected{fill:var(--primary);stroke:var(--accent)}@keyframes provinceGlow{0%,to{filter:drop-shadow(0 0 15px var(--glow))}50%{filter:drop-shadow(0 0 25px rgba(255,87,34,.6))}}.province-label{font-family:Noto Sans SC,sans-serif;font-size:12px;font-weight:500;fill:#ffffffd9;pointer-events:all;cursor:pointer;-webkit-user-select:none;user-select:none;paint-order:stroke;stroke:#00000080;stroke-width:2px;stroke-linejoin:round;transition:all .2s ease}.province-label.small{font-size:9px}.province-label.hovered{fill:var(--accent);font-size:14px;font-weight:700}.province-label.selected{fill:#fff;font-size:14px;font-weight:700;stroke:var(--primary);stroke-width:3px}.province-label.unvisited{fill:#ffffff59;opacity:.6}.province-label.unvisited.hovered{fill:#ff5722cc;opacity:1}.province-label.unvisited.selected{fill:#fff;opacity:1}.province-label.small.hovered,.province-label.small.selected{font-size:11px}@media(max-width:768px){.china-map-container{height:350px}.province-label{font-size:10px}.province-label.small{font-size:7px}}@media(max-width:600px){.china-map-container{height:280px}.province-label{font-size:8px}.province-label.small{font-size:6px}}.tag{padding:10px 16px;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.tag:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease}.tag:hover:before{left:100%}.tag:hover{transform:translateY(-3px) scale(1.02)}.tag:active{transform:translateY(0) scale(.98)}.tag.food{background:#ff6b6b26;color:var(--food);border:1px solid rgba(255,107,107,.25)}.tag.food:hover{background:#ff6b6b40;box-shadow:0 4px 16px #ff6b6b40}.tag.culture{background:#4ecdc426;color:var(--culture);border:1px solid rgba(78,205,196,.25)}.tag.culture:hover{background:#4ecdc440;box-shadow:0 4px 16px #4ecdc440}.tag.life{background:#95e1d326;color:var(--life);border:1px solid rgba(149,225,211,.25)}.tag.life:hover{background:#95e1d340;box-shadow:0 4px 16px #95e1d340}.tag.meme{background:#aa96da33;color:var(--meme);border:1px solid rgba(170,150,218,.35);font-weight:600}.tag.meme:hover{background:#aa96da4d;box-shadow:0 4px 16px #aa96da59}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease;padding:20px}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:20px;max-width:500px;width:100%;padding:32px;position:relative;box-shadow:0 20px 60px #00000080;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);max-height:85vh;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-close{position:absolute;top:16px;right:16px;background:#ffffff14;border:1px solid var(--border);font-size:18px;color:var(--text);cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:rotate(90deg)}.meme-modal-header{margin-bottom:12px}.meme-type-badge{display:inline-block;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600}.meme-title{font-size:1.6em;font-weight:700;margin:12px 0 8px;color:var(--text);word-break:break-word}.meme-province{color:var(--text-muted);font-size:13px;margin-bottom:20px}.meme-explanation{background:#ffffff0d;padding:20px;border-radius:12px;border:1px solid var(--border);color:var(--text);line-height:1.8;font-size:15px;margin-bottom:20px}.explanation-loading,.explanation-error,.no-explanation{color:var(--text-muted);text-align:center;font-style:italic}.explanation-error{color:#ff6b6b;font-style:normal}.meme-extra-btns{display:flex;gap:8px;margin-bottom:12px}.meme-extra-btn{flex:1;padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:#ffffff0a;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.meme-extra-btn:hover{background:#ffffff14;color:var(--text)}.meme-extra-btn.active{background:var(--glow-soft);color:var(--primary);border-color:#ff57224d}.meme-extra-content{background:#ffffff0a;padding:16px;border-radius:12px;border:1px solid var(--border);margin-bottom:16px;color:var(--text);line-height:1.8;font-size:14px;animation:fadeIn .2s ease}.dialect-list{display:flex;flex-direction:column;gap:10px}.dialect-item{display:flex;align-items:baseline;gap:10px;padding:8px 12px;background:#ffffff0a;border-radius:8px}.dialect-name{font-size:12px;font-weight:600;color:var(--accent);white-space:nowrap}.dialect-text{font-size:15px;color:var(--text)}.meme-ai-section{margin-bottom:16px}.meme-ai-label{display:block;font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:8px}.meme-ai-input{width:100%;padding:12px 16px;border-radius:10px;border:1px solid var(--border);background:#ffffff0d;color:var(--text);font-size:14px;font-family:inherit;outline:none;transition:border-color .2s;margin-bottom:12px;box-sizing:border-box}.meme-ai-input::placeholder{color:var(--text-muted)}.meme-ai-input:focus{border-color:var(--primary)}.meme-ai-buttons{display:flex;gap:10px}.meme-ai-btn{flex:1;padding:12px 16px;border-radius:10px;border:none;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);color:#fff}.meme-ai-btn:hover:not(:disabled){transform:translateY(-2px)}.meme-ai-btn:active:not(:disabled){transform:translateY(0) scale(.98)}.meme-ai-btn:disabled{opacity:.5;cursor:not-allowed}.image-gen-btn{background:linear-gradient(135deg,#06b6d4,#0891b2)}.image-gen-btn:hover:not(:disabled){box-shadow:0 4px 16px #06b6d466}.video-gen-btn{background:linear-gradient(135deg,#f43f5e,#e11d48)}.video-gen-btn:hover:not(:disabled){box-shadow:0 4px 16px #f43f5e66}.save-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);margin-top:10px}.save-btn:hover{box-shadow:0 4px 16px var(--glow)}.meme-ai-progress{display:flex;align-items:center;gap:12px;margin-bottom:16px}.meme-progress-bar{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.meme-progress-fill{height:100%;background:var(--primary);border-radius:3px;transition:width .5s ease}.meme-progress-text{font-size:13px;font-weight:600;color:var(--primary);min-width:40px;text-align:right}.meme-ai-error{color:#ff6b6b;font-size:13px;margin-bottom:12px}.meme-ai-result{border-radius:12px;overflow:hidden;background:#0000004d}.meme-ai-image{width:100%;display:block;border-radius:8px}.meme-ai-video{width:100%;display:block;border-radius:8px;background:#000}.image-modal{max-width:700px}.image-modal-title{font-size:1.3em;font-weight:700;color:var(--text);margin-bottom:16px}.image-modal-body{border-radius:12px;overflow:hidden;margin-bottom:16px;background:#0000004d}.ai-generated-image{width:100%;display:block;border-radius:8px}.image-modal-actions{display:flex;gap:10px}.download-btn{flex:1;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;padding:12px 16px;border-radius:10px;border:none;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.download-btn:hover{box-shadow:0 4px 20px var(--glow)}.video-modal{max-width:700px}.video-modal-title{font-size:1.3em;font-weight:700;color:var(--text);margin-bottom:16px}.video-modal-body{border-radius:12px;overflow:hidden;margin-bottom:16px;background:#0000004d;min-height:200px}.video-status{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-muted);text-align:center;gap:16px}.video-status p{margin:0;font-size:14px;line-height:1.6}.video-hint{font-size:12px!important;opacity:.6}.video-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.video-progress-ring{position:relative;width:100px;height:100px}.video-progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-bg{fill:none;stroke:#ffffff1a;stroke-width:6}.progress-fill{fill:none;stroke:var(--primary);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .5s ease}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;font-weight:700;color:var(--primary)}.ai-generated-video{width:100%;display:block;border-radius:8px;background:#000}.video-error{color:#ff6b6b}.error-icon{font-size:2em}.video-modal-actions{display:flex;gap:10px}.video-modal-actions .download-btn{flex:1;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;padding:12px 16px;border-radius:10px;border:none;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.video-modal-actions .download-btn:hover{box-shadow:0 4px 20px var(--glow)}.chat-modal{max-width:480px;max-height:80vh;display:flex;flex-direction:column;padding:24px}.chat-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.chat-avatar{font-size:2em;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--glow-soft);border-radius:50%}.chat-title{font-size:1.1em;font-weight:700;color:var(--text);margin:0}.chat-status{font-size:12px;color:#4ade80}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:8px 0;min-height:200px;max-height:400px}.chat-bubble{max-width:80%;padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.6;word-break:break-word;animation:bubbleIn .2s ease}@keyframes bubbleIn{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-bubble.user{align-self:flex-end;background:var(--primary);color:#fff;border-bottom-right-radius:4px}.chat-bubble.assistant{align-self:flex-start;background:#ffffff14;color:var(--text);border-bottom-left-radius:4px}.chat-bubble.typing{display:flex;gap:4px;padding:12px 18px;align-items:center}.dot{width:6px;height:6px;background:var(--text-muted);border-radius:50%;animation:dotBounce 1.2s ease-in-out infinite}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.chat-quick{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.quick-btn{padding:6px 12px;border-radius:20px;border:1px solid var(--border);background:#ffffff0d;color:var(--text-muted);font-size:12px;cursor:pointer;transition:all .2s}.quick-btn:hover{background:var(--glow-soft);color:var(--primary);border-color:var(--primary)}.chat-input-area{display:flex;gap:8px;margin-top:8px}.chat-input{flex:1;padding:10px 14px;border-radius:20px;border:1px solid var(--border);background:#ffffff0d;color:var(--text);font-size:14px;font-family:inherit;outline:none}.chat-input::placeholder{color:var(--text-muted)}.chat-input:focus{border-color:var(--primary)}.chat-send{padding:10px 20px;border-radius:20px;border:none;background:var(--primary);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.chat-send:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 4px 16px var(--glow)}.chat-send:disabled{opacity:.4;cursor:not-allowed}.quiz-modal{max-width:500px}.quiz-title{font-size:1.3em;font-weight:700;color:var(--text);margin-bottom:20px;text-align:center}.quiz-start{text-align:center;padding:20px 0}.quiz-start p{color:var(--text-muted);margin-bottom:8px;line-height:1.6}.quiz-desc{font-size:13px;opacity:.7}.quiz-score{text-align:center;font-size:14px;font-weight:600;color:var(--primary);margin-bottom:16px;padding:8px;background:var(--glow-soft);border-radius:10px}.quiz-loading{display:flex;flex-direction:column;align-items:center;padding:40px 0;gap:12px;color:var(--text-muted)}.quiz-loading .video-spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.quiz-question{font-size:16px;font-weight:600;color:var(--text);line-height:1.6;margin-bottom:16px}.quiz-options{display:flex;flex-direction:column;gap:8px}.quiz-option{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);font-size:14px;cursor:pointer;transition:all .2s;text-align:left}.quiz-option:hover:not(:disabled){background:var(--glow-soft);border-color:var(--primary)}.quiz-option.correct{background:#4ade801f;border-color:#4ade80;color:#4ade80}.quiz-option.wrong{background:#f871711f;border-color:#f87171;color:#f87171}.quiz-option.dimmed{opacity:.4}.option-letter{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff14;font-weight:700;font-size:13px;flex-shrink:0}.quiz-result{margin-top:16px;padding:16px;background:#ffffff0a;border-radius:12px}.result-text{font-weight:700;font-size:15px;margin-bottom:6px}.result-text.correct{color:#4ade80}.result-text.wrong{color:#f87171}.result-explanation{font-size:13px;color:var(--text-muted);line-height:1.5;margin-bottom:12px}.quiz-btn{display:block;width:100%;padding:12px;border-radius:12px;border:none;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.start-btn{margin-top:20px;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff}.start-btn:hover{box-shadow:0 4px 20px var(--glow);transform:translateY(-2px)}.next-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.next-btn:hover{box-shadow:0 4px 16px #8b5cf666}.pk-modal{max-width:550px}.pk-title{font-size:1.3em;font-weight:700;color:var(--text);margin-bottom:16px;text-align:center}.pk-desc{text-align:center;color:var(--text-muted);font-size:14px;margin-bottom:20px}.pk-selectors{display:flex;align-items:center;gap:12px;margin-bottom:20px}.pk-select-group{flex:1}.pk-select-group label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:6px}.pk-select-group select{width:100%;padding:12px;border-radius:10px;border:1px solid var(--border);background:#ffffff0d;color:var(--text);font-size:14px;font-family:inherit;cursor:pointer;outline:none}.pk-select-group select:focus{border-color:var(--primary)}.pk-vs{font-size:1.5em;font-weight:900;color:var(--primary);padding-top:20px}.pk-btn{display:block;width:100%;padding:14px;border-radius:12px;border:none;background:linear-gradient(135deg,var(--primary) 0%,#e11d48 100%);color:#fff;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:all .25s}.pk-btn:hover:not(:disabled){box-shadow:0 4px 20px var(--glow);transform:translateY(-2px)}.pk-btn:disabled{opacity:.4;cursor:not-allowed}.pk-intro{text-align:center;font-size:15px;font-weight:600;color:var(--accent);padding:16px;background:#ffd16614;border-radius:12px;margin-bottom:20px;line-height:1.6}.pk-round{margin-bottom:16px}.pk-round-topic{text-align:center;font-size:14px;font-weight:700;color:var(--text);margin-bottom:10px}.pk-round-content{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pk-side{padding:14px;border-radius:12px;border:1px solid var(--border)}.pk-side.red{background:#ef44440f;border-color:#ef444433}.pk-side.blue{background:#3b82f60f;border-color:#3b82f633}.pk-province{font-size:12px;font-weight:700;display:block;margin-bottom:6px}.pk-side.red .pk-province{color:#ef4444}.pk-side.blue .pk-province{color:#3b82f6}.pk-side p{font-size:13px;line-height:1.6;color:var(--text);margin:0}.reset-btn{margin-top:16px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.province-detail{animation:fadeInUp .4s cubic-bezier(.34,1.56,.64,1)}.province-detail h2{color:var(--text);margin-bottom:16px;font-size:1.8em;font-weight:900;display:flex;align-items:center;gap:12px}.detail-header h2{width:100%}.ai-badge{margin-left:auto;font-size:10px;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff;padding:4px 12px;border-radius:20px;font-weight:600}.province-emoji{font-size:1.3em;animation:emojiPop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes emojiPop{0%{transform:scale(0) rotate(-180deg)}to{transform:scale(1) rotate(0)}}.punchline-box{background:linear-gradient(135deg,#ff572226,#ffd16626);border:1px solid rgba(255,87,34,.3);border-radius:12px;padding:16px 20px;margin-bottom:24px;display:flex;align-items:center;gap:12px;animation:punchlineSlide .5s cubic-bezier(.34,1.56,.64,1)}@keyframes punchlineSlide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.punchline-icon{font-size:1.3em;animation:bounce 1s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.punchline-text{color:var(--accent);font-size:1em;font-weight:600;line-height:1.5}.stereotype-section{margin-bottom:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.stereotype-section h3{color:var(--text);font-size:1em;display:flex;align-items:center;gap:8px;font-weight:700}.hint-text{font-size:11px;color:var(--text-muted)}.tag-container{display:flex;flex-wrap:wrap;gap:8px}.tag-container .tag{animation:tagAppear .4s ease backwards}.tag-container .tag:nth-child(1){animation-delay:.05s}.tag-container .tag:nth-child(2){animation-delay:.1s}.tag-container .tag:nth-child(3){animation-delay:.15s}.tag-container .tag:nth-child(4){animation-delay:.2s}.tag-container .tag:nth-child(5){animation-delay:.25s}.tag-container .tag:nth-child(6){animation-delay:.3s}.tag-container .tag:nth-child(7){animation-delay:.35s}.tag-container .tag:nth-child(8){animation-delay:.4s}@keyframes tagAppear{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.action-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.action-btn{flex:1;min-width:120px;padding:12px 16px;border-radius:12px;border:none;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:6px}.action-btn:hover:not(:disabled){transform:translateY(-2px)}.action-btn:active:not(:disabled){transform:translateY(0) scale(.98)}.action-btn:disabled{opacity:.4;cursor:not-allowed}.refresh-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.refresh-btn:hover:not(:disabled){box-shadow:0 4px 20px #8b5cf666}.image-btn{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.image-btn:hover:not(:disabled){box-shadow:0 4px 20px #06b6d466}.video-btn{background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff}.video-btn:hover:not(:disabled){box-shadow:0 4px 20px #f43f5e66}.poster-btn{background:linear-gradient(135deg,var(--accent) 0%,#f59e0b 100%);color:#1a1a1a}.poster-btn:hover:not(:disabled){box-shadow:0 4px 20px #ffd16666}.share-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff}.share-btn:hover:not(:disabled){box-shadow:0 4px 20px var(--glow)}.chat-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.chat-btn:hover:not(:disabled){box-shadow:0 4px 20px #10b98166}.quiz-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.quiz-btn:hover:not(:disabled){box-shadow:0 4px 20px #8b5cf666}.pk-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.pk-btn:hover:not(:disabled){box-shadow:0 4px 20px #f59e0b66}.province-btn{background:linear-gradient(145deg,#fff9f0,#f4e8d1);color:#3d2b1f;border:1px solid #d4c4a8;padding:10px 8px;border-radius:3px;cursor:pointer;font-size:12px;font-family:"Noto Serif SC",serif;transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:4px}.province-btn:hover{transform:translateY(-3px);box-shadow:0 4px 12px #8b451333;background:linear-gradient(145deg,#fff0e0,#f4e0c8);border-color:#8b4513}.province-btn:active{transform:translateY(-1px)}.province-btn.selected{background:linear-gradient(145deg,#f0e0d0,#e8d5b8);border-color:#8b4513;box-shadow:inset 0 0 10px #8b45131a}.province-btn.visited{background:linear-gradient(145deg,#f0e0d0,#e8d5b8);border-color:#8b4513}.province-btn.visited:after{content:"✓";position:absolute;top:3px;right:5px;font-size:10px;color:#8b4513}.province-btn .emoji{font-size:18px;line-height:1}.province-btn .name{font-size:11px;line-height:1.2}.region-group{margin-bottom:20px}.region-label{font-size:.9em;color:#8b4513;font-weight:700;margin-bottom:10px;padding-bottom:5px;border-bottom:1px dashed #d4c4a8;display:flex;align-items:center;gap:8px}.region-label .icon{font-size:1.2em}.province-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}@media(max-width:600px){.province-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}.stats-bar{display:flex;justify-content:space-around;align-items:center;margin-top:20px;padding:18px 12px;border-top:1px solid #d4c4a8;background:linear-gradient(180deg,transparent,rgba(244,232,209,.5));border-radius:0 0 8px 8px;gap:12px}.stat-item{text-align:center;flex:1}.stat-item .stat-value{font-size:1.6em;font-weight:700;color:#8b4513;font-family:ZCOOL XiaoWei,serif;line-height:1.1}.stat-item .stat-label{font-size:.78em;color:#8b7355;margin-top:4px;letter-spacing:.5px}@media(max-width:600px){.stat-item .stat-value{font-size:1.3em}.stat-item .stat-label{font-size:.7em}}.map-view{max-width:1400px;margin:0 auto;padding:24px 20px 80px;position:relative}.map-view-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;flex-wrap:wrap}.map-view-title{font-size:clamp(24px,4vw,36px);font-weight:900;letter-spacing:-1.5px;color:var(--text)}.map-view-sub{font-size:13px;color:var(--text-muted);margin-top:4px}.map-random-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:var(--primary);color:#fff;border:none;border-radius:100px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s;font-family:inherit;box-shadow:0 0 20px var(--glow)}.map-random-btn:hover{transform:translateY(-2px);box-shadow:0 0 40px var(--glow)}.map-stage{background:var(--surface);border-radius:20px;padding:24px;border:1px solid var(--border);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.map-stage:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),#FFD166,#4ECDC4);border-radius:20px 20px 0 0}.map-hint{text-align:center;margin-top:16px;color:var(--text-muted);font-size:.85em}.map-region-section{margin-top:40px}.map-region-title{font-size:20px;font-weight:800;letter-spacing:-.5px;margin-bottom:20px;color:var(--text)}.map-region-list{display:flex;flex-direction:column;gap:24px}.map-detail-drawer{position:fixed;top:0;right:0;width:420px;max-width:90vw;height:100vh;background:var(--surface);border-left:1px solid var(--border);z-index:200;transform:translate(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:-20px 0 60px #0006}.map-detail-drawer.open{transform:translate(0)}.map-drawer-header{display:flex;justify-content:flex-end;padding:16px 20px 0;flex-shrink:0}.map-drawer-close{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:#ffffff0d;color:var(--text);font-size:18px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.map-drawer-close:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:rotate(90deg)}.map-drawer-body{flex:1;overflow-y:auto;padding:8px 24px 24px}.map-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:150;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.map-placeholder{text-align:center;color:var(--text-muted);padding:60px 20px}.map-placeholder-icon{font-size:3.5em;margin-bottom:20px;display:block}.map-placeholder p{line-height:1.8;font-size:1em}@media(max-width:768px){.map-detail-drawer{width:100%;max-width:100%;border-left:none;border-top:1px solid var(--border);height:70vh;top:auto;bottom:0;right:0;transform:translateY(100%);border-radius:20px 20px 0 0}.map-detail-drawer.open{transform:translateY(0)}}.play-view{max-width:1200px;margin:0 auto;padding:60px 24px 80px}.play-header{text-align:center;margin-bottom:48px}.play-eyebrow{font-size:12px;font-weight:500;letter-spacing:4px;text-transform:uppercase;color:var(--primary);margin-bottom:12px}.play-title{font-size:clamp(36px,6vw,64px);font-weight:900;letter-spacing:-2.5px;margin-bottom:16px;color:var(--text)}.play-sub{font-size:15px;color:var(--text-muted);max-width:520px;margin:0 auto;line-height:1.7}.play-ai-warn{display:inline-block;margin-top:20px;padding:10px 20px;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:100px;font-size:13px;color:#ff6b6b}.play-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:32px;flex-wrap:wrap}.play-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--surface);border:1px solid var(--border);border-radius:100px;font-size:13px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .3s;font-family:inherit}.play-tab:hover{color:var(--text);border-color:#fff3}.play-tab.active{color:var(--primary);border-color:var(--primary);background:#ff572214;box-shadow:0 0 20px #ff572226}.play-tab-icon{font-size:16px}.play-card{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:var(--surface);border:1px solid var(--border);border-radius:28px;padding:48px;position:relative;overflow:hidden;min-height:360px}.play-card-left{display:flex;flex-direction:column;justify-content:center}.play-card-icon{font-size:56px;margin-bottom:12px;line-height:1}.play-card-eyebrow{font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--primary);margin-bottom:12px}.play-card-title{font-size:clamp(28px,4vw,40px);font-weight:900;letter-spacing:-1.5px;margin-bottom:16px;color:var(--text)}.play-card-desc{font-size:14px;color:var(--text-muted);line-height:1.8;margin-bottom:24px;max-width:480px}.play-province-select{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;max-width:320px}.play-province-select label{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);font-weight:600}.play-province-select select{padding:10px 14px;background:#ffffff0a;border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:14px;font-family:inherit;cursor:pointer}.play-province-select select:focus{outline:none;border-color:var(--primary)}.play-cta{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:14px 28px;background:var(--primary);color:#fff;border:none;border-radius:100px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s;font-family:inherit;box-shadow:0 0 30px var(--glow)}.play-cta:hover{transform:translateY(-2px);box-shadow:0 0 50px var(--glow)}.play-card-right{position:relative;border-radius:20px;overflow:hidden;background:#0003;display:flex;align-items:center;justify-content:center}.play-card-glow{position:absolute;width:320px;height:320px;border-radius:50%;filter:blur(80px);opacity:.7}.play-card-glow.glow-pk{background:#ff6b6b}.play-card-glow.glow-quiz{background:#4ecdc4}.play-card-glow.glow-chat{background:#aa96da}.play-card-pattern{position:relative;width:70%;height:70%;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.15) 1px,transparent 0);background-size:20px 20px;border-radius:16px;border:1px solid rgba(255,255,255,.08)}@media(max-width:768px){.play-card{grid-template-columns:1fr;padding:32px 24px}.play-card-right{min-height:160px}}.poster-card{width:360px;background:#0f0f0f;border-radius:20px;overflow:hidden;position:relative;font-family:Noto Sans SC,sans-serif;box-shadow:0 20px 60px #00000080}.poster-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(255,107,53,.3) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(0,78,137,.3) 0%,transparent 50%)}.poster-glow{position:absolute;top:50%;left:50%;width:200%;height:200%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,209,102,.1) 0%,transparent 70%);animation:posterGlow 4s ease-in-out infinite}@keyframes posterGlow{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.poster-content{position:relative;padding:40px 32px;z-index:1}.poster-header{text-align:center;margin-bottom:32px}.poster-emoji{font-size:80px;margin-bottom:16px;filter:drop-shadow(0 4px 20px rgba(255,107,53,.5))}.poster-title{font-family:ZCOOL KuaiLe,cursive;font-size:56px;background:linear-gradient(135deg,#fff 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:8px;margin-bottom:8px}.poster-subtitle{font-size:14px;color:var(--text-muted);letter-spacing:6px;text-transform:uppercase}.poster-punchline{text-align:center;margin-bottom:32px;display:flex;align-items:center;justify-content:center;gap:16px}.punchline-dash{color:var(--primary);font-size:20px}.punchline-text{font-size:18px;color:var(--accent);font-weight:600;line-height:1.6}.poster-tags{display:flex;flex-direction:column;gap:12px;margin-bottom:40px}.poster-tag{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s}.poster-tag:hover{background:#ffffff1a;transform:translate(4px)}.poster-tag-index{font-size:12px;color:var(--text-muted);font-weight:600;min-width:24px}.poster-tag-text{font-size:16px;font-weight:500;color:var(--text)}.poster-tag.food{border-left:3px solid var(--food)}.poster-tag.culture{border-left:3px solid var(--culture)}.poster-tag.life{border-left:3px solid var(--life)}.poster-tag.meme{border-left:3px solid var(--meme)}.poster-footer{text-align:center;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.poster-brand{font-size:13px;color:var(--text-muted);letter-spacing:2px;margin-bottom:8px}.poster-qr{font-size:11px;color:#ffffff4d}.poster-modal{max-width:480px}.poster-modal-title{font-size:1.4em;margin-bottom:5px;color:var(--text)}.poster-modal-hint{color:var(--text-muted);font-size:13px;margin-bottom:24px}.poster-preview{background:#0000004d;border-radius:16px;padding:20px;display:flex;justify-content:center;margin-bottom:24px;overflow:hidden;border:1px solid var(--border)}.poster-actions{display:flex;gap:12px}.action-btn.download-btn{flex:1;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.action-btn.download-btn:hover:not(:disabled){box-shadow:0 4px 20px #8b5cf666}.action-btn.copy-text-btn{flex:1;background:#ffffff1a;color:var(--text);border:1px solid var(--border)}.action-btn.copy-text-btn:hover:not(:disabled){background:#ffffff26}.poster-error{color:#ff6b6b;background:#ff6b6b1a;padding:12px;border-radius:8px;margin-top:12px;font-size:13px;text-align:center;border:1px solid rgba(255,107,107,.2)}.ai-view{max-width:1200px;margin:0 auto;padding:60px 24px 80px}.ai-header{text-align:center;margin-bottom:48px}.ai-eyebrow{font-size:12px;font-weight:500;letter-spacing:4px;text-transform:uppercase;color:var(--primary);margin-bottom:12px}.ai-title{font-size:clamp(36px,6vw,64px);font-weight:900;letter-spacing:-2.5px;margin-bottom:16px;color:var(--text)}.ai-sub{font-size:15px;color:var(--text-muted);max-width:520px;margin:0 auto;line-height:1.7}.ai-ai-warn{display:inline-block;margin-top:20px;padding:10px 20px;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:100px;font-size:13px;color:#ff6b6b}.ai-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:32px;flex-wrap:wrap}.ai-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--surface);border:1px solid var(--border);border-radius:100px;font-size:13px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .3s;font-family:inherit}.ai-tab:hover{color:var(--text);border-color:#fff3}.ai-tab.active{color:var(--primary);border-color:var(--primary);background:#ff572214;box-shadow:0 0 20px #ff572226}.ai-tab-icon{font-size:16px}.ai-stage{background:var(--surface);border:1px solid var(--border);border-radius:28px;padding:40px;position:relative;overflow:hidden}.ai-stage:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),#FFD166,#4ECDC4)}.ai-stage-province{display:flex;align-items:center;gap:12px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border)}.ai-stage-province label{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);font-weight:600;white-space:nowrap}.ai-stage-province select{flex:1;max-width:360px;padding:10px 14px;background:#ffffff0a;border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:14px;font-family:inherit;cursor:pointer}.ai-stage-province select:focus{outline:none;border-color:var(--primary)}.ai-stage-card{text-align:center;padding:40px 20px}.ai-stage-icon{font-size:64px;margin-bottom:16px;line-height:1}.ai-stage-eyebrow{font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--primary);margin-bottom:12px}.ai-stage-title{font-size:clamp(28px,4vw,40px);font-weight:900;letter-spacing:-1.5px;margin-bottom:16px;color:var(--text)}.ai-stage-desc{font-size:14px;color:var(--text-muted);line-height:1.8;margin-bottom:28px;max-width:560px;margin-left:auto;margin-right:auto}.ai-stage-cta{display:inline-flex;align-items:center;gap:6px;padding:14px 32px;background:var(--primary);color:#fff;border:none;border-radius:100px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s;font-family:inherit;box-shadow:0 0 30px var(--glow)}.ai-stage-cta:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 50px var(--glow)}.ai-stage-cta:disabled{opacity:.6;cursor:not-allowed}.ai-stage-image{background:radial-gradient(circle at 50% 0%,rgba(78,205,196,.08) 0%,transparent 60%)}.ai-stage-video{background:radial-gradient(circle at 50% 0%,rgba(255,107,107,.08) 0%,transparent 60%)}.ai-stage-poster{background:radial-gradient(circle at 50% 0%,rgba(170,150,218,.08) 0%,transparent 60%)}.cabinet-view{max-width:1200px;margin:0 auto;padding:60px 24px 80px}.cabinet-header{text-align:center;margin-bottom:40px}.cabinet-eyebrow{font-size:12px;font-weight:500;letter-spacing:4px;text-transform:uppercase;color:var(--primary);margin-bottom:12px}.cabinet-title{font-size:clamp(36px,6vw,64px);font-weight:900;letter-spacing:-2.5px;margin-bottom:12px;color:var(--text)}.cabinet-sub{font-size:14px;color:var(--text-muted);line-height:1.7}.cabinet-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.cabinet-stat-card{padding:24px 16px;background:var(--surface);border:1px solid var(--border);border-radius:16px;text-align:center}.stat-num{font-size:32px;font-weight:900;color:var(--primary);line-height:1;margin-bottom:8px;letter-spacing:-1px}.stat-label{font-size:12px;color:var(--text-muted);letter-spacing:1px;font-weight:500}.cabinet-progress{width:100%;height:6px;background:var(--surface);border-radius:100px;overflow:hidden;margin-bottom:48px}.cabinet-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),#FFD166);border-radius:100px;transition:width .6s cubic-bezier(.16,1,.3,1);box-shadow:0 0 20px var(--glow)}.cabinet-section-title{font-size:22px;font-weight:800;letter-spacing:-.5px;margin-bottom:20px;color:var(--text)}.cabinet-codex-list{display:flex;flex-direction:column;gap:32px;margin-bottom:60px}.cabinet-codex-group-title{font-size:14px;font-weight:700;color:var(--text);margin-bottom:12px;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.cabinet-codex-group-count{margin-left:auto;font-size:12px;color:var(--text-muted);font-weight:500;letter-spacing:.5px}.cabinet-codex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.cabinet-codex-card{padding:16px 12px;background:var(--surface);border:1px solid var(--border);border-radius:12px;text-align:center;transition:all .3s}.cabinet-codex-card.locked{opacity:.5;background:#ffffff05}.cabinet-codex-card.unlocked:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 0 20px #ff57221a}.cabinet-codex-emoji{font-size:28px;margin-bottom:6px;line-height:1}.cabinet-codex-name{font-size:13px;font-weight:700;margin-bottom:4px;color:var(--text)}.cabinet-codex-tag{font-size:10px;color:var(--text-muted);letter-spacing:1px}.cabinet-settings{display:flex;flex-direction:column;gap:12px}.cabinet-setting-card{padding:20px 24px;background:var(--surface);border:1px solid var(--border);border-radius:16px}.cabinet-setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.cabinet-setting-name{font-size:14px;font-weight:700;color:var(--text);margin-bottom:4px}.cabinet-setting-desc{font-size:12px;color:var(--text-muted);line-height:1.6}.cabinet-setting-desc code{padding:1px 6px;background:#ffffff0f;border-radius:4px;font-size:11px;color:var(--primary)}.cabinet-setting-btn{padding:8px 18px;background:#ffffff0f;border:1px solid var(--border);border-radius:100px;color:var(--text);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;white-space:nowrap}.cabinet-setting-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.cabinet-setting-btn.danger:hover{background:#ff6b6b;border-color:#ff6b6b;color:#fff}.cabinet-setting-btn.confirming{background:#ff6b6b;border-color:#ff6b6b;color:#fff;animation:pulseWarn 1s ease infinite}@keyframes pulseWarn{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@media(max-width:768px){.cabinet-stats{grid-template-columns:repeat(2,1fr)}.cabinet-setting-row{flex-direction:column;align-items:flex-start}.cabinet-codex-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}}.cat-grid-wrap{width:100%;max-width:1100px;margin:0 auto}.cat-grid-summary{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;border-radius:100px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);font-size:14px;color:var(--text-muted);margin:0 0 28px}.cat-grid-summary-icon{font-size:18px}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.cat-grid-card{display:flex;flex-direction:column;gap:12px;padding:20px;background:var(--surface);border:1px solid rgba(255,255,255,.08);border-radius:18px;cursor:pointer;text-align:left;font-family:inherit;color:var(--text);transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.cat-grid-card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--cat-accent);opacity:.4;transition:opacity .3s,height .3s}.cat-grid-card:hover{transform:translateY(-4px);border-color:var(--cat-accent);box-shadow:0 18px 40px #00000059}.cat-grid-card:hover:before{opacity:1;height:4px}.cat-grid-card.visited{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent)}.cat-grid-card-head{display:flex;align-items:center;gap:10px}.cat-grid-card-emoji{font-size:26px;line-height:1}.cat-grid-card-name{font-size:18px;font-weight:700;flex:1}.cat-grid-card-check{width:22px;height:22px;border-radius:50%;background:var(--cat-accent);color:#000;font-size:12px;font-weight:900;display:inline-flex;align-items:center;justify-content:center}.cat-grid-card-tags{display:flex;flex-direction:column;gap:6px}.cat-grid-card-tag{font-size:13px;color:var(--text-muted);line-height:1.5;padding-left:8px;border-left:2px solid rgba(255,255,255,.08)}.cat-grid-card-more{font-size:12px;color:var(--cat-accent);font-weight:600}.cat-view{width:100%;max-width:1200px;margin:0 auto;padding:40px 24px 80px}.cat-view-header{margin-bottom:32px;text-align:center}.cat-view-eyebrow{font-size:12px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--cat-accent);margin-bottom:12px}.cat-view-title{font-size:clamp(32px,5vw,48px);font-weight:900;letter-spacing:-2px;line-height:1.1;margin-bottom:12px;display:inline-flex;align-items:center;gap:14px}.cat-view-emoji{font-size:clamp(36px,5vw,56px);line-height:1;filter:drop-shadow(0 0 16px var(--cat-accent))}.cat-view-sub{color:var(--text-muted);font-size:15px;max-width:520px;margin:0 auto;line-height:1.6}.codex-view{width:100%;max-width:1100px;margin:0 auto;padding:40px 24px 80px}.codex-header{text-align:center;margin-bottom:32px}.codex-eyebrow{font-size:12px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--primary);margin-bottom:12px}.codex-title{font-size:clamp(32px,5vw,48px);font-weight:900;letter-spacing:-2px;margin-bottom:12px}.codex-sub{color:var(--text-muted);font-size:15px;max-width:520px;margin:0 auto}.codex-search{background:var(--surface);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:20px 24px;margin-bottom:28px;display:flex;flex-direction:column;gap:14px}.codex-search-input{width:100%;padding:12px 16px;background:#0006;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:var(--text);font-size:15px;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.codex-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ff572226}.codex-filter-row{display:flex;flex-wrap:wrap;gap:8px}.codex-filter-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:100px;cursor:pointer;color:var(--text-muted);font-size:13px;font-weight:500;font-family:inherit;transition:all .2s}.codex-filter-chip:hover{color:var(--text);border-color:#ffffff2e}.codex-filter-chip.active{background:#ff57221f;border-color:var(--primary);color:var(--primary)}.codex-count{font-size:12px;color:var(--text-muted)}.codex-count strong{color:var(--primary);font-weight:700}.codex-empty{text-align:center;padding:80px 24px;color:var(--text-muted);font-size:16px}.codex-list{display:flex;flex-direction:column;gap:20px}.codex-group{background:var(--surface);border:1px solid rgba(255,255,255,.06);border-radius:18px;overflow:hidden}.codex-group-head{display:flex;align-items:center;gap:12px;width:100%;padding:16px 20px;background:#ffffff05;border:none;border-bottom:1px solid rgba(255,255,255,.06);cursor:pointer;color:var(--text);font-family:inherit;text-align:left;transition:background .2s}.codex-group-head:hover{background:#ff57220d}.codex-group-emoji{font-size:22px}.codex-group-name{font-size:16px;font-weight:700;flex:1}.codex-group-count{font-size:11px;color:var(--text-muted);background:#ffffff0a;padding:3px 10px;border-radius:100px}.codex-group-arrow{color:var(--primary);font-size:18px;font-weight:700}.codex-entries{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.codex-entry{padding:14px 20px;border-top:1px solid rgba(255,255,255,.04);display:flex;flex-direction:column;gap:6px}.codex-entry:first-child{border-top:none}.codex-entry-type{display:inline-block;width:fit-content;font-size:9px;font-weight:800;letter-spacing:1px;padding:2px 8px;border-radius:100px}.codex-entry.type-food .codex-entry-type{background:#ff6b6b2e;color:#ff6b6b}.codex-entry.type-culture .codex-entry-type{background:#4ecdc42e;color:#4ecdc4}.codex-entry.type-life .codex-entry-type{background:#95e1d32e;color:#95e1d3}.codex-entry.type-meme .codex-entry-type{background:#aa96da2e;color:#aa96da}.codex-entry-text{font-size:15px;font-weight:600;color:var(--text)}.codex-entry-exp{font-size:13px;color:var(--text-muted);line-height:1.6;margin:0}.daily-view{width:100%;max-width:900px;margin:0 auto;padding:40px 24px 80px}.daily-header{text-align:center;margin-bottom:32px}.daily-eyebrow{font-size:12px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--primary);margin-bottom:12px}.daily-title{font-size:clamp(32px,5vw,48px);font-weight:900;letter-spacing:-2px;margin-bottom:12px}.daily-sub{color:var(--text-muted);font-size:15px}.daily-summary{background:var(--surface);border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:20px 24px;margin-bottom:28px}.daily-summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.daily-summary-label{font-size:13px;color:var(--text-muted);letter-spacing:1px}.daily-summary-num{font-size:22px;font-weight:900;color:var(--primary)}.daily-summary-divider{color:var(--text-muted);font-weight:400;font-size:16px;margin:0 4px}.daily-progress{height:8px;background:#ffffff0f;border-radius:100px;overflow:hidden}.daily-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),#FFD166);border-radius:100px;transition:width .4s}.daily-tasks{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.daily-task{display:flex;gap:18px;padding:22px 24px;background:var(--surface);border:1px solid rgba(255,255,255,.06);border-radius:18px;transition:border-color .3s,background .3s}.daily-task:hover{border-color:#ff57224d}.daily-task.done{background:linear-gradient(180deg,rgba(78,205,196,.05),transparent);border-color:#4ecdc44d}.daily-task-icon{font-size:38px;line-height:1;flex-shrink:0;filter:drop-shadow(0 0 12px rgba(255,87,34,.4))}.daily-task-body{flex:1;display:flex;flex-direction:column;gap:8px}.daily-task-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.daily-task-title{font-size:16px;font-weight:700;margin:0}.daily-task-reward{font-size:12px;font-weight:700;color:#ffd166;background:#ffd1661f;padding:3px 10px;border-radius:100px;white-space:nowrap}.daily-task-desc{font-size:13px;color:var(--text-muted);margin:0}.daily-task-progress{display:flex;align-items:center;gap:10px}.daily-task-progress-bar{flex:1;height:6px;background:#ffffff0f;border-radius:100px;overflow:hidden}.daily-task-progress-fill{height:100%;background:var(--primary);border-radius:100px;transition:width .4s}.daily-task.done .daily-task-progress-fill{background:#4ecdc4}.daily-task-progress-num{font-size:12px;font-weight:600;color:var(--text-muted);white-space:nowrap}.daily-task-go{align-self:flex-start;padding:7px 16px;border-radius:100px;background:#ff57221f;border:1px solid var(--primary);color:var(--primary);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s;margin-top:4px}.daily-task-go:hover:not(:disabled){background:var(--primary);color:#fff}.daily-task-go:disabled{background:#4ecdc41f;border-color:#4ecdc4;color:#4ecdc4;cursor:not-allowed}.daily-claim{text-align:center}.daily-claim-btn{padding:14px 36px;font-size:15px;font-weight:700;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:100px;color:var(--text-muted);cursor:not-allowed;font-family:inherit;transition:all .3s}.daily-claim-btn.ready{background:linear-gradient(90deg,var(--primary),#FFD166);color:#000;border-color:transparent;cursor:pointer;box-shadow:0 8px 30px #ff572266}.daily-claim-btn.ready:hover{transform:translateY(-2px);box-shadow:0 12px 40px #ff572280}.rank-view{width:100%;max-width:900px;margin:0 auto;padding:40px 24px 80px}.rank-header{text-align:center;margin-bottom:32px}.rank-eyebrow{font-size:12px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--primary);margin-bottom:12px}.rank-title{font-size:clamp(32px,5vw,48px);font-weight:900;letter-spacing:-2px;margin-bottom:12px}.rank-sub{color:var(--text-muted);font-size:15px}.rank-tabs{display:flex;gap:6px;background:var(--surface);border:1px solid rgba(255,255,255,.06);border-radius:100px;padding:6px;margin:0 auto 28px;width:fit-content}.rank-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:transparent;border:none;border-radius:100px;cursor:pointer;color:var(--text-muted);font-size:13px;font-weight:600;font-family:inherit;transition:all .2s}.rank-tab:hover{color:var(--text)}.rank-tab.active{background:var(--primary);color:#fff;box-shadow:0 4px 16px #ff572266}.rank-section{background:var(--surface);border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:24px 28px}.rank-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.rank-section-head h2{font-size:18px;font-weight:700;margin:0}.rank-section-hint{font-size:12px;color:var(--text-muted)}.rank-list{display:flex;flex-direction:column;gap:10px}.rank-row{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:14px;transition:border-color .2s}.rank-row:hover{border-color:#ff57224d}.rank-row.top{background:linear-gradient(90deg,rgba(255,87,34,.08),transparent);border-color:#ff57224d}.rank-rank{font-size:13px;font-weight:900;color:var(--text-muted);width:32px}.rank-row.top .rank-rank{color:var(--primary);font-size:16px}.rank-icon{font-size:20px}.rank-name{font-size:15px;font-weight:600;flex:0 0 110px}.rank-progress{flex:1;height:8px;background:#ffffff0f;border-radius:100px;overflow:hidden;margin:0 8px}.rank-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),#FFD166);border-radius:100px;transition:width .4s}.rank-stat{font-size:14px;font-weight:700;color:var(--text);min-width:60px;text-align:right}.rank-stat-divider{color:var(--text-muted);font-weight:400;margin:0 3px}.rank-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.rank-stat-card{padding:24px 16px;border-radius:16px;text-align:center;border:1px solid rgba(255,255,255,.06);background:#ffffff05}.rank-stat-card.win{border-color:#4ecdc44d;background:linear-gradient(180deg,rgba(78,205,196,.08),transparent)}.rank-stat-card.lose{border-color:#ff6b6b4d;background:linear-gradient(180deg,rgba(255,107,107,.08),transparent)}.rank-stat-card.rate{border-color:#ff57224d;background:linear-gradient(180deg,rgba(255,87,34,.08),transparent)}.rank-stat-card-num{font-size:32px;font-weight:900;letter-spacing:-1px;line-height:1;margin-bottom:8px}.rank-stat-card.win .rank-stat-card-num{color:#4ecdc4}.rank-stat-card.lose .rank-stat-card-num{color:#ff6b6b}.rank-stat-card.total .rank-stat-card-num{color:var(--text)}.rank-stat-card.rate .rank-stat-card-num{color:var(--primary)}.rank-stat-card-label{font-size:12px;color:var(--text-muted);letter-spacing:1px}.rank-empty{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:14px}.ach-view{width:100%;max-width:1000px;margin:0 auto;padding:40px 24px 80px}.ach-header{text-align:center;margin-bottom:32px}.ach-eyebrow{font-size:12px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--primary);margin-bottom:12px}.ach-title{font-size:clamp(32px,5vw,48px);font-weight:900;letter-spacing:-2px;margin-bottom:12px}.ach-sub{color:var(--text-muted);font-size:15px}.ach-summary{background:var(--surface);border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:20px 24px;margin-bottom:28px;display:flex;align-items:center;gap:18px}.ach-summary-num{font-size:28px;font-weight:900;color:var(--primary);white-space:nowrap}.ach-summary-divider{color:var(--text-muted);font-weight:400;font-size:18px;margin:0 4px}.ach-summary-bar{flex:1;height:8px;background:#ffffff0f;border-radius:100px;overflow:hidden}.ach-summary-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),#FFD166);border-radius:100px;transition:width .4s}.ach-summary-hint{font-size:12px;color:var(--text-muted);white-space:nowrap}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.ach-card{position:relative;display:flex;gap:14px;padding:18px 20px;background:var(--surface);border:1px solid rgba(255,255,255,.06);border-radius:16px;transition:all .3s}.ach-card.unlocked{border-color:#ff57224d;background:linear-gradient(180deg,rgba(255,87,34,.05),transparent)}.ach-card.locked{opacity:.55}.ach-card-icon{font-size:32px;line-height:1;flex-shrink:0;align-self:center;filter:grayscale(var(--gray, 0%))}.ach-card.locked .ach-card-icon{--gray: 80%;filter:grayscale(80%) brightness(.6)}.ach-card.unlocked .ach-card-icon{filter:drop-shadow(0 0 10px rgba(255,87,34,.5))}.ach-card-body{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.ach-card-title{font-size:15px;font-weight:700;margin:0}.ach-card-desc{font-size:12px;color:var(--text-muted);margin:0;line-height:1.5}.ach-card-hint{font-size:11px;color:#ff5722b3;margin-top:2px}.ach-card-badge{position:absolute;top:12px;right:12px;font-size:9px;font-weight:800;letter-spacing:1px;color:var(--primary);background:#ff57221f;padding:2px 8px;border-radius:100px}.cold-view{max-width:800px;margin:0 auto;padding:24px 16px 80px}.cold-header{text-align:center;margin-bottom:32px}.cold-eyebrow{font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--primary);margin-bottom:8px}.cold-title{font-size:28px;font-weight:800;margin:0 0 8px;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cold-sub{font-size:14px;color:#fff9;margin:0}.cold-ai-warn{margin-top:12px;padding:10px 16px;background:#ffc10726;border:1px solid rgba(255,193,7,.3);border-radius:8px;font-size:13px;color:#ffc107}.cold-selector{display:flex;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.cold-select-label{font-size:14px;font-weight:600;color:#fffc}.cold-select{flex:1;min-width:150px;padding:10px 14px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s}.cold-select:hover{border-color:var(--primary)}.cold-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #ff572233}.cold-select option{background:#1a1a2e;color:#fff}.cold-generate-btn{padding:10px 20px;background:linear-gradient(135deg,var(--primary),var(--accent));border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.cold-generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ff572266}.cold-generate-btn:disabled{opacity:.5;cursor:not-allowed}.cold-result{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px}.cold-result-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.cold-result-emoji{font-size:36px}.cold-result-title{font-size:20px;font-weight:700;margin:0;color:#fff}.cold-list{display:flex;flex-direction:column;gap:12px}.cold-item{display:flex;gap:12px;padding:14px 16px;background:#ffffff0d;border-radius:10px;transition:all .2s}.cold-item:hover{background:#ff57221a;transform:translate(4px)}.cold-item-num{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:50%;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.cold-item-text{margin:0;font-size:14px;line-height:1.6;color:#ffffffd9}.cold-placeholder{text-align:center;padding:48px 24px;color:#fff6}.cold-placeholder-icon{font-size:48px;display:block;margin-bottom:16px}.cold-placeholder p{margin:0;font-size:14px}@media(max-width:600px){.cold-selector{flex-direction:column;align-items:stretch}.cold-select{min-width:auto}}.cp-view{max-width:800px;margin:0 auto;padding:24px 16px 80px}.cp-header{text-align:center;margin-bottom:32px}.cp-eyebrow{font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--primary);margin-bottom:8px}.cp-title{font-size:28px;font-weight:800;margin:0 0 8px;background:linear-gradient(135deg,#ff6b9d,#c44569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cp-sub{font-size:14px;color:#fff9;margin:0}.cp-ai-warn{margin-top:12px;padding:10px 16px;background:#ffc10726;border:1px solid rgba(255,193,7,.3);border-radius:8px;font-size:13px;color:#ffc107}.cp-selector{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.cp-select-group{display:flex;flex-direction:column;gap:6px;min-width:150px}.cp-select-label{font-size:13px;font-weight:600;color:#ffffffb3}.cp-select{padding:12px 14px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.cp-select:hover{border-color:#ff6b9d}.cp-select:focus{outline:none;border-color:#ff6b9d;box-shadow:0 0 0 3px #ff6b9d33}.cp-select option{background:#1a1a2e;color:#fff}.cp-vs{font-size:18px;font-weight:800;color:#ff6b9d;padding-top:20px}.cp-actions{display:flex;justify-content:center;gap:12px;margin-bottom:24px}.cp-random-btn{padding:12px 24px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.cp-random-btn:hover{background:#ffffff26}.cp-generate-btn{padding:12px 28px;background:linear-gradient(135deg,#ff6b9d,#c44569);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.cp-generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #ff6b9d66}.cp-generate-btn:disabled{opacity:.5;cursor:not-allowed}.cp-result{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:28px;animation:fadeIn .4s ease}.cp-result-header{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:24px}.cp-province-badge{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 24px;background:#ffffff14;border-radius:16px;min-width:100px}.cp-province-emoji{font-size:40px}.cp-province-name{font-size:16px;font-weight:700;color:#fff}.cp-heart{font-size:32px;animation:heartbeat 1.2s infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.cp-score-section{text-align:center;margin-bottom:28px}.cp-score-circle{width:100px;height:100px;border:4px solid;border-radius:50%;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;background:#0000004d;margin-bottom:12px}.cp-score-num{font-size:32px;font-weight:800;color:#fff;line-height:1}.cp-score-label{font-size:11px;color:#fff9;margin-top:4px}.cp-title-text{font-size:22px;font-weight:700;margin:0;background:linear-gradient(135deg,#ff6b9d,#c44569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cp-details{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.cp-detail-item{display:flex;gap:14px;padding:16px;background:#ffffff0d;border-radius:12px}.cp-detail-icon{font-size:24px;flex-shrink:0}.cp-detail-title{font-size:14px;font-weight:600;margin:0 0 6px;color:#ffffffe6}.cp-detail-text{font-size:13px;margin:0;line-height:1.6;color:#ffffffb3}.cp-quote{text-align:center;padding:20px;background:#ff6b9d1a;border-radius:12px}.cp-quote-mark{font-size:28px;color:#ff6b9d;line-height:1}.cp-quote-text{font-size:16px;font-style:italic;margin:8px 0;color:#ffffffe6}.cp-placeholder{text-align:center;padding:48px 24px;color:#fff6}.cp-placeholder-icon{font-size:48px;display:block;margin-bottom:16px}.cp-placeholder p{margin:0;font-size:14px}@media(max-width:600px){.cp-selector{flex-direction:column}.cp-vs{padding-top:0}.cp-select-group{width:100%}.cp-province-badge{padding:12px 16px;min-width:80px}.cp-province-emoji{font-size:32px}}.personality-view{max-width:800px;margin:0 auto;padding:24px 16px 80px}.personality-header{text-align:center;margin-bottom:32px}.personality-eyebrow{font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--primary);margin-bottom:8px}.personality-title{font-size:28px;font-weight:800;margin:0 0 8px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.personality-sub{font-size:14px;color:#fff9;margin:0}.personality-ai-warn{margin-top:12px;padding:10px 16px;background:#ffc10726;border:1px solid rgba(255,193,7,.3);border-radius:8px;font-size:13px;color:#ffc107}.personality-start{text-align:center;padding:48px 24px;background:#ffffff0d;border-radius:20px}.personality-start-icon{font-size:64px;margin-bottom:16px}.personality-start-desc{font-size:14px;color:#ffffffb3;line-height:1.8;margin:0 0 24px}.personality-start-btn{padding:14px 32px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.personality-start-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #667eea66}.personality-start-btn:disabled{opacity:.5;cursor:not-allowed}.personality-quiz{position:relative}.personality-progress{position:relative;height:8px;background:#ffffff1a;border-radius:4px;margin-bottom:32px;overflow:hidden}.personality-progress-bar{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease}.personality-progress-text{position:absolute;right:0;top:12px;font-size:12px;color:#ffffff80}.personality-question{text-align:center}.personality-q-text{font-size:22px;font-weight:700;margin:0 0 28px;color:#fff}.personality-options{display:flex;flex-direction:column;gap:12px;max-width:500px;margin:0 auto}.personality-option{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#ffffff14;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s;text-align:left}.personality-option:hover{background:#667eea26;border-color:#667eea80;transform:translate(4px)}.personality-option-letter{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff1a;border-radius:50%;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.personality-option-text{font-size:15px;color:#ffffffe6}.personality-loading{text-align:center;padding:48px}.personality-loading-icon{font-size:48px;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.personality-loading p{font-size:14px;color:#fff9;margin:12px 0 0}.personality-result{text-align:center;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.personality-result-header{margin-bottom:20px}.personality-result-emoji{font-size:64px;display:block;margin-bottom:12px}.personality-result-title{font-size:24px;font-weight:700;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.personality-result-score{margin-bottom:20px}.personality-score-circle{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:100px;height:100px;border:4px solid #667eea;border-radius:50%;background:#0000004d}.personality-score-num{font-size:32px;font-weight:800;color:#fff;line-height:1}.personality-score-label{font-size:11px;color:#fff9;margin-top:4px}.personality-result-province{margin-bottom:16px}.personality-province-label{display:block;font-size:13px;color:#ffffff80;margin-bottom:4px}.personality-province-name{font-size:28px;font-weight:800;color:#fff}.personality-result-desc{font-size:15px;line-height:1.7;color:#fffc;max-width:500px;margin:0 auto 24px}.personality-traits{margin-bottom:28px}.personality-traits-label{display:block;font-size:13px;color:#ffffff80;margin-bottom:10px}.personality-trait-list{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.personality-trait{padding:6px 16px;background:#667eea33;border:1px solid rgba(102,126,234,.4);border-radius:20px;font-size:13px;color:#667eea}.personality-result-actions{display:flex;justify-content:center}.personality-restart-btn{padding:12px 24px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.personality-restart-btn:hover{background:#ffffff26}@media(max-width:600px){.personality-option{padding:14px 16px}.personality-option-letter{width:28px;height:28px;font-size:12px}.personality-option-text{font-size:14px}}