html,body,#app{height:100%;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;background-color:var(--app-bg-page);color:var(--app-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transition:background-color .25s ease,color .25s ease}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:99px;background-clip:content-box;background-color:var(--app-scrollbar-thumb)}::-webkit-scrollbar-thumb:hover{background-color:var(--app-scrollbar-thumb-hover)}::selection{background:var(--app-selection)}:root{--c-primary: #6366f1;--c-secondary: #06b6d4;--c-accent: #7c3aed;--c-glow: #22d3ee;--c-success: #10b981;--c-danger: #f43f5e;--bg-card: rgba(255, 255, 255, .78);--bg-card-strong: rgba(255, 255, 255, .86);--border-glass: rgba(255, 255, 255, .9);--app-bg-page: #eef2ff;--app-bg-base: #ffffff;--app-text: #0f172a;--app-text-secondary: #334155;--app-text-muted: #64748b;--app-card-bg: rgba(255, 255, 255, .78);--app-card-bg-strong: rgba(255, 255, 255, .86);--app-nav-bg: rgba(255, 255, 255, .55);--app-nav-color: #475569;--app-nav-border: rgba(148, 163, 184, .25);--app-border: rgba(15, 23, 42, .1);--app-divider: rgba(15, 23, 42, .08);--app-shadow-strong: 0 30px 60px -30px rgba(15, 23, 42, .55);--app-shadow-soft: 0 16px 32px -28px rgba(15, 23, 42, .45);--app-scrollbar-thumb: rgba(99, 102, 241, .28);--app-scrollbar-thumb-hover: rgba(99, 102, 241, .5);--app-selection: rgba(99, 102, 241, .22);--app-text-on-primary: #ffffff;--chart-bg: transparent;--chart-text: #475569;--chart-axis: #94a3b8;--chart-split: #e2e8f0;--chart-color-1: #6366f1;--chart-color-2: #22c55e;--chart-color-3: #f59e0b;--chart-color-4: #ef4444;--chart-color-5: #0ea5e9;--chart-success: #22c55e;--chart-warning: #f59e0b;--chart-error: #ef4444}html.dark{--app-bg-page: #0b1220;--app-bg-base: #0f172a;--app-text: #e2e8f0;--app-text-secondary: #cbd5e1;--app-text-muted: #94a3b8;--app-card-bg: rgba(15, 23, 42, .72);--app-card-bg-strong: rgba(15, 23, 42, .86);--app-nav-bg: rgba(15, 23, 42, .55);--app-nav-color: #cbd5e1;--app-nav-border: rgba(148, 163, 184, .28);--app-border: rgba(148, 163, 184, .18);--app-divider: rgba(148, 163, 184, .12);--app-shadow-strong: 0 30px 60px -30px rgba(0, 0, 0, .7);--app-shadow-soft: 0 16px 32px -28px rgba(0, 0, 0, .6);--app-scrollbar-thumb: rgba(99, 102, 241, .45);--app-scrollbar-thumb-hover: rgba(99, 102, 241, .65);--app-selection: rgba(99, 102, 241, .32);--app-text-on-primary: #ffffff;--chart-bg: transparent;--chart-text: #cbd5e1;--chart-axis: #64748b;--chart-split: rgba(148, 163, 184, .18);--chart-color-1: #818cf8;--chart-color-2: #4ade80;--chart-color-3: #fbbf24;--chart-color-4: #f87171;--chart-color-5: #38bdf8;--chart-success: #4ade80;--chart-warning: #fbbf24;--chart-error: #f87171}html.dark .chat-page{background:radial-gradient(1100px 600px at 0% 0%,#1e1b4b,#1e1b4b00 55%),radial-gradient(1000px 600px at 100% 100%,#134e4a,#134e4a00 55%),radial-gradient(900px 520px at 50% 50%,#312e81,#312e8100 60%),linear-gradient(165deg,#0b1220,#0f172a 55%,#1e1b4b);color:var(--app-text)}html.dark .header-bar{box-shadow:var(--app-shadow-strong),inset 0 1px #ffffff14}html.dark .header-bar:after{background:linear-gradient(180deg,rgba(255,255,255,.06),transparent);opacity:.5}html.dark .header-bar h1 span{background-image:linear-gradient(96deg,#818cf8,#6366f1 45%,#22d3ee)}html.dark .input-area{box-shadow:var(--app-shadow-strong),inset 0 1px #ffffff14}html.dark .input-area:focus-within{box-shadow:0 0 0 4px #6366f124,0 0 32px -8px #6366f173,0 26px 54px -40px #1e293bbf,inset 0 1px #ffffff1a}html.dark .chat-box{box-shadow:var(--app-shadow-strong),inset 0 1px #ffffff14}html.dark .gift-modal,html.dark .intro-modal{box-shadow:var(--app-shadow-strong),inset 0 1px #ffffff14!important}.chat-page{position:relative;min-height:100vh;min-height:100dvh;padding:24px 20px;box-sizing:border-box;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;background:radial-gradient(1100px 600px at 0% 0%,#e0e7ff,#e0e7ff00 55%),radial-gradient(1000px 600px at 100% 100%,#cffafe,#cffafe00 55%),radial-gradient(900px 520px at 50% 50%,#ede9fe,#ede9fe00 60%),linear-gradient(165deg,#f8fafc,#eef2ff 55%,#f5f3ff);color:var(--app-text)}.chat-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.chat-bg .bg-particles{z-index:0}.cursor-glow{position:fixed;top:0;left:0;width:480px;height:480px;margin:-240px 0 0 -240px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,rgba(6,182,212,.06) 40%,transparent 70%);pointer-events:none;z-index:0;opacity:0;transition:opacity .6s ease;will-change:transform}.bg-stars{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:repeat;pointer-events:none;opacity:.85}.bg-stars:before,.bg-stars:after{content:"";position:absolute;width:2px;height:2px;border-radius:50%;background:#6366f1e6;box-shadow:120px 80px 0 .5px #6366f1b3,340px 220px #06b6d4d9,560px 140px 0 1px #8b5cf6bf,780px 360px #6366f199,1000px 120px 0 .5px #06b6d4b3,1240px 280px #8b5cf6cc,220px 460px 0 1px #6366f1a6,480px 540px #06b6d48c,720px 640px 0 .5px #8b5cf6b3,940px 720px #6366f199,1160px 580px 0 1px #06b6d4b3,1380px 460px #8b5cf6a6,60px 320px #6366f18c,280px 720px 0 .5px #06b6d4a6,640px 800px #8b5cf68c,880px 880px 0 1px #6366f1b3,1100px 940px #06b6d499,1320px 800px 0 .5px #8b5cf699,80px 980px #6366f180,360px 1080px 0 1px #06b6d4a6,600px 1140px #8b5cf68c,820px 1180px 0 .5px #6366f199,1080px 1080px #06b6d48c,1300px 1000px #8b5cf680;animation:starsTwinkle 4s ease-in-out infinite alternate}.bg-stars:after{left:-50%;top:40%;animation-delay:-2s;animation-duration:5s}@keyframes starsTwinkle{0%{opacity:.5;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}.bg-grid{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background-image:linear-gradient(rgba(99,102,241,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.07) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 85% 70% at 50% 35%,#000 12%,transparent 82%);-webkit-mask-image:radial-gradient(ellipse 85% 70% at 50% 35%,#000 12%,transparent 82%);animation:gridDrift 32s linear infinite}@keyframes gridDrift{0%{background-position:0 0}to{background-position:48px 48px}}.bg-blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;will-change:transform}.bg-blob-1{width:520px;height:520px;top:-200px;left:-160px;background:radial-gradient(circle at 32% 32%,rgba(99,102,241,.85),transparent 68%);animation:driftA 18s ease-in-out infinite}.bg-blob-2{width:560px;height:560px;right:-200px;bottom:-240px;background:radial-gradient(circle at 60% 42%,rgba(6,182,212,.7),transparent 68%);animation:driftB 22s ease-in-out infinite}.bg-blob-3{width:420px;height:420px;top:42%;left:18%;background:radial-gradient(circle at 50% 50%,rgba(139,92,246,.55),transparent 70%);animation:driftA 26s ease-in-out infinite reverse}@keyframes driftA{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(48px,32px,0) scale(1.12)}}@keyframes driftB{0%,to{transform:translateZ(0) scale(1.06)}50%{transform:translate3d(-52px,-30px,0) scale(1)}}.bg-scan{position:absolute;left:-10%;right:-10%;height:180px;background:linear-gradient(180deg,transparent 0%,rgba(99,102,241,.12) 50%,transparent 100%);filter:blur(6px);animation:scanMove 11s cubic-bezier(.45,0,.55,1) infinite}@keyframes scanMove{0%{top:-200px;opacity:0}18%{opacity:1}82%{opacity:1}to{top:108%;opacity:0}}.container{position:relative;z-index:1;max-width:940px;margin:0 auto;height:calc(100vh - 48px);height:calc(100dvh - 48px);display:flex;flex-direction:column;gap:16px}.header-bar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-radius:18px;background:var(--app-card-bg);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border:1px solid var(--app-border);box-shadow:var(--app-shadow-strong),inset 0 1px #ffffff80;overflow:hidden}.header-bar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(120deg,transparent 0%,rgba(99,102,241,.5) 22%,rgba(6,182,212,.45) 45%,rgba(139,92,246,.5) 68%,transparent 100%);background-size:240% 100%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:holoShift 9s linear infinite;pointer-events:none}@keyframes holoShift{0%{background-position:100% 0}to{background-position:-100% 0}}.header-bar:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.45),transparent);border-radius:inherit;pointer-events:none;opacity:.55}.header-bar .corner-deco{position:absolute;width:14px;height:14px;pointer-events:none;opacity:.7;z-index:2}.header-bar .corner-deco.tl{top:6px;left:6px;border-top:2px solid var(--c-primary);border-left:2px solid var(--c-primary);border-radius:2px 0 0}.header-bar .corner-deco.br{bottom:6px;right:6px;border-bottom:2px solid var(--c-secondary);border-right:2px solid var(--c-secondary);border-radius:0 0 2px}.header-bar h1{position:relative;display:flex;align-items:center;gap:12px;margin:0;font-size:17px;font-weight:700;z-index:1;min-width:0;flex-shrink:1}.header-bar h1 i{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;font-size:15px;color:#fff;background:linear-gradient(135deg,#6366f1,#7c3aed 55%,#06b6d4);background-size:180% 180%;box-shadow:0 12px 24px -10px #6366f1f2,0 0 0 2px #ffffff80 inset;animation:brandLogoShift 6s ease-in-out infinite}@keyframes brandLogoShift{0%,to{background-position:0 0}50%{background-position:100% 100%}}.header-bar h1 span{position:relative;letter-spacing:.3px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(96deg,#312e81,#4f46e5 45%,#0891b2);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:titleShimmer 8s ease-in-out infinite}@keyframes titleShimmer{0%,to{background-position:0 0}50%{background-position:100% 0}}.user-area{position:relative;display:flex;align-items:center;gap:10px;color:var(--app-nav-color);font-size:14px;z-index:1;flex-shrink:0}.user-profile:focus-visible{outline:none;border-color:#6366f180;box-shadow:0 0 0 4px #6366f124}.user-area .username{font-weight:600;color:var(--app-nav-color);max-width:14ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-gift-button{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border:none;border-radius:16px;background:linear-gradient(120deg,#6366f1,#7c3aed 52%,#06b6d4);background-size:160% 100%;color:#fff;font-size:15px;font-weight:700;letter-spacing:.5px;cursor:pointer;box-shadow:0 22px 40px -20px #4f46e5f2,inset 0 1px #ffffff40;transition:background-position .5s ease,filter .2s,transform .16s,box-shadow .25s}.add-gift-button:before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:4px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,#22d3ee,#6366f1);box-shadow:0 0 12px #22d3eeb3;opacity:.95}.add-gift-button:hover:not(.disabled){background-position:100% 0;filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 26px 48px -20px #4f46e5,inset 0 1px #ffffff4d}.add-gift-button:active:not(.disabled){transform:translateY(0)}.add-gift-button:after{content:"";position:absolute;top:0;left:-65%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skew(-20deg);transition:left .65s ease;pointer-events:none}.add-gift-button:hover:not(.disabled):after{left:135%}.add-gift-button.disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.chat-box{position:relative;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:18px;padding:22px;border-radius:20px;background:var(--app-card-bg);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid var(--app-border);box-shadow:var(--app-shadow-strong),inset 0 1px #ffffff80;scroll-behavior:smooth}.chat-box:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.35),transparent);border-radius:20px 20px 0 0;pointer-events:none;z-index:0}.chat-box::-webkit-scrollbar{width:8px}.chat-box::-webkit-scrollbar-track{background:transparent}.chat-box::-webkit-scrollbar-thumb{border-radius:99px;background:linear-gradient(180deg,#6366f14d,#06b6d44d)}.chat-box::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#6366f18c,#06b6d48c)}.empty-state{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px 16px;text-align:center;animation:msgIn .42s cubic-bezier(.22,1,.36,1) both;z-index:1}.empty-icon{position:relative;display:flex;align-items:center;justify-content:center;width:68px;height:68px;margin-bottom:8px;border-radius:22px;font-size:27px;color:#fff;background:linear-gradient(135deg,#6366f1,#7c3aed 55%,#06b6d4);background-size:180% 180%;box-shadow:0 22px 40px -18px #4f46e5f2,0 0 0 3px #fff6 inset;animation:brandLogoShift 7s ease-in-out infinite}.empty-icon:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:28px;border:1px solid rgba(99,102,241,.32);animation:emptyPulse 2.6s ease-out infinite;pointer-events:none}.empty-icon:after{content:"";position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;border-radius:32px;border:1px dashed rgba(99,102,241,.2);animation:emptyPulse 2.6s ease-out infinite .4s;pointer-events:none}@keyframes emptyPulse{0%{transform:scale(.94);opacity:.9}70%{transform:scale(1.14);opacity:0}to{transform:scale(1.14);opacity:0}}.empty-title{margin:0;font-size:17px;font-weight:700;letter-spacing:.3px;background:linear-gradient(96deg,#312e81,#4f46e5 45%,#0891b2);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:titleShimmer 9s ease-in-out infinite}.empty-desc{max-width:400px;margin:0;color:var(--app-text-muted);font-size:13.5px;line-height:1.8}.empty-tip{display:inline-flex;align-items:center;gap:8px;margin:8px 0 0;padding:7px 16px;border-radius:999px;background:#6366f114;border:1px solid rgba(99,102,241,.18);color:#4f46e5;font-size:12.5px}.empty-tip i{font-size:12px}.message{position:relative;display:flex;align-items:flex-start;gap:12px;animation:msgIn .36s cubic-bezier(.22,1,.36,1) both;z-index:1}@keyframes msgIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.message-icon{flex-shrink:0;width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:15px;color:#fff;background:linear-gradient(135deg,#6366f1,#7c3aed 58%,#06b6d4);background-size:180% 180%;box-shadow:0 12px 24px -12px #6366f1f2,0 0 0 2px #ffffff80 inset;position:relative;animation:brandLogoShift 9s ease-in-out infinite}.user-message .message-icon{background:linear-gradient(135deg,#0ea5e9,#6366f1);box-shadow:0 12px 24px -12px #0ea5e9f2,0 0 0 2px #ffffff80 inset}.user-message{flex-direction:row-reverse}.message-content{position:relative;max-width:76%;padding:12px 16px;border-radius:16px;background:var(--app-card-bg-strong);color:var(--app-text);font-size:14px;line-height:1.75;word-break:break-word;border:1px solid var(--app-border);box-shadow:var(--app-shadow-soft);transition:box-shadow .25s ease,border-color .25s ease,background-color .25s ease,color .25s ease}.message:hover .message-content{box-shadow:0 22px 40px -22px #6366f180}.system-message .message-content{background:var(--app-card-bg-strong);border-color:var(--app-border);border-top-left-radius:6px}.system-message .message-content:before{content:"";position:absolute;top:-1px;left:-1px;width:14px;height:14px;background:linear-gradient(135deg,transparent 50%,rgba(99,102,241,.2) 50%);border-top-left-radius:6px;pointer-events:none}.user-message .message-content{background:linear-gradient(135deg,#6366f1,#7c3aed);color:#fff;border-color:transparent;border-top-right-radius:6px;box-shadow:0 20px 34px -20px #6366f1f2,inset 0 1px #ffffff2e}.user-message .message-content:after{content:"";position:absolute;top:-1px;right:-1px;width:14px;height:14px;background:linear-gradient(225deg,transparent 50%,rgba(124,58,237,.5) 50%);border-top-right-radius:6px;pointer-events:none}.user-message:hover .message-content{box-shadow:0 26px 44px -20px #6366f1,inset 0 1px #ffffff38}.user-message .message-content p{margin:0}.copy-button{align-self:center;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid var(--app-border);border-radius:9px;background:var(--app-card-bg-strong);color:var(--app-text-muted);cursor:pointer;opacity:0;transform:translate(-4px);transition:opacity .2s,transform .2s,color .2s,border-color .2s,background-color .2s,box-shadow .2s}.message:hover .copy-button{opacity:1;transform:none}.copy-button:hover{color:#4f46e5;border-color:#6366f173;background:#6366f114;box-shadow:0 8px 16px -10px #6366f1b3}.loading{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;padding:10px 16px;border-radius:999px;background:#6366f117;border:1px solid rgba(99,102,241,.18);color:#4f46e5;font-size:13px;font-weight:500;position:relative;overflow:hidden}.loading:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(99,102,241,.16),transparent);animation:loadingSweep 1.8s linear infinite;pointer-events:none}.loading:after{content:"";position:relative;width:26px;height:5px;margin-left:2px;background:radial-gradient(circle,#6366f1 40%,transparent 41%) 0 0 / 5px 5px no-repeat,radial-gradient(circle,#6366f1 40%,transparent 41%) 10px 0 / 5px 5px no-repeat,radial-gradient(circle,#6366f1 40%,transparent 41%) 20px 0 / 5px 5px no-repeat;filter:drop-shadow(0 0 4px rgba(99,102,241,.5));animation:loadingDots 1.4s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes loadingSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes loadingDots{0%,to{opacity:.4}50%{opacity:1}}.loading i{color:#6366f1;font-size:14px;filter:drop-shadow(0 0 6px rgba(99,102,241,.55));z-index:1}.input-area{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px 12px 18px;border-radius:20px;background:var(--app-card-bg-strong);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid var(--app-border);box-shadow:var(--app-shadow-strong),inset 0 1px #ffffff80;transition:border-color .25s,box-shadow .25s,background-color .25s;overflow:hidden}.input-area:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#6366f1,#06b6d4,#7c3aed,transparent);background-size:200% 100%;opacity:0;transform:translateY(2px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.input-area:focus-within{border-color:#6366f180;box-shadow:0 0 0 4px #6366f124,0 0 32px -8px #6366f173,0 26px 54px -40px #1e293bbf,inset 0 1px #fffffff2}.input-area:focus-within:after{opacity:1;transform:translateY(0);animation:bottomFlow 3s linear infinite}@keyframes bottomFlow{0%{background-position:0 0}to{background-position:200% 0}}.input-area .input-icon{color:#94a3b8;font-size:16px;transition:color .25s}.input-area:focus-within .input-icon{color:#6366f1}.input-area .n-input{flex:1;--n-border: 1px solid transparent !important;--n-border-hover: 1px solid transparent !important;--n-border-focus: 1px solid transparent !important;--n-box-shadow-focus: none !important;--n-color: transparent !important;--n-color-focus: transparent !important}.input-area .n-input .n-input__input-el{font-size:14px}.input-area .n-button{border:none!important;background:linear-gradient(120deg,#6366f1,#7c3aed 60%,#06b6d4)!important;box-shadow:0 14px 28px -14px #4f46e5f2,inset 0 1px #ffffff40!important}.gift-modal,.intro-modal{border-radius:20px!important;border:1px solid var(--app-border)!important;box-shadow:var(--app-shadow-strong),inset 0 1px #fff6!important;overflow:hidden;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%)}.gift-modal{max-width:520px}.gift-modal--password{max-width:420px}.gift-modal--invite{max-width:680px}.intro-modal{max-width:560px}@media (max-width: 540px){.gift-modal,.gift-modal--password,.gift-modal--invite,.intro-modal{max-width:calc(100vw - 24px)}}.gift-modal .n-card-header,.intro-modal .n-card-header{position:relative;padding-bottom:16px;border-bottom:1px solid var(--app-divider)}.gift-modal .n-card-header:after,.intro-modal .n-card-header:after{content:"";position:absolute;left:0;bottom:-1px;width:84px;height:2px;border-radius:2px;background:linear-gradient(90deg,#6366f1,#06b6d4)}.gift-modal .n-card-header__main,.intro-modal .n-card-header__main{font-size:16px;font-weight:700;background:linear-gradient(96deg,#312e81,#4f46e5 45%,#0891b2);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:titleShimmer 9s ease-in-out infinite}.gift-modal .n-card__content{padding-top:20px}.gift-modal .gift-mode-banner{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;margin-bottom:14px;border:1px solid transparent;position:relative;overflow:hidden;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,color .3s ease}.gift-modal .gift-mode-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff73,#fff0 60%);pointer-events:none}.gift-modal .gift-mode-banner .mode-icon{position:relative;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;font-size:20px;background:#ffffffc7;box-shadow:0 8px 20px -10px #0f172a73;flex-shrink:0}.gift-modal .gift-mode-banner .mode-text{position:relative;display:flex;flex-direction:column;gap:2px;line-height:1.3;min-width:0}.gift-modal .gift-mode-banner .mode-label{font-size:16px;font-weight:700;letter-spacing:.6px}.gift-modal .gift-mode-banner .mode-hint{font-size:12px;opacity:.82}.gift-modal .gift-mode-banner.mode-giving{background:linear-gradient(135deg,#fff1f0,#ffe0de);border-color:#f43f5e61;color:#b91c2c;box-shadow:0 12px 30px -18px #f43f5e99}.gift-modal .gift-mode-banner.mode-giving .mode-icon{color:#f43f5e}.gift-modal .gift-mode-banner.mode-receiving{background:linear-gradient(135deg,#ecfeff,#d1f5f9);border-color:#06b6d461;color:#0e7490;box-shadow:0 12px 30px -18px #06b6d499}.gift-modal .gift-mode-banner.mode-receiving .mode-icon{color:#06b6d4}html.dark .gift-modal .gift-mode-banner.mode-giving{background:linear-gradient(135deg,#7f1d1d59,#7f1d1d2e);border-color:#f43f5e66;color:#fda4af}html.dark .gift-modal .gift-mode-banner.mode-receiving{background:linear-gradient(135deg,#164e6359,#164e632e);border-color:#06b6d466;color:#67e8f9}html.dark .gift-modal .gift-mode-banner .mode-icon{background:#0f172a66}.gift-modal .gift-tab-inner{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:13px;line-height:1;transition:color .25s ease}.gift-modal .gift-tab-inner i{font-size:13px}.gift-modal .gift-tab-inner.gift-tab-giving-inner{color:#f43f5ec7}.gift-modal .gift-tab-inner.gift-tab-receiving-inner{color:#06b6d4c7}.gift-modal .n-tabs-tab--active .gift-tab-inner{color:#fff}.intro-modal .n-card__content{padding-top:20px;max-height:60vh;overflow-y:auto}.intro-content{font-size:14px;line-height:1.85;color:var(--app-text)}.intro-loading{display:flex;align-items:center;gap:10px;padding:10px 0 6px;color:#4f46e5;font-size:14px}.intro-loading:before{content:"";width:16px;height:16px;border:2px solid rgba(99,102,241,.18);border-top-color:#6366f1;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.markdown-content h1,.markdown-content h2,.markdown-content h3{margin:14px 0 8px;font-weight:700;color:var(--app-text)}.markdown-content h1{font-size:18px}.markdown-content h2{font-size:16px}.markdown-content h3{font-size:15px}.markdown-content h1:first-child,.markdown-content h2:first-child,.markdown-content h3:first-child{margin-top:2px}.markdown-content p{margin:6px 0}.markdown-content ul,.markdown-content ol{padding-left:20px;margin:6px 0}.markdown-content li{margin:4px 0}.markdown-content li::marker{color:#6366f1}.markdown-content a{color:#4f46e5;text-decoration:none;border-bottom:1px dashed rgba(79,70,229,.5)}.markdown-content code{padding:2px 6px;border-radius:6px;background:#6366f11a;color:#be185d;font-size:13px;font-family:JetBrains Mono,Consolas,Monaco,monospace}.markdown-content pre{position:relative;margin:10px 0;padding:30px 16px 14px;border-radius:12px;overflow:hidden;background:linear-gradient(160deg,#131a33,#1e1b4b);color:#e2e8f0;border:1px solid rgba(99,102,241,.28);box-shadow:0 20px 36px -26px #0f172a,inset 0 1px #6366f12e}.markdown-content pre:before{content:"";position:absolute;top:0;left:0;right:0;height:28px;background:linear-gradient(180deg,rgba(99,102,241,.1),transparent);pointer-events:none}.markdown-content pre:after{content:"TERMINAL";position:absolute;top:6px;right:12px;font-size:10px;letter-spacing:2px;color:#94a3b8b3;font-family:JetBrains Mono,Consolas,Monaco,monospace;pointer-events:none}.markdown-content pre code{padding:0;background:transparent;color:inherit;display:block}.markdown-content blockquote{margin:10px 0;padding:8px 14px;border-left:3px solid transparent;border-image:linear-gradient(180deg,#6366f1,#06b6d4) 1;border-radius:0 8px 8px 0;background:#6366f112;color:var(--app-text-secondary)}.markdown-content hr{border:none;height:1px;margin:14px 0;background:linear-gradient(90deg,transparent,rgba(99,102,241,.35),transparent)}.markdown-table-wrapper{overflow-x:auto;margin:12px 0;border-radius:12px;border:1px solid var(--app-border);box-shadow:var(--app-shadow-soft)}.markdown-content table{border-collapse:collapse;width:100%;font-size:13px}.markdown-content th,.markdown-content td{border-bottom:1px solid var(--app-border);padding:9px 12px;text-align:left}.markdown-content th{background:linear-gradient(180deg,var(--app-bg-page) 0%,rgba(99,102,241,.1) 100%);font-weight:700;color:#6366f1;white-space:nowrap}.markdown-content tbody tr:last-child td{border-bottom:none}.markdown-content tbody tr:hover td{background:#6366f10d}@media (max-width: 768px){.chat-page{padding:calc(14px + env(safe-area-inset-top,0px)) 12px calc(14px + env(safe-area-inset-bottom,0px))}.container{height:calc(100vh - 28px);height:calc(100dvh - 28px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.header-bar h1 span{font-size:15px;display:none}.header-bar{padding:12px 14px;gap:8px}.user-area .username{display:none}.user-area{gap:6px}.chat-box{padding:16px;border-radius:16px}.message-content{max-width:84%}.input-area{padding:10px 12px 10px 14px;border-radius:16px}}@media (max-width: 480px){.header-bar h1 i{width:30px;height:30px;border-radius:10px;font-size:13px}.user-area .username{display:none}.header-bar .corner-deco{width:10px;height:10px}}@media (prefers-reduced-motion: reduce){.message,.empty-state,.empty-icon:before,.empty-icon:after,.empty-icon,.header-bar h1 i,.header-bar h1 span,.header-bar:before,.header-bar:after,.empty-title,.message-icon,.gift-modal .n-card-header__main,.intro-modal .n-card-header__main,.add-gift-button:after,.add-gift-button:before,.chat-box::-webkit-scrollbar-thumb,.bg-grid,.bg-blob,.bg-scan,.bg-stars:before,.bg-stars:after,.input-area:after,.loading:before,.loading:after{animation:none!important}.cursor-glow{display:none}}