.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 30% 40%,#1a0e00,#0a0500,#000);overflow:hidden;transition:opacity .8s ease,visibility .8s ease}.auth-hidden{opacity:0;visibility:hidden;pointer-events:none}.auth-poetry-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;display:flex;align-items:center;justify-content:center}.poetry-bg-landscape{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 40% at 50% -10%,rgba(212,160,23,.25) 0%,rgba(139,90,20,.08) 50%,transparent 80%),radial-gradient(circle at 12% 45%,rgba(230,175,46,.16) 0%,transparent 55%),radial-gradient(circle at 88% 45%,rgba(212,150,20,.16) 0%,transparent 55%),radial-gradient(ellipse 90% 45% at 50% 105%,#b4640f47,#0f0802f2 70%);pointer-events:none}.poetry-3d-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;perspective:1400px;perspective-origin:50% 50%;pointer-events:none;mask-image:linear-gradient(to bottom,transparent 0%,black 2%,black 98%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 2%,black 98%,transparent 100%)}.poetry-scroll-pillar{position:absolute;left:50%;top:50%;width:148px;margin-left:-74px;margin-top:-205px;display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;pointer-events:none;transform-style:preserve-3d;will-change:transform,opacity}.poetry-bamboo-slate{width:100%;background:linear-gradient(180deg,#201205a6,#100902d1 40%,#180d03b3);border:1px solid rgba(212,160,23,.42);border-top:2px solid rgba(246,205,75,.85);border-bottom:2px solid rgba(246,205,75,.85);border-radius:9px;box-shadow:0 10px 36px #000000e0,inset 0 0 24px #b4781426,0 0 1px 1px #f6cd4b40;padding:18px 16px 15px;display:flex;flex-direction:column;align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.slate-top-rim{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-bottom:11px}.slate-head-star{color:#fed778;font-size:.95rem;text-shadow:0 0 8px #f5af19}.slate-tether-dot{width:5px;height:5px;border-radius:50%;background:#c68a18;box-shadow:0 0 6px #f0b830}.slate-couplet-body{display:flex;flex-direction:row-reverse;gap:20px;align-items:flex-start;justify-content:center;padding:6px 4px}.slate-line{writing-mode:vertical-rl;text-orientation:upright;font-family:Ma Shan Zheng,"Noto Serif SC",STKaiti,KaiTi,cursive,serif;font-size:2.25rem;letter-spacing:.32em;line-height:1.25;white-space:nowrap;background:linear-gradient(180deg,#fffcf2,#fedb82 30%,#f3ae20 70%,#b87708);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 16px rgba(243,174,32,.7)) drop-shadow(0 2px 5px rgba(0,0,0,.95))}.slate-line.line-first{opacity:.98}.slate-line.line-second{opacity:.92;margin-top:.9rem}.slate-bottom-meta{width:100%;margin-top:13px;display:flex;flex-direction:column;align-items:center;gap:8px}.slate-gold-line{width:86%;height:1px;background:linear-gradient(90deg,transparent,rgba(240,185,45,.55),transparent)}.slate-author-wrap{display:flex;align-items:center;justify-content:center;gap:8px}.slate-author{font-family:"Noto Serif SC",serif;font-size:.86rem;color:#e5ba6a;letter-spacing:.16em;text-shadow:0 1px 4px rgba(0,0,0,.9)}.slate-seal{padding:3px 6px;font-size:.74rem;font-family:"Noto Serif SC",serif;letter-spacing:.08em;border-radius:3px;box-shadow:0 0 10px #000000e6}.slate-seal.seal-gold{background:#b98719f2;border:1px solid rgba(255,225,130,.85);color:#fff9ed;box-shadow:0 0 12px #f5b923a6,inset 0 0 5px #ffffd266}.slate-seal.seal-red{background:#a51914f2;border:1px solid rgba(255,145,125,.8);color:#ffeed8;box-shadow:0 0 12px #d22319a6}.trajectory-mode-selector{position:fixed;top:24px;right:28px;z-index:100002;display:flex;flex-direction:column;align-items:flex-end;gap:8px;-webkit-user-select:none;user-select:none;pointer-events:auto;animation:fadeInDown .6s cubic-bezier(.16,1,.3,1)}.mode-header{display:flex;align-items:center;gap:6px;padding-right:6px}.mode-icon{color:#fed778;font-size:.85rem;text-shadow:0 0 8px rgba(245,175,25,.8)}.mode-title{font-family:Ma Shan Zheng,STKaiti,cursive,serif;font-size:1.05rem;letter-spacing:2px;color:#fff4d2;text-shadow:0 0 12px rgba(245,175,25,.7)}.mode-badge{font-family:"Noto Serif SC",serif;font-size:.68rem;padding:1px 6px;border-radius:10px;background:#d4a01740;border:1px solid rgba(246,205,75,.4);color:#fed778;letter-spacing:1px}.mode-buttons{display:flex;gap:8px;background:#120b04e0;padding:6px 8px;border-radius:30px;border:1px solid rgba(212,160,23,.5);box-shadow:0 10px 30px #000000bf,inset 0 0 16px #d4a01733;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.mode-btn{background:transparent;border:1px solid transparent;color:#dfd2be;font-family:"Noto Serif SC",serif;font-size:.85rem;letter-spacing:1px;padding:6px 14px;border-radius:20px;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);white-space:nowrap}.mode-btn:hover{color:#fed778;background:#d4a01733;border-color:#d4a01773;transform:translateY(-1px)}.mode-btn.active{color:#1f1103;font-weight:700;background:linear-gradient(135deg,#fed778,#d49f17);border-color:#fff4cc;box-shadow:0 0 16px #f5af19bf;transform:translateY(-1px)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 1600px),(min-height: 960px){.poetry-scroll-pillar{width:215px;margin-left:-107.5px;margin-top:-285px}.poetry-bamboo-slate{padding:28px 24px 24px;border-radius:14px;box-shadow:0 18px 56px #000000eb,inset 0 0 36px #b4781433,0 0 1px 1px #f6cd4b59}.slate-line{font-size:3.35rem;letter-spacing:.38em;line-height:1.28}.slate-line.line-second{margin-top:1.25rem}.slate-couplet-body{gap:36px;padding:10px 8px}.slate-author{font-size:1.15rem}.slate-seal{font-size:.95rem;padding:4px 9px}.mode-btn{font-size:.92rem;padding:8px 18px}.mode-title{font-size:1.1rem}}@media (max-width: 1200px){.slate-line{font-size:1.85rem;letter-spacing:.28em}.slate-couplet-body{gap:16px}.poetry-scroll-pillar{width:120px;margin-left:-60px}}@media (max-width: 768px){.slate-line{font-size:1.45rem;letter-spacing:.22em}.poetry-scroll-pillar{width:100px;margin-left:-50px}.slate-couplet-body{gap:10px}.poetry-bamboo-slate{padding:12px 10px}.trajectory-mode-selector{top:12px;right:12px;scale:.85;transform-origin:top right}}.auth-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 20% 50%,rgba(180,120,10,.12) 0%,transparent 70%),radial-gradient(ellipse 40% 60% at 80% 30%,rgba(212,160,23,.08) 0%,transparent 70%),radial-gradient(ellipse 30% 40% at 60% 80%,rgba(139,90,20,.1) 0%,transparent 70%);pointer-events:none;animation:glowPulse 6s ease-in-out infinite alternate}@keyframes glowPulse{0%{opacity:.6}to{opacity:1}}.auth-card{position:relative;z-index:10;width:min(440px,92vw);background:#0a0602eb;backdrop-filter:blur(36px) saturate(180%);-webkit-backdrop-filter:blur(36px) saturate(180%);border:1px solid rgba(180,130,20,.45);border-radius:20px;padding:36px 36px 28px;box-shadow:0 0 0 1px #d4a0171f,0 4px 60px #000c,inset 0 1px #d4a01733,0 0 80px #8b5a0a26;animation:cardAppear .9s cubic-bezier(.16,1,.3,1) both}@keyframes cardAppear{0%{opacity:0;transform:translateY(32px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-card:before{content:"";position:absolute;top:0;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,#d4a017,#ffe88a,#d4a017,transparent);border-radius:2px;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.6}50%{opacity:1}}.auth-logo{text-align:center;margin-bottom:28px}.auth-logo-title{font-family:Ma Shan Zheng,cursive;font-size:2.8rem;letter-spacing:14px;color:#d4a017;text-shadow:0 0 20px rgba(212,160,23,.6),0 0 40px rgba(212,160,23,.3);line-height:1.1;animation:logoGlow 3s ease-in-out infinite alternate}@keyframes logoGlow{0%{text-shadow:0 0 20px rgba(212,160,23,.5),0 0 40px rgba(212,160,23,.2)}to{text-shadow:0 0 30px rgba(212,160,23,.9),0 0 60px rgba(212,160,23,.5),0 0 90px rgba(180,120,10,.3)}}.auth-logo-sub{font-size:.72rem;color:#8b6914;letter-spacing:4px;margin-top:6px;opacity:.85}.auth-panel{display:block}.auth-panel-hidden{display:none!important}.auth-panel-title{font-family:Ma Shan Zheng,cursive;font-size:1.25rem;color:#e8c870;text-align:center;letter-spacing:6px;margin:0 0 6px}.auth-panel-desc{font-size:.8rem;color:#7a6040;text-align:center;margin:0 0 20px;letter-spacing:1px}.auth-field{margin-bottom:14px}.auth-label{display:block;font-size:.75rem;color:#8b6914;letter-spacing:3px;margin-bottom:6px}.auth-input{width:100%;box-sizing:border-box;background:#1e1204cc;border:1px solid rgba(139,105,20,.4);border-radius:8px;padding:11px 14px;color:#e8d5a0;font-size:.9rem;font-family:"Noto Serif SC",serif;outline:none;transition:border-color .25s,box-shadow .25s,background .25s}.auth-input::placeholder{color:#4a3520}.auth-input:focus{border-color:#d4a017b3;background:#281805e6;box-shadow:0 0 0 3px #d4a0171f,inset 0 1px 3px #0006}.auth-input-code{font-size:1.5rem;text-align:center;letter-spacing:10px;font-weight:700;color:#d4a017}.auth-input-row{display:flex;gap:8px;align-items:stretch}.auth-input-row .auth-input{flex:1;min-width:0}.auth-btn{width:100%;padding:12px 20px;border:none;border-radius:10px;font-family:"Noto Serif SC",serif;font-size:.95rem;font-weight:600;letter-spacing:3px;cursor:pointer;transition:all .25s;margin-top:10px;position:relative;overflow:hidden}.auth-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.07) 0%,transparent 60%);pointer-events:none}.auth-btn-primary{background:linear-gradient(135deg,#8b6914,#d4a017,#b8880f);color:#0a0500;box-shadow:0 2px 16px #d4a0174d,inset 0 1px #ffe6644d}.auth-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#a07a1a,#e8b820,#c89910);box-shadow:0 4px 24px #d4a01780,inset 0 1px #ffe66466;transform:translateY(-1px)}.auth-btn-primary:active:not(:disabled){transform:translateY(0)}.auth-btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.auth-btn-secondary{background:#322008e6;color:#d4a017;border:1px solid rgba(212,160,23,.4);width:auto;white-space:nowrap;flex-shrink:0;font-size:.78rem;padding:0 14px;margin-top:0;letter-spacing:1px}.auth-btn-secondary:hover:not(:disabled){background:#50340ce6;border-color:#d4a017b3}.auth-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.auth-btn-ghost{background:transparent;color:#7a6040;border:1px solid rgba(122,96,64,.3);font-size:.82rem;margin-top:8px;letter-spacing:2px}.auth-btn-ghost:hover{color:#a08050;border-color:#a0805080}.auth-msg{font-size:.8rem;padding:9px 14px;border-radius:7px;margin:10px 0 4px;text-align:center;letter-spacing:1px;display:none;animation:msgFade .3s ease}@keyframes msgFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.auth-msg-error{background:#78141466;border:1px solid rgba(200,60,60,.4);color:#f08080;display:block}.auth-msg-success{background:#14501466;border:1px solid rgba(60,160,60,.4);color:#80d080;display:block}.auth-msg-info{background:#14325066;border:1px solid rgba(60,120,200,.4);color:#80b0e0;display:block}.auth-link-text{text-align:center;font-size:.78rem;color:#5a4525;margin:12px 0 0;letter-spacing:1px}.auth-link{color:#c8980a;text-decoration:none;border-bottom:1px solid rgba(200,152,10,.3);transition:color .2s,border-color .2s}.auth-link:hover{color:#e8b820;border-bottom-color:#e8b82099}.auth-footer-verse{text-align:center;font-size:.68rem;color:#3a2a10;letter-spacing:3px;margin-top:24px;padding-top:16px;border-top:1px solid rgba(100,70,20,.2);font-family:Ma Shan Zheng,cursive}:root{--font-serif: "Noto Serif SC", "Songti SC", SimSun, serif;--font-calligraphy: "Ma Shan Zheng", cursive, serif;--color-bg-deep: #1a120b;--color-bg-surface: rgba(20, 12, 6, .88);--color-bg-surface-elevated: rgba(28, 18, 9, .94);--color-gold-primary: #d4af5f;--color-gold-bright: #fed778;--color-gold-dark: #8f682d;--color-text-primary: #fff4d2;--color-text-secondary: #b8a888;--color-text-muted: #8b7964;--color-accent-seal: #a83232;--color-tang-ink: #1f1103;--color-accent-jade: #4fa794;--color-tang-gold: var(--color-gold-primary);--color-tang-gold-bright: var(--color-gold-bright);--color-tang-jade: var(--color-accent-jade);--color-tang-red: var(--color-accent-seal);--border-gold-subtle: 1px solid rgba(212, 160, 23, .38);--border-gold-bright: 1px solid rgba(246, 205, 75, .75);--shadow-gold-glow: 0 0 16px rgba(245, 175, 25, .25);--shadow-elevation: 0 16px 48px rgba(0, 0, 0, .85), 0 0 30px rgba(212, 160, 23, .15);--glass-blur: blur(16px);--transition-smooth: all .25s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 50% 50%,#2a1c10,#1a120b);font-family:var(--font-serif);color:var(--color-text-primary);cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M4 4 L18 16 L12 18 L16 26 L12 28 L8 20 L4 24 Z' fill='%23fed778' stroke='%23201205' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='18' r='2' fill='%23fff'/%3E%3C/svg%3E") 4 4,auto}#game-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}body.cursor-locked,body.cursor-locked #game-container{cursor:none!important}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.store-welcome-toast{position:absolute;top:76px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:10px 24px;background:var(--color-bg-surface);border:var(--border-gold-bright);border-radius:30px;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-elevation);z-index:20;pointer-events:none;animation:toastFadeIn .4s ease-out;transition:opacity .4s,transform .4s}.store-welcome-toast.hidden{opacity:0;transform:translate(-50%) translateY(-20px)}.store-welcome-toast .store-icon{font-size:1.3rem;filter:drop-shadow(0 0 6px rgba(245,175,25,.4))}.store-welcome-toast .store-msg{font-family:var(--font-serif);font-size:1.05rem;font-weight:600;color:var(--color-gold-bright);letter-spacing:2px;text-shadow:0 2px 6px rgba(0,0,0,.9)}@keyframes toastFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tang-player-panel{position:absolute;top:20px;left:24px;z-index:20;width:260px;background:linear-gradient(180deg,#201610eb,#120c09f0);border:2px solid #b88628;border-radius:10px 10px 18px 18px;box-shadow:0 8px 30px #000c,inset 0 0 15px #d4af3726;pointer-events:auto;-webkit-user-select:none;user-select:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .3s ease,box-shadow .3s ease}.tang-player-panel:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:1px solid rgba(245,215,123,.28);border-radius:8px 8px 16px 16px;pointer-events:none}.tang-player-panel:after{content:"";position:absolute;bottom:-9px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:9px solid #b88628;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}.player-panel-inner{display:flex;align-items:center;padding:12px 14px 14px;gap:12px}.tang-avatar-wrap{position:relative;width:64px;height:64px;flex-shrink:0}.tang-avatar-wrap .avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #e8c772;box-shadow:0 0 12px #e8c77266,inset 0 0 6px #0009}.tang-avatar-wrap .avatar-border-ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:1px dashed rgba(245,215,123,.5);pointer-events:none;animation:ringRotate 25s linear infinite}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.player-details{flex:1;min-width:0}.name-row{margin-bottom:3px}.name-row .name-text{font-family:var(--font-calligraphy);font-size:1.32rem;color:#fff4d2;letter-spacing:2px;text-shadow:0 0 10px rgba(245,175,25,.6),0 2px 4px #000}.attr-row{font-family:var(--font-serif);font-size:.78rem;line-height:1.35;color:#cfbfab}.attr-row .attr-label{color:#9f8c77}.attr-row .attr-val{color:#fed778;font-weight:500}.status-bars-group{margin-top:6px;display:flex;flex-direction:column;gap:4px}.bar-wrap{display:flex;align-items:center;gap:6px}.bar-wrap .bar-icon{font-size:.72rem;width:14px;text-align:center;line-height:1}.bar-wrap .bar-track{flex:1;height:6px;background:#0009;border:1px solid rgba(255,255,255,.12);border-radius:3px;overflow:hidden;box-shadow:inset 0 1px 3px #000c}.bar-wrap .bar-fill{height:100%;border-radius:2px;transition:width .4s cubic-bezier(.16,1,.3,1)}.bar-fill.fill-blue{background:linear-gradient(90deg,#1e6bb8,#3ea5f5);box-shadow:0 0 8px #3ea5f599}.bar-fill.fill-red{background:linear-gradient(90deg,#a8241c,#e8453c);box-shadow:0 0 8px #e8453c99}.tang-quest-panel{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:20;background:linear-gradient(180deg,#1c140feb,#100b08f2);border:1.5px solid #d4af37;border-radius:8px;padding:8px 24px 8px 20px;box-shadow:0 8px 26px #000c,inset 0 0 12px #d4af371f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:auto;-webkit-user-select:none;user-select:none;min-width:280px;text-align:center;transition:transform .3s ease}.tang-quest-panel:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:1px solid rgba(245,215,123,.25);border-radius:6px;pointer-events:none}.quest-main-line{font-family:var(--font-serif);font-size:.96rem;font-weight:600;color:#f7df96;letter-spacing:1.5px;text-shadow:0 0 8px rgba(247,223,150,.4),0 1px 3px #000;margin-bottom:2px}.quest-sub-line{font-family:var(--font-serif);font-size:.8rem;color:#cfbfab;display:flex;align-items:center;justify-content:center;gap:6px}.sub-diamond{color:#fed778;font-size:.68rem;text-shadow:0 0 6px rgba(254,215,120,.8)}.tang-resource-panel{position:absolute;top:20px;right:24px;z-index:20;width:148px;background:linear-gradient(180deg,#d8bc88,#be9f6a);border:2px solid #825424;border-radius:10px;padding:10px 12px;box-shadow:0 8px 30px #000000bf,inset 0 0 10px #6e461940;pointer-events:auto;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;gap:8px}.tang-resource-panel:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:1px solid rgba(255,240,200,.4);border-radius:7px;pointer-events:none}.res-item{display:flex;align-items:center;gap:6px;font-family:var(--font-serif);font-size:.88rem;color:#3b200b;font-weight:600;border-bottom:1px dashed rgba(130,84,36,.35);padding-bottom:4px}.res-coin-icon{font-size:1.05rem}.res-label{color:#523113;letter-spacing:1px}.res-num{margin-left:auto;color:#281403;font-weight:700;font-size:.95rem}.res-btn{width:100%;padding:5px 0;border-radius:6px;font-family:var(--font-serif);font-size:.86rem;font-weight:600;letter-spacing:2px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.res-btn.btn-map{background:linear-gradient(180deg,#ecd8ad,#dfc48e);border:1px solid #9e6f37;color:#3e2209;box-shadow:0 2px 6px #00000026,inset 0 1px #fff9}.res-btn.btn-map:hover{background:linear-gradient(180deg,#f7e6c4,#edd39e);transform:translateY(-1px);box-shadow:0 4px 10px #00000040}.res-btn.btn-logout{background:linear-gradient(180deg,#ba4b36,#9c3320);border:1px solid #741d0e;color:#ffeed8;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 2px 6px #00000040,inset 0 1px #ffb4a04d}.res-btn.btn-logout:hover{background:linear-gradient(180deg,#cf5a43,#b23d28);transform:translateY(-1px);box-shadow:0 4px 12px #ba4b3673}.tang-crosshair-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:15;pointer-events:none;display:flex;align-items:center;justify-content:center;opacity:.85;transition:opacity .3s ease,transform .3s ease;animation:huadianPulse 4s ease-in-out infinite alternate}@keyframes huadianPulse{0%{transform:translate(-50%,-50%) scale(.96);opacity:.75}to{transform:translate(-50%,-50%) scale(1.04);opacity:.95}}.tang-huadian-svg{display:block}.tang-interaction-bar{position:absolute;bottom:85px;left:50%;transform:translate(-50%);z-index:22;background:linear-gradient(180deg,#1c140fe6,#0e0a07f0);border:1.5px solid rgba(212,175,55,.6);border-radius:28px;padding:8px 24px 8px 20px;box-shadow:0 8px 28px #000000bf,inset 0 0 10px #d4af3726;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;gap:12px;pointer-events:auto;-webkit-user-select:none;user-select:none;transition:opacity .25s ease,transform .25s ease}.tang-interaction-bar.hidden{opacity:0;pointer-events:none;transform:translate(-50%) translateY(12px)}.interact-chat-icon{font-size:1.15rem}.interact-text{font-family:var(--font-serif);font-size:.92rem;color:#f7df96;letter-spacing:1px}.interact-text strong{color:#fff4d2;font-size:1.02rem;text-shadow:0 0 8px rgba(245,175,25,.6)}.interact-keys{display:flex;align-items:center;gap:6px}.key-cap{display:inline-block;background:#ffffff1f;border:1px solid rgba(212,175,55,.45);border-radius:4px;padding:2px 8px;font-size:.8rem;font-weight:700;color:#fed778;box-shadow:inset 0 1px 2px #00000080}.tang-controls-card{position:absolute;bottom:20px;right:24px;z-index:20;width:175px;background:linear-gradient(135deg,#e0c896,#caa66d);border:2px solid #825424;border-radius:8px;padding:8px 12px;box-shadow:0 8px 26px #000000bf,inset 0 0 10px #643c1440;pointer-events:auto;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between}.tang-controls-card:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:1px solid rgba(255,245,215,.45);border-radius:6px;pointer-events:none}.card-mouse-col,.mouse-graphic-wrap{display:flex;align-items:center;justify-content:center}.card-keys-col{display:flex;flex-direction:column;align-items:center;gap:6px}.keys-row{display:flex;gap:3px}.key-item{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#5c3717;border:1px solid #3c1e07;border-radius:4px;color:#f7e6c4;font-family:monospace,sans-serif;font-size:.76rem;font-weight:700;box-shadow:0 2px 3px #0000004d,inset 0 1px #fff3}.keys-bottom-row .key-tab{width:auto;padding:0 8px;height:20px;font-size:.72rem;cursor:pointer;background:#5c3717;color:#f7e6c4;border:1px solid #3c1e07;border-radius:4px;transition:all .2s ease}.keys-bottom-row .key-tab:hover{background:#7c4c23;color:#fff;transform:translateY(-1px)}.changan-map-scroll{width:780px;max-width:92vw;background:linear-gradient(180deg,#f0dfb8,#dfcb9e);border:4px solid #825424;border-radius:12px;box-shadow:0 20px 60px #000000e6,inset 0 0 30px #7846144d;overflow:hidden;position:relative;animation:zoomIn .35s cubic-bezier(.16,1,.3,1)}.changan-map-scroll:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px dashed rgba(130,84,36,.5);border-radius:8px;pointer-events:none}.changan-map-scroll{width:95vw;max-width:1100px;max-height:92vh;display:flex;flex-direction:column;background:#fdfaf2;border-radius:12px;box-shadow:0 24px 70px #000000bf,0 0 0 1px #825424,0 0 35px #d4af374d;position:relative;overflow:hidden;animation:mapScrollUnroll .4s cubic-bezier(.18,.89,.32,1.28)}@keyframes mapScrollUnroll{0%{transform:scale(.88) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.map-scroll-roller{height:14px;background:linear-gradient(180deg,#42220b,#855325,#42220b);border-top:1px solid #d4af37;border-bottom:1px solid #d4af37;box-shadow:0 2px 6px #00000059;position:relative;z-index:10}.map-scroll-header{display:flex;justify-content:space-between;align-items:center;padding:12px 22px;background:linear-gradient(90deg,#82542429,#d4af371f,#82542429);border-bottom:2px solid rgba(130,84,36,.35);gap:16px;flex-wrap:wrap;z-index:5}.map-header-left{display:flex;align-items:center;gap:12px}.map-seal{background:#9c281e;border:1px solid #ffd8a8;color:#fff;padding:3px 10px;border-radius:4px;font-family:var(--font-serif);font-size:.85rem;letter-spacing:2px;box-shadow:0 2px 5px #9c281e66}.map-title-group h3{font-family:var(--font-calligraphy);font-size:1.45rem;color:#3b200b;margin:0;letter-spacing:2px}.map-subtitle{margin:2px 0 0;font-family:var(--font-serif);font-size:.76rem;color:#7a542b;letter-spacing:1px}.map-header-search-wrap{display:flex;align-items:center;gap:10px;flex:1;max-width:580px}.map-search-box{position:relative;display:flex;align-items:center;flex:1;background:#ffffffeb;border:1.5px solid #ab7a3a;border-radius:24px;padding:4px 14px;box-shadow:inset 0 2px 4px #0000000f,0 2px 8px #ab7a3a26;transition:all .25s}.map-search-box:focus-within{border-color:#d4af37;box-shadow:0 0 0 3px #d4af3740,0 2px 10px #0000001a;background:#fff}.search-icon{font-size:.95rem;margin-right:6px;color:#855325}.map-search-input{border:none;background:transparent;outline:none;font-family:var(--font-serif);font-size:.86rem;color:#3b200b;width:100%}.btn-clear-search{border:none;background:#d8c3a5;color:#42220b;width:18px;height:18px;border-radius:50%;font-size:11px;line-height:18px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:all .15s}.btn-clear-search:hover{background:#9c281e;color:#fff}.map-hot-chips{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.hot-label{font-size:.75rem;color:#855325;font-family:var(--font-serif)}.hot-chip{background:#d4af3726;border:1px solid rgba(171,122,58,.4);border-radius:12px;padding:2px 8px;font-size:.74rem;font-family:var(--font-serif);color:#4a270d;cursor:pointer;transition:all .2s;white-space:nowrap}.hot-chip:hover{background:#9c281e;color:#fff;border-color:#9c281e;transform:translateY(-1px)}.map-close-btn{background:#82542433;border:1px solid #825424;border-radius:20px;padding:6px 16px;color:#4a270d;font-family:var(--font-serif);font-size:.86rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.map-close-btn:hover{background:#9c281e;color:#fff;border-color:#9c281e;transform:translateY(-1px)}.map-scroll-body{position:relative;overflow:hidden;flex:1;display:flex;flex-direction:column}.map-parchment-canvas{position:relative;width:100%;height:580px;max-height:64vh;background:radial-gradient(circle at center,#fffdf7,#f6ecd4 60%,#ebd4b0);overflow:hidden;border-bottom:1px solid rgba(130,84,36,.25)}.map-compass-rose{position:absolute;top:14px;left:18px;pointer-events:none;z-index:2;font-family:var(--font-calligraphy);color:#82542473;font-size:.82rem;display:flex;flex-direction:column;gap:2px}.compass-dir{background:#fff9;padding:1px 6px;border-radius:4px;border:1px solid rgba(130,84,36,.25)}.map-watermark-bagua{position:absolute;top:50%;left:50%;width:520px;height:520px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(212,175,55,.08) 0%,transparent 70%);border:1px dashed rgba(171,122,58,.18);border-radius:50%;pointer-events:none}.xian-districts-svg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}.district-polygon{cursor:pointer;transition:all .3s cubic-bezier(.2,.8,.4,1);stroke-linejoin:round;stroke-linecap:round}.district-polygon:hover{filter:drop-shadow(0 0 10px rgba(212,175,55,.6));stroke-width:3.2!important;stroke:#ffd866!important}.district-polygon.active-district{filter:drop-shadow(0 0 16px rgba(212,175,55,.9));stroke-width:3.8!important;stroke:#ffec80!important}.district-seal-tag{cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .2s}.district-seal-tag:hover{transform:scale(1.1)}.district-seal-rect{rx:4;ry:4;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}.district-seal-text{font-family:var(--font-calligraphy);font-size:14px;font-weight:700;letter-spacing:2px;text-anchor:middle;dominant-baseline:central}.scenic-markers-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:6;pointer-events:none}.scenic-marker{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;cursor:pointer;pointer-events:auto;transition:all .28s cubic-bezier(.18,.89,.32,1.28)}.marker-badge{background:#fffcf5f5;border:1.5px solid #825424;border-radius:20px;padding:3px 8px;display:flex;align-items:center;gap:4px;box-shadow:0 4px 12px #0003;transition:all .25s}.marker-icon{font-size:1rem}.marker-name{font-family:var(--font-serif);font-size:.78rem;font-weight:700;color:#3b200b;white-space:nowrap}.scenic-marker:hover{transform:translate(-50%,-55%) scale(1.14);z-index:15}.scenic-marker:hover .marker-badge{border-color:#d4af37;background:#fff8e8;box-shadow:0 6px 18px #d4af3773}.scenic-marker.search-highlight .marker-badge{border-color:#e8453c;background:#fff0ed;box-shadow:0 0 0 4px #e8453c4d,0 8px 22px #e8453c66;animation:spotGoldenPulse 1.2s infinite}@keyframes spotGoldenPulse{0%{transform:scale(1);box-shadow:0 0 #e8453cb3}50%{transform:scale(1.08);box-shadow:0 0 0 10px #e8453c00}to{transform:scale(1);box-shadow:0 0 #e8453c00}}.map-player-marker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:12;pointer-events:none}.marker-pulse-ring{width:24px;height:24px;border-radius:50%;background:#e8453c40;border:1.5px solid #e8453c;animation:playerMarkerPulse 1.6s infinite;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.marker-core-point{width:10px;height:10px;border-radius:50%;background:#e8453c;border:2px solid #fff;box-shadow:0 0 8px #e8453c;position:relative;z-index:2}.marker-label{font-family:var(--font-serif);font-size:.72rem;font-weight:700;color:#9c281e;margin-top:6px;background:#fffffff2;padding:1px 7px;border-radius:10px;border:1px solid #9c281e;box-shadow:0 2px 6px #00000026;white-space:nowrap}@keyframes playerMarkerPulse{0%{transform:translate(-50%,-50%) scale(.6);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.map-not-found-toast{position:absolute;top:18px;left:50%;transform:translate(-50%);background:#2d140aeb;border:1.5px solid #e8a554;border-radius:8px;padding:10px 18px;color:#ffeed6;font-family:var(--font-serif);font-size:.85rem;display:flex;align-items:center;gap:10px;box-shadow:0 8px 24px #00000080;z-index:20;animation:fadeInDown .3s ease-out}.map-not-found-toast.hidden{display:none!important}.toast-seal{background:#9c281e;color:#fff;padding:2px 6px;border-radius:3px;font-size:.72rem;border:1px solid #ffd8a8}.spot-detail-drawer{position:absolute;top:15px;right:15px;width:320px;max-width:calc(100% - 30px);max-height:calc(100% - 30px);background:#fffdf7f7;border:1.5px solid #825424;border-radius:8px;box-shadow:-8px 12px 30px #00000059,0 0 0 1px #d4af37;display:flex;flex-direction:column;z-index:25;animation:drawerSlideIn .35s cubic-bezier(.18,.89,.32,1.28);overflow:hidden}@keyframes drawerSlideIn{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}.drawer-close-btn{position:absolute;top:10px;right:10px;background:#82542426;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;color:#4a270d;font-weight:700;transition:all .2s;display:flex;align-items:center;justify-content:center}.drawer-close-btn:hover{background:#9c281e;color:#fff}.spot-drawer-header{padding:14px 16px;background:linear-gradient(135deg,#d4af372e,#8254241f);border-bottom:1px solid rgba(130,84,36,.25);display:flex;align-items:center;gap:12px}.spot-drawer-icon{font-size:2rem;background:#fff;border:1.5px solid #825424;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0000001f}.spot-drawer-title-col h4{margin:0;font-family:var(--font-calligraphy);font-size:1.15rem;color:#3b200b}.spot-drawer-tags{display:flex;gap:6px;margin-top:4px}.district-badge{background:#825424;color:#fff;font-family:var(--font-serif);font-size:.68rem;padding:1px 6px;border-radius:4px}.category-badge{background:#d4af3740;color:#633c16;border:1px solid rgba(171,122,58,.4);font-family:var(--font-serif);font-size:.68rem;padding:1px 6px;border-radius:4px}.spot-drawer-body{padding:14px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;font-family:var(--font-serif)}.drawer-poem-box{background:#d4af371a;border-left:3px solid #ab7a3a;padding:8px 12px;border-radius:0 6px 6px 0;font-style:italic;font-size:.8rem;color:#523113;line-height:1.45}.desc-heading{margin:0 0 4px;font-size:.78rem;color:#9c281e;font-family:var(--font-serif);letter-spacing:1px}.drawer-desc-box p,.drawer-history-box p{margin:0;font-size:.8rem;color:#4a270d;line-height:1.5}.spot-drawer-footer{padding:12px 16px;border-top:1px solid rgba(130,84,36,.2);background:#fbf7ee}.btn-teleport-tang{width:100%;font-size:.95rem;padding:10px;letter-spacing:2px;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 4px 14px #d4af3766}.map-scroll-footer{padding:8px 20px;background:linear-gradient(90deg,#8254241f,#d4af371a,#8254241f);border-top:1px solid rgba(130,84,36,.25);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;z-index:5}.map-legend-items{display:flex;gap:12px;flex-wrap:wrap}.legend-item{font-family:var(--font-serif);font-size:.76rem;color:#523113;display:flex;align-items:center;gap:3px}.map-tip-text{font-family:var(--font-serif);font-size:.76rem;color:#7a542b}.teleport-banner-toast{position:fixed;top:68px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#1e0f05f0,#371e0af5);border:1.5px solid #d4af37;border-radius:28px;padding:8px 24px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 30px #0009,0 0 20px #d4af3780;z-index:9999;animation:teleportBannerIn .45s cubic-bezier(.18,.89,.32,1.28);pointer-events:none}.teleport-banner-toast.fade-out{opacity:0;transform:translate(-50%) translateY(-15px);transition:all .4s ease-out}@keyframes teleportBannerIn{0%{transform:translate(-50%) translateY(-25px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.teleport-seal{background:#9c281e;color:#fff;border:1px solid #ffd8a8;padding:3px 8px;border-radius:4px;font-family:var(--font-serif);font-size:.78rem;letter-spacing:2px}.teleport-title{font-family:var(--font-calligraphy);font-size:1.2rem;color:#ffeed6;letter-spacing:2px}.interaction-prompt{position:absolute;bottom:110px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:12px 24px;background:var(--color-bg-surface);border:var(--border-gold-bright);border-radius:30px;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-elevation);pointer-events:auto;cursor:pointer;animation:pulse-glow 2.5s infinite ease-in-out;transition:all .3s cubic-bezier(.2,.8,.2,1)}.interaction-prompt.hidden{opacity:0;transform:translate(-50%) translateY(20px) scale(.95);pointer-events:none}.prompt-key{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-gold-bright) 0%,var(--color-gold-primary) 100%);color:var(--color-tang-ink);font-weight:900;border-radius:50%;box-shadow:0 0 12px #d4a017a6}.prompt-text{display:flex;flex-direction:column}.prompt-text .title{font-weight:600;font-size:1.15rem;color:var(--color-text-primary);letter-spacing:1px}.prompt-text .sub{font-size:.78rem;color:var(--color-gold-bright);letter-spacing:1px}@keyframes pulse-glow{0%,to{box-shadow:0 8px 24px #0009,0 0 12px #d4a01740}50%{box-shadow:0 8px 32px #000000bf,0 0 24px #d4a0178c}}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#0a0602d9;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);display:flex;align-items:center;justify-content:center;pointer-events:auto;transition:opacity .3s ease}.modal-backdrop.hidden{opacity:0;pointer-events:none}.character-card-panel{position:relative;width:92%;max-width:780px;background:var(--color-bg-surface);border:var(--border-gold-subtle);border-radius:16px;padding:28px;box-shadow:var(--shadow-elevation);display:flex;gap:26px;animation:cardPopup .35s cubic-bezier(.175,.885,.32,1.275)}@keyframes cardPopup{0%{transform:scale(.92) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.card-visual-col{flex:0 0 210px;display:flex;flex-direction:column;align-items:center}.portrait-frame{position:relative;width:100%;height:280px;border-radius:12px;overflow:hidden;border:1.5px solid var(--color-gold-primary);box-shadow:0 8px 24px #000c,inset 0 0 15px #d4a01733}.portrait-frame img{width:100%;height:100%;object-fit:cover;display:block}.character-identity{margin-top:14px;text-align:center}.character-identity h3{font-family:var(--font-calligraphy);font-size:1.8rem;color:var(--color-gold-bright);letter-spacing:3px;text-shadow:0 0 12px rgba(245,175,25,.5)}.character-identity .character-title{font-size:.85rem;color:var(--color-text-secondary);letter-spacing:1px;margin-top:4px}.card-dialogue-col{flex:1;display:flex;flex-direction:column;justify-content:space-between}.dialogue-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px dashed rgba(212,160,23,.3)}.favor-status-group{display:flex;align-items:center;gap:8px}.favor-stars{font-size:.95rem;color:#ff6b6b;letter-spacing:2px;filter:drop-shadow(0 0 6px rgba(255,107,107,.4))}.favor-title{font-family:var(--font-calligraphy);font-size:1.05rem;color:var(--color-gold-bright);letter-spacing:1px}.favor-num{font-size:.78rem;color:var(--color-text-muted)}.favor-toast-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:999}.favor-heart-particle{position:absolute;font-size:1.3rem;color:#ff6b8b;pointer-events:none;animation:heartFlyUp 1.8s forwards cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 0 8px rgba(255,107,139,.7))}@keyframes heartFlyUp{0%{opacity:0;transform:translate(-50%) scale(.6)}20%{opacity:1;transform:translate(-50%,-25px) scale(1.2)}80%{opacity:.9;transform:translate(-50%,-70px) scale(1)}to{opacity:0;transform:translate(-50%,-100px) scale(.8)}}.npc-overhead-container{position:absolute;pointer-events:none;z-index:15;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;transition:opacity .3s}.npc-overhead-badge{display:flex;align-items:center;gap:6px;padding:4px 12px;background:#140c06d9;border:1px solid rgba(212,160,23,.55);border-radius:16px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:0 4px 14px #0009,0 0 10px #d4a01733}.npc-overhead-badge .npc-status-dot{color:var(--color-gold-bright);font-size:.75rem;animation:pulse-glow 2s infinite ease-in-out}.npc-overhead-badge .npc-name{font-family:var(--font-calligraphy);font-size:1.05rem;color:var(--color-gold-bright);letter-spacing:2px}.npc-overhead-badge .npc-role{font-size:.72rem;color:var(--color-text-secondary);border-left:1px solid rgba(212,160,23,.3);padding-left:6px}.npc-floating-bubble{position:relative;background:#1c1209eb;border:1px solid rgba(246,205,75,.65);border-radius:12px;padding:8px 14px;margin-bottom:10px;box-shadow:0 6px 20px #000000b3,0 0 12px #f5af1940;max-width:200px;text-align:center;animation:bubbleFloat 3s infinite ease-in-out alternate;transition:opacity .4s}.npc-floating-bubble .bubble-text{font-family:var(--font-serif);font-size:.82rem;color:var(--color-text-primary);line-height:1.5;letter-spacing:1px}.npc-floating-bubble .bubble-tail{position:absolute;bottom:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:#1c1209eb;border-right:1px solid rgba(246,205,75,.65);border-bottom:1px solid rgba(246,205,75,.65)}@keyframes bubbleFloat{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.stamp-tag{font-family:var(--font-serif);font-size:.76rem;padding:3px 10px;background:var(--color-accent-seal);border:1px solid rgba(255,140,120,.6);color:#ffeed8;border-radius:4px;letter-spacing:1px;box-shadow:0 0 8px #a8323280}.dialogue-bubble{position:relative;background:#0a0602a6;border:1px solid rgba(212,160,23,.3);border-radius:12px;padding:18px 20px;margin:14px 0 12px;line-height:1.75;font-size:1.02rem;color:var(--color-text-primary);border-left:3px solid var(--color-gold-bright)}.category-selector-box{margin-bottom:14px}.category-selector-box .cat-title{font-size:.85rem;color:var(--color-gold-primary);letter-spacing:1px;margin-bottom:8px;display:block}.category-chips{display:flex;flex-wrap:wrap;gap:8px}.cat-chip{padding:6px 14px;font-family:var(--font-serif);font-size:.84rem;background:#1c120999;border:1px solid rgba(212,160,23,.35);border-radius:18px;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-smooth)}.cat-chip:hover{border-color:var(--color-gold-bright);color:#fff;transform:translateY(-1px)}.cat-chip.active{background:linear-gradient(135deg,var(--color-gold-bright) 0%,var(--color-gold-primary) 100%);border-color:#fff1b8;color:var(--color-tang-ink);font-weight:700;box-shadow:0 0 14px #f5af1980;transform:translateY(-1px)}.custom-trouble-input-box{margin-bottom:16px}.custom-trouble-input-box input{width:100%;padding:12px 16px;background:#0a0602b3;border:1px solid rgba(212,160,23,.4);border-radius:8px;color:var(--color-text-primary);font-family:var(--font-serif);font-size:.9rem;outline:none;transition:var(--transition-smooth);user-select:text;-webkit-user-select:text}.custom-trouble-input-box input:focus{border-color:var(--color-gold-bright);box-shadow:0 0 12px #f5af1966;background:#0e0803d9}.card-action-buttons{display:flex;gap:12px}.scroll-panel{position:relative;width:90%;max-width:580px;max-height:88vh;overflow-y:auto;background:var(--color-bg-surface);border:var(--border-gold-subtle);border-radius:16px;padding:32px 28px;box-shadow:var(--shadow-elevation)}.close-btn{position:absolute;top:16px;right:16px;width:32px;height:32px;background:transparent;border:1px solid rgba(212,160,23,.3);border-radius:50%;color:var(--color-text-secondary);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth);z-index:5}.close-btn:hover{color:var(--color-gold-bright);border-color:var(--color-gold-bright);transform:rotate(90deg);box-shadow:0 0 10px #f5af1966}.scroll-header{text-align:center;margin-bottom:24px}.scroll-header h2{font-family:var(--font-calligraphy);font-size:2.2rem;color:var(--color-gold-bright);letter-spacing:4px;text-shadow:0 0 14px rgba(245,175,25,.5);margin-bottom:6px}.scroll-header .subtitle{font-size:.85rem;color:var(--color-text-secondary);letter-spacing:1px}.coins-arena{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px;background:#0a0602a6;border-radius:12px;border:1px dashed rgba(212,160,23,.35);margin-bottom:24px}.coins-row{display:flex;gap:20px}.coin{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:1.1rem;font-weight:900;border:3px solid var(--color-gold-dark);box-shadow:inset 0 0 10px #000c,0 4px 10px #00000080;position:relative;transition:transform .6s cubic-bezier(.175,.885,.32,1.275)}.coin:after{content:"";position:absolute;width:16px;height:16px;border:2px solid #5a421a;background:transparent}.coin-front{background:radial-gradient(circle,#e2b467,#a47632);color:#38270b}.coin-back{background:radial-gradient(circle,#9d7b42,#5a421a);color:#dac7a6}.coin.flipping{animation:flipCoin .6s ease-in-out infinite alternate}@keyframes flipCoin{0%{transform:rotateY(0) translateY(0)}50%{transform:rotateY(90deg) translateY(-25px)}to{transform:rotateY(180deg) translateY(0)}}.btn-tang{padding:12px 24px;font-family:var(--font-serif);font-size:.95rem;letter-spacing:2px;border-radius:24px;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:var(--transition-smooth)}.btn-tang.primary{background:linear-gradient(135deg,var(--color-gold-bright) 0%,var(--color-gold-primary) 100%);color:var(--color-tang-ink);font-weight:700;box-shadow:0 4px 16px #d4a01773}.btn-tang.primary:hover{transform:translateY(-2px);box-shadow:0 6px 22px #f5af19b3}.btn-tang.success{background:linear-gradient(135deg,#4fa794,#2a6155);color:#fff;font-weight:600;box-shadow:0 4px 15px #43827466}.btn-tang.ghost{background:transparent;border:1px solid var(--color-gold-primary);color:var(--color-gold-bright)}.btn-tang.ghost:hover{background:#d4a01726;border-color:var(--color-gold-bright);transform:translateY(-1px)}.hexagram-visual{display:flex;flex-direction:column;gap:12px;padding:20px 24px;background:#0a0602b3;border:1px solid rgba(212,160,23,.35);border-radius:12px;margin-bottom:24px;box-shadow:inset 0 0 15px #000000b3}.yao-row{display:flex;align-items:center;justify-content:space-between;gap:16px;height:28px}.yao-label{width:48px;font-family:var(--font-calligraphy);font-size:1.05rem;color:#dfd7c9;letter-spacing:2px;text-align:left;-webkit-user-select:none;user-select:none}.yao-track{flex:1;height:100%;display:flex;align-items:center;position:relative}.yao-bar-placeholder{width:100%;height:18px;border:1px dashed rgba(212,163,89,.22);border-radius:4px;display:flex;align-items:center;justify-content:center;color:#dcd2be4d;font-size:.75rem;letter-spacing:4px;font-family:var(--font-serif)}.yao-bar.yang-bar{width:100%;height:18px;background:linear-gradient(90deg,#966723,#f7cf7e,#966723);border-radius:4px;box-shadow:0 0 12px #f7cf7e73;border:1px solid rgba(255,235,180,.4);animation:yaoPopIn .35s cubic-bezier(.175,.885,.32,1.275)}.yao-bar.yin-bar{width:100%;height:18px;display:flex;align-items:center;justify-content:space-between;animation:yaoPopIn .35s cubic-bezier(.175,.885,.32,1.275)}.yao-bar.yin-bar .yin-segment{width:44%;height:100%;background:linear-gradient(90deg,#446979,#82b0c4,#446979);border-radius:4px;box-shadow:0 0 10px #82b0c459;border:1px solid rgba(160,215,240,.3)}.yao-bar.yin-bar .yin-gap{width:12%;height:100%}@keyframes yaoPopIn{0%{transform:scaleY(.4);opacity:.5}to{transform:scaleY(1);opacity:1}}.yao-result-tag{width:96px;font-family:var(--font-serif);font-size:.82rem;letter-spacing:1px;text-align:right;color:#777;-webkit-user-select:none;user-select:none}.yao-result-tag.yang-tag{color:#ffd88a;font-weight:700;text-shadow:0 0 8px rgba(255,216,138,.4)}.yao-result-tag.yin-tag{color:#9cd4e6;font-weight:700;text-shadow:0 0 8px rgba(156,212,230,.4)}.divination-result{margin-top:16px;padding:20px;background:#0a0602b3;border:var(--border-gold-subtle);border-radius:12px;animation:fadeIn .5s ease;box-shadow:inset 0 0 15px #0009}.divination-result.hidden{display:none}.gua-title{font-family:var(--font-calligraphy);font-size:1.8rem;color:var(--color-tang-gold-bright);text-align:center;margin-bottom:8px}.gua-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:14px}.gua-meta .tag{padding:4px 10px;border-radius:12px;font-size:.75rem}.tag.category-tag{background:#d4a35940;border:1px solid var(--color-tang-gold-bright);color:var(--color-tang-gold-bright);font-weight:600}.tag.wuxing{background:#43827433;border:1px solid var(--color-tang-jade);color:#7ddbc6}.tag.nature{background:#a7332233;border:1px solid var(--color-tang-red);color:#fca595}.gua-text{font-style:italic;text-align:center;font-size:.95rem;color:#d1c8b9;margin-bottom:16px;padding:8px 12px;border-left:3px solid var(--color-tang-gold);background:#0003}.ai-interpretation{background:#0006;padding:14px;border-radius:8px;margin-bottom:18px}.ai-avatar{font-size:.9rem;font-weight:600;color:var(--color-tang-gold-bright);margin-bottom:6px}.ai-content{font-size:.88rem;line-height:1.7;color:#e5dec9;white-space:pre-line}.result-actions{display:flex;flex-direction:column;gap:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.joystick-zone{position:absolute;top:0;left:0;width:50%;height:100%;pointer-events:auto;touch-action:none}.joystick-base{position:absolute;width:110px;height:110px;border-radius:50%;background:#d4a35926;border:2px solid rgba(212,163,89,.4);transform:translate(-50%,-50%);pointer-events:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:opacity .2s}.joystick-base.hidden{opacity:0}.joystick-thumb{position:absolute;top:50%;left:50%;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle,var(--color-tang-gold-bright),var(--color-tang-gold));border:2px solid #fff;transform:translate(-50%,-50%);box-shadow:0 0 15px #d4a35999}.mobile-action-btn{position:absolute;bottom:40px;right:32px;width:72px;height:72px;border-radius:50%;background:radial-gradient(circle,var(--color-tang-gold-bright),var(--color-tang-gold));border:3px solid rgba(255,255,255,.8);box-shadow:0 8px 24px #0009,0 0 20px #d4a35980;display:flex;align-items:center;justify-content:center;font-family:var(--font-calligraphy);font-size:1.4rem;color:var(--color-tang-ink);pointer-events:auto;cursor:pointer;transition:transform .15s}.mobile-action-btn:active{transform:scale(.92)}.mobile-action-btn.hidden{display:none}@media (max-width: 768px){.title-banner h1{font-size:1.5rem}.hud-badge{padding:6px 10px}.hud-badge .label,.control-hints{display:none}.character-card-panel{flex-direction:column;padding:20px;gap:16px;max-height:90vh;overflow-y:auto}.card-visual-col{flex:0 0 auto;width:100%}.portrait-frame{height:200px;width:150px}.card-action-buttons{flex-direction:column}.scroll-panel{padding:24px 18px;max-height:90vh}.coin{width:50px;height:50px}}.modal-backdrop.kicked-modal{z-index:99999;background:#0a0602eb;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);pointer-events:auto!important}.kicked-card-panel{position:relative;width:90%;max-width:460px;background:var(--color-bg-surface-elevated);border:var(--border-gold-bright);border-radius:20px;padding:36px 32px 30px;box-shadow:0 0 45px #d4a01766,0 24px 64px #000000f2;display:flex;flex-direction:column;align-items:center;text-align:center;animation:cardPopup .4s cubic-bezier(.175,.885,.32,1.275)}.kicked-header{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:20px}.warning-stamp{background:#a83232;border:1px solid rgba(255,120,100,.7);box-shadow:0 0 10px #a8323299;font-size:.78rem;padding:3px 12px}.kicked-title{font-family:var(--font-calligraphy);font-size:2.1rem;color:var(--color-gold-bright);letter-spacing:4px;text-shadow:0 0 16px rgba(245,175,25,.6);margin-top:4px}.kicked-body{margin-bottom:26px}.kicked-icon{font-size:3rem;line-height:1;margin-bottom:16px;filter:drop-shadow(0 0 12px rgba(245,175,25,.5));animation:pulse-glow 2s infinite ease-in-out}.kicked-desc{font-size:1.05rem;line-height:1.7;color:var(--color-text-primary);letter-spacing:1px;margin-bottom:10px}.kicked-sub{font-size:.82rem;color:var(--color-text-secondary);letter-spacing:1px}.kicked-footer{width:100%}.btn-kicked-action{width:100%;padding:13px 24px;font-size:1.02rem;font-weight:700;letter-spacing:3px}.char-create-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99998;background:radial-gradient(ellipse at center,#20140ef2,#0c0806fa);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:24px;opacity:1;transition:opacity .5s ease,visibility .5s ease}.char-create-backdrop.auth-hidden{opacity:0;visibility:hidden;pointer-events:none}.char-create-container{width:100%;max-width:880px;background:linear-gradient(180deg,#221610f0,#120c09f5);border:2px solid #c99834;border-radius:16px;box-shadow:0 24px 70px #000000e6,inset 0 0 30px #d4af3726;padding:32px 36px 28px;position:relative;-webkit-user-select:none;user-select:none;animation:zoomIn .4s cubic-bezier(.16,1,.3,1)}.char-create-container:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid rgba(245,215,123,.25);border-radius:12px;pointer-events:none}.char-create-header{text-align:center;margin-bottom:24px}.char-create-seal{display:inline-block;background:#a8241c;border:1px solid #f58c7c;color:#fff9f0;padding:2px 10px;border-radius:4px;font-family:var(--font-serif);font-size:.8rem;letter-spacing:2px;margin-bottom:6px;box-shadow:0 0 10px #a8241c99}.char-create-title{font-family:var(--font-calligraphy);font-size:2.3rem;color:#fff4d2;letter-spacing:6px;text-shadow:0 0 16px rgba(245,175,25,.7),0 2px 4px #000;margin:2px 0 6px}.char-create-sub{font-family:var(--font-serif);font-size:.88rem;color:#cbb9a3;letter-spacing:2px}.char-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:24px}.char-choice-card{background:#160f0bd9;border:2px solid rgba(138,98,42,.5);border-radius:12px;padding:16px;cursor:pointer;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;align-items:center}.char-choice-card:hover{border-color:#d4af37cc;transform:translateY(-4px);box-shadow:0 12px 30px #0009,0 0 16px #d4af3740}.char-choice-card.active{border-color:#f7df96;background:linear-gradient(180deg,#2e1e14f2,#1a100bfa);box-shadow:0 16px 40px #000c,0 0 24px #f5af1973;transform:translateY(-4px) scale(1.02)}.char-choice-card .card-tag{position:absolute;top:12px;left:14px;background:#120c08d9;border:1px solid rgba(212,175,55,.4);color:#fed778;font-family:var(--font-serif);font-size:.75rem;padding:2px 8px;border-radius:10px;letter-spacing:1px}.card-visual-box{position:relative;width:200px;height:260px;border-radius:10px;overflow:hidden;margin:10px 0 14px;box-shadow:0 10px 25px #000000b3;border:1px solid rgba(212,175,55,.3)}.char-card-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.char-choice-card:hover .char-card-img{transform:scale(1.06)}.card-gold-frame{position:absolute;top:0;right:0;bottom:0;left:0;border:1.5px solid rgba(212,175,55,.6);border-radius:10px;pointer-events:none;z-index:2}.card-ambient-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 30%,rgba(245,215,123,.1) 0%,transparent 70%);pointer-events:none;opacity:.5;transition:opacity .3s ease;z-index:1}.char-choice-card.active .card-ambient-glow{opacity:1;background:radial-gradient(circle at 50% 30%,rgba(255,230,150,.25) 0%,transparent 75%)}.char-meta{text-align:center;width:100%}.char-role-name{font-family:var(--font-calligraphy);font-size:1.25rem;color:#fff4d2;letter-spacing:2px;margin-bottom:4px;text-shadow:0 0 8px rgba(245,175,25,.4)}.char-motto{font-family:var(--font-serif);font-size:.8rem;color:#cfbfab;font-style:italic;margin-bottom:10px;line-height:1.4}.char-perks{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.perk-chip{background:#ffffff14;border:1px solid rgba(212,175,55,.3);color:#eed69d;font-size:.72rem;padding:2px 6px;border-radius:4px}.card-select-badge{position:absolute;bottom:10px;right:14px;color:#f7df96;font-size:.75rem;font-weight:700;opacity:0;transition:opacity .2s ease}.char-choice-card.active .card-select-badge{opacity:1}.char-create-footer{display:flex;flex-direction:column;align-items:center;gap:16px}.char-name-input-wrap{display:flex;align-items:center;gap:10px;background:#120c08d9;border:1px solid rgba(212,175,55,.4);padding:8px 18px;border-radius:30px;width:100%;max-width:420px}.char-name-input-wrap .name-label{font-family:var(--font-serif);font-size:.88rem;color:#fed778;white-space:nowrap}.char-input-name{background:transparent;border:none;color:#fff4d2;font-family:var(--font-serif);font-size:.95rem;font-weight:600;letter-spacing:1px;outline:none;width:100%}.char-input-name::placeholder{color:#7d6854}.char-enter-btn{background:linear-gradient(135deg,#c99834,#a8721c);border:1px solid #ffd875;border-radius:40px;padding:12px 48px;color:#1a0f05;cursor:pointer;box-shadow:0 8px 24px #c9983466,inset 0 1px #fff9;display:flex;flex-direction:column;align-items:center;gap:2px;transition:all .25s ease}.char-enter-btn:hover{background:linear-gradient(135deg,#dfab3e,#be8424);transform:translateY(-2px);box-shadow:0 12px 30px #c9983499}.char-enter-btn .btn-text{font-family:var(--font-calligraphy);font-size:1.35rem;letter-spacing:4px;font-weight:700}.char-enter-btn .btn-sub{font-family:var(--font-serif);font-size:.72rem;letter-spacing:1px;opacity:.85}.scene-curtain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background:radial-gradient(ellipse at center,#1b130e,#0c0805);display:flex;align-items:center;justify-content:center;opacity:1;visibility:visible;transition:opacity .85s cubic-bezier(.25,1,.5,1),visibility .85s ease;pointer-events:auto}.scene-curtain.curtain-hidden{opacity:0;visibility:hidden;pointer-events:none}.curtain-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:480px;padding:32px}.curtain-seal{display:inline-block;background:#8b1e14;color:#f7e6c4;font-family:var(--font-calligraphy);font-size:1.1rem;padding:3px 14px;border-radius:4px;border:1px solid #d4a359;letter-spacing:4px;margin-bottom:16px;box-shadow:0 0 16px #d4a35966}.curtain-title{font-family:var(--font-calligraphy);font-size:1.8rem;color:#eedcc0;letter-spacing:4px;margin-bottom:24px;text-shadow:0 0 20px rgba(238,220,192,.3)}.curtain-bar-wrap{width:280px;height:6px;background:#ffffff1a;border-radius:6px;border:1px solid rgba(212,163,89,.35);overflow:hidden;margin-bottom:14px;box-shadow:inset 0 1px 3px #0009}.curtain-bar-fill{height:100%;background:linear-gradient(90deg,#b88628,#ecd078,#fff0a8);border-radius:6px;box-shadow:0 0 12px #d4a359;transition:width .25s ease-out}.curtain-hint{font-family:var(--font-serif);font-size:.85rem;color:#a8947c;letter-spacing:2px;margin-bottom:28px}.curtain-verse{font-family:var(--font-serif);font-size:.82rem;color:#7d6b56;letter-spacing:3px;border-top:1px solid rgba(130,84,36,.25);padding-top:16px;width:100%}button,.btn-tang,.res-btn,.auth-btn,.cat-chip,.key-item{transition:transform .12s cubic-bezier(.2,0,.2,1),box-shadow .15s ease,background-color .15s ease,filter .15s ease!important;-webkit-user-select:none;user-select:none}button:active,.btn-tang:active,.res-btn:active,.auth-btn:active,.cat-chip:active{transform:scale(.94) translateY(2px)!important;filter:brightness(.92) contrast(1.05)!important;box-shadow:0 1px 4px #0006,inset 0 2px 4px #0000004d!important}.tang-player-panel.clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.tang-player-panel.clickable:hover{transform:translateY(-2px);filter:brightness(1.06)}.avatar-click-hint{position:absolute;bottom:-4px;right:-4px;background:#8b1e14;color:#ffd875;font-family:var(--font-calligraphy);font-size:.65rem;padding:1px 6px;border-radius:10px;border:1px solid #d4a359;letter-spacing:1px;box-shadow:0 2px 6px #0009}.badge-card-icon{margin-left:6px;font-size:.85rem;opacity:.85}.btn-logout-tang{background:linear-gradient(135deg,#7a1c14,#4f0f0a)!important;border:1.5px solid #d4a359!important;color:#f7e6c4!important;font-weight:700!important;box-shadow:0 4px 12px #7a1c1480,inset 0 1px #ffd77566!important;display:flex!important;align-items:center!important;gap:4px!important}.btn-logout-tang:hover{background:linear-gradient(135deg,#96241a,#63130d)!important;box-shadow:0 6px 16px #96241ab3,0 0 12px #d4a35966!important}.seal-mark{background:#d4a359;color:#5c140e;font-family:var(--font-calligraphy);font-size:.7rem;padding:0 3px;border-radius:2px;font-weight:900}.divination-result{position:relative;overflow:visible;padding-top:10px}.gold-burst-rays{position:absolute;top:40%;left:50%;width:460px;height:460px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,215,0,.28) 0%,rgba(212,163,89,.12) 45%,transparent 70%);border-radius:50%;pointer-events:none;animation:rayPulse 4s infinite alternate ease-in-out;z-index:0}@keyframes rayPulse{0%{transform:translate(-50%,-50%) scale(.85);opacity:.6}to{transform:translate(-50%,-50%) scale(1.15);opacity:1}}.cinnabar-stamp-wrap{position:absolute;top:18px;right:28px;z-index:10;pointer-events:none;transform:rotate(-12deg)}.cinnabar-stamp-wrap.stamp-animate{animation:stampSlam .55s cubic-bezier(.18,.89,.32,1.28) forwards}@keyframes stampSlam{0%{transform:rotate(-12deg) scale(3.5);opacity:0;filter:blur(8px)}60%{transform:rotate(-12deg) scale(.92);opacity:1;filter:blur(0)}85%{transform:rotate(-12deg) scale(1.05)}to{transform:rotate(-12deg) scale(1);opacity:.95}}.stamp-border{border:3px solid #b32417;padding:4px 12px;border-radius:8px;background:#b324171f;box-shadow:0 0 16px #b3241773,inset 0 0 8px #b324174d;position:relative}.stamp-border:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:1px dashed rgba(179,36,23,.6);border-radius:4px}.stamp-inner-text{font-family:var(--font-calligraphy);font-size:1.45rem;color:#b32417;letter-spacing:4px;font-weight:900;text-shadow:0 0 8px rgba(179,36,23,.6)}.screen-shake-fx{animation:screenShake .4s ease-out}@keyframes screenShake{0%{transform:translate(0)}20%{transform:translate(-4px,3px)}40%{transform:translate(4px,-3px)}60%{transform:translate(-2px,1px)}80%{transform:translate(2px,-1px)}to{transform:translate(0)}}.profile-scroll-panel{position:relative;width:90%;max-width:580px;background:linear-gradient(160deg,#1c140d,#120c08);border:2px solid #b88628;border-radius:12px;padding:36px 32px;box-shadow:0 24px 60px #000000d9,0 0 30px #b8862840;display:flex;flex-direction:column;color:#eedcc0}.profile-header{text-align:center;border-bottom:1px solid rgba(184,134,40,.3);padding-bottom:18px;margin-bottom:24px}.profile-seal{display:inline-block;background:#8b1e14;color:#f7e6c4;font-family:var(--font-calligraphy);font-size:.95rem;padding:2px 12px;border-radius:4px;border:1px solid #d4a359;letter-spacing:3px;margin-bottom:8px}.profile-header h2{font-family:var(--font-calligraphy);font-size:2rem;color:#eedcc0;letter-spacing:4px;margin:6px 0;text-shadow:0 0 16px rgba(212,163,89,.4)}.profile-subtitle{font-family:var(--font-serif);font-size:.82rem;color:#a89070;letter-spacing:2px;margin:0}.profile-avatar-row{display:flex;align-items:center;gap:22px;background:#ffffff08;padding:18px;border-radius:10px;border:1px solid rgba(184,134,40,.2);margin-bottom:24px}.profile-avatar-box{position:relative;width:82px;height:82px;border-radius:50%;overflow:hidden;border:2.5px solid #d4a359;box-shadow:0 0 16px #d4a35973;flex-shrink:0}.profile-avatar-box img{width:100%;height:100%;object-fit:cover}.profile-info-col h3{font-family:var(--font-calligraphy);font-size:1.65rem;color:#f7e6c4;margin:0 0 8px;letter-spacing:2px}.profile-badge-line{display:flex;gap:8px;margin-bottom:10px}.p-chip{background:#b8862826;border:1px solid rgba(184,134,40,.4);color:#d8be98;font-size:.76rem;padding:2px 10px;border-radius:12px;font-family:var(--font-serif)}.p-chip.gold{background:#d4a35940;border-color:#ffd875;color:#ffe6a0;font-weight:600}.profile-email-line{font-size:.82rem;color:#9e8870;font-family:var(--font-serif)}.profile-email-line .p-val{color:#e0cca8;font-weight:600}.profile-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:28px}.stat-card{display:flex;align-items:center;gap:14px;background:#00000059;border:1px solid rgba(184,134,40,.2);padding:12px 16px;border-radius:8px}.stat-icon{font-size:1.6rem}.stat-meta{display:flex;flex-direction:column}.stat-title{font-size:.75rem;color:#9e8870;font-family:var(--font-serif)}.stat-num{font-family:var(--font-calligraphy);font-size:1.35rem;color:#ffd875;font-weight:700}.profile-actions{display:flex;justify-content:center}.btn-profile-logout-tang{width:100%;padding:13px 24px;font-family:var(--font-calligraphy);font-size:1.25rem;letter-spacing:3px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px}