@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@200;300;400;500;600&family=ZCOOL+XiaoWei&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Noto Serif SC",serif;background:linear-gradient(180deg,#faf9f7,#f5f3f0);color:#2c2c2c;overflow-x:hidden;letter-spacing:.05em}.oriental-clouds{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.015;background-image:radial-gradient(circle at 20% 30%,rgba(139,125,107,.08) 0%,transparent 60%),radial-gradient(circle at 80% 70%,rgba(88,88,88,.05) 0%,transparent 60%)}.song-ink-wash{background:linear-gradient(180deg,#faf9f7fa,#f5f3f0f2);backdrop-filter:blur(10px)}@keyframes golden-glow{0%,to{box-shadow:0 0 20px #eab3084d,0 0 40px #eab3081a}50%{box-shadow:0 0 30px #eab30880,0 0 60px #eab30833}}.golden-glow{animation:golden-glow 3s ease-in-out infinite}.traditional-border{position:relative;border:2px solid;border-image:linear-gradient(45deg,#dc2626,#eab308,#dc2626) 1}.traditional-border:before,.traditional-border:after{content:"";position:absolute;width:20px;height:20px;border:2px solid #eab308}.traditional-border:before{top:-2px;left:-2px;border-right:none;border-bottom:none}.traditional-border:after{bottom:-2px;right:-2px;border-left:none;border-top:none}.calligraphy-title{font-family:Ma Shan Zheng,cursive;text-shadow:0 0 10px rgba(234,179,8,.5),2px 2px 4px rgba(0,0,0,.8);letter-spacing:.1em}.hongbao-button{background:linear-gradient(135deg,#dc2626,#991b1b);border:2px solid #fbbf24;box-shadow:0 4px 15px #dc262666,inset 0 1px #fff3;position:relative;overflow:hidden}.hongbao-button:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:shine 3s infinite}@keyframes shine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.hongbao-button:hover{background:linear-gradient(135deg,#ef4444,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 20px #dc262680,inset 0 1px #ffffff4d}.hongbao-button:disabled{background:linear-gradient(135deg,#4b5563,#374151);border-color:#6b7280;box-shadow:none}.chinese-frame{background:linear-gradient(to right,#eab308 2px,transparent 2px) 0 0,linear-gradient(to right,#eab308 2px,transparent 2px) 0 100%,linear-gradient(to left,#eab308 2px,transparent 2px) 100% 0,linear-gradient(to left,#eab308 2px,transparent 2px) 100% 100%,linear-gradient(to bottom,#eab308 2px,transparent 2px) 0 0,linear-gradient(to bottom,#eab308 2px,transparent 2px) 100% 0,linear-gradient(to top,#eab308 2px,transparent 2px) 0 100%,linear-gradient(to top,#eab308 2px,transparent 2px) 100% 100%;background-repeat:no-repeat;background-size:30px 30px}.xuan-paper{background:linear-gradient(180deg,#1e1e1ef2,#141414fa);backdrop-filter:blur(10px);border:1px solid rgba(234,179,8,.2);box-shadow:0 10px 40px #00000080,inset 0 1px #eab3081a}.seal-stamp{position:relative;display:inline-block}.seal-stamp:after{content:"";position:absolute;width:100%;height:100%;border:2px solid #dc2626;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);opacity:.3}@keyframes ripple{0%{box-shadow:0 0 #eab30866}to{box-shadow:0 0 0 20px #eab30800}}.ripple-effect{animation:ripple 2s infinite}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#dc2626,#991b1b);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ef4444,#b91c1c)}@media(max-width:640px){.calligraphy-title{font-size:2rem}}:root{--song-bg: #faf9f7;--song-card: #ffffff;--song-text-primary: #2c2c2c;--song-text-secondary: #6b6b6b;--song-text-tertiary: #9a9a9a;--song-accent: #8b7d6b;--song-accent-light: #b5a89a;--song-border: #e8e6e3;--song-shadow: rgba(0, 0, 0, .06)}.song-card{background:linear-gradient(180deg,#fffffffa,#fcfbf9f2);border:1px solid var(--song-border);box-shadow:0 2px 16px var(--song-shadow),0 1px 4px #00000005;transition:all .4s cubic-bezier(.4,0,.2,1)}.song-card:hover{box-shadow:0 4px 24px var(--song-shadow),0 2px 8px #00000008;transform:translateY(-2px)}.song-title{font-family:ZCOOL XiaoWei,"Noto Serif SC",serif;font-weight:400;letter-spacing:.15em;color:var(--song-text-primary);position:relative;display:inline-block}.song-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:40px;height:1px;background:linear-gradient(90deg,transparent 0%,var(--song-accent) 50%,transparent 100%)}.song-button{background:transparent;border:1px solid var(--song-accent);color:var(--song-accent);font-family:"Noto Serif SC",serif;font-weight:400;letter-spacing:.1em;padding:12px 32px;transition:all .3s ease;position:relative;overflow:hidden}.song-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--song-accent);transition:left .4s ease;z-index:0}.song-button:hover:before{left:0}.song-button:hover{color:#fff;border-color:var(--song-accent)}.song-button span{position:relative;z-index:1}.song-button:disabled{opacity:.4;cursor:not-allowed;border-color:var(--song-text-tertiary);color:var(--song-text-tertiary)}.song-button:disabled:before{display:none}.song-upload-area{border:1.5px dashed var(--song-border);background:transparent;transition:all .4s ease;position:relative}.song-upload-area:hover{border-color:var(--song-accent);background:#8b7d6b05}.song-upload-area.has-image{border-style:solid;border-color:var(--song-accent-light);background:#fff}.song-input{background:#fff;border:1px solid var(--song-border);color:var(--song-text-primary);font-family:"Noto Serif SC",serif;letter-spacing:.05em;transition:all .3s ease}.song-input:focus{outline:none;border-color:var(--song-accent);box-shadow:0 0 0 3px #8b7d6b14}.song-input::placeholder{color:var(--song-text-tertiary);font-weight:300}.song-breathing-space{padding:80px 40px}@media(max-width:768px){.song-breathing-space{padding:60px 24px}}.song-divider{height:1px;background:linear-gradient(90deg,transparent 0%,var(--song-border) 20%,var(--song-border) 80%,transparent 100%);margin:48px 0}.song-text-elegant{font-weight:300;line-height:2;letter-spacing:.08em;color:var(--song-text-secondary)}.song-checkbox{appearance:none;width:18px;height:18px;border:1.5px solid var(--song-accent-light);background:#fff;cursor:pointer;transition:all .3s ease;position:relative}.song-checkbox:checked{background:var(--song-accent);border-color:var(--song-accent)}.song-checkbox:checked:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.song-shadow-light{box-shadow:0 2px 12px #0000000a}.song-shadow-medium{box-shadow:0 4px 20px #0000000f}.song-transition{transition:all .4s cubic-bezier(.4,0,.2,1)}.song-icon{stroke-width:1.5;color:var(--song-accent)}.song-hover-lift{transition:transform .4s ease,box-shadow .4s ease}.song-hover-lift:hover{transform:translateY(-4px)}.song-bubble-button{border:1px solid transparent;background:linear-gradient(135deg,#f5f0e8,#ebe5d9);color:#6b5d4f;border-radius:24px;box-shadow:0 2px 8px #8b7d6b14,inset 0 1px 2px #fff9;position:relative}.song-bubble-button-active{background:linear-gradient(135deg,#f0e9d8,#e6dcc8);box-shadow:0 3px 12px #8b7d6b1f,inset 0 1px 3px #ffffffb3,inset 0 -1px 2px #8b7d6b14;transform:translateY(-1px)}.song-bubble-button-active:after{content:"";position:absolute;inset:0;border-radius:24px;border:1px solid rgba(139,125,107,.15);pointer-events:none}.song-bubble-button:hover{transform:translateY(-2px);box-shadow:0 4px 16px #8b7d6b24,inset 0 1px 2px #fff9}.song-hollow-button{border:1px solid #d8d3cc;background:transparent;color:#8b7d6b;border-radius:24px;transition:all .3s ease}.song-hollow-button:hover{border-color:#b5a89a;background:#8b7d6b08;transform:translateY(-1px);box-shadow:0 2px 8px #8b7d6b0f}.song-hollow-button:active{transform:translateY(0)}@tailwind base;@tailwind components;@tailwind utilities;:root{--primary-gold: #D4AF37;--primary-black: #1a1a1a;--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .5);--safe-top: env(safe-area-inset-top, 20px);--safe-bottom: env(safe-area-inset-bottom, 20px)}html,body{height:100%;width:100%;overflow:hidden;background-color:#f9f9f9;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif}#root{height:100%;width:100%;display:flex;flex-direction:column;position:relative;background-image:radial-gradient(circle at 0% 0%,rgba(212,175,55,.05) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(212,175,55,.05) 0%,transparent 50%)}.app-header{padding-top:var(--safe-top);height:calc(44px + var(--safe-top));display:flex;align-items:center;justify-content:center;background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.05);position:absolute;top:0;left:0;right:0;z-index:50;font-weight:600;font-size:17px;color:var(--primary-black)}.app-content{flex:1;overflow-y:auto;overflow-x:hidden;padding-top:calc(44px + var(--safe-top));padding-bottom:calc(80px + var(--safe-bottom));-webkit-overflow-scrolling:touch;padding-left:20px;padding-right:20px}.app-content::-webkit-scrollbar{width:0px;background:transparent}.bottom-action-bar{position:absolute;bottom:0;left:0;right:0;background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:16px 24px calc(16px + var(--safe-bottom));border-top:1px solid rgba(0,0,0,.05);z-index:50;display:flex;flex-direction:column;gap:10px}.btn-primary{background:linear-gradient(135deg,#1a1a1a,#333);color:#fff;border-radius:100px;height:50px;font-size:16px;font-weight:600;letter-spacing:1px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;transition:transform .1s active}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:#f5f5f5;color:#333;border-radius:100px;height:50px;font-size:15px;font-weight:500;display:flex;align-items:center;justify-content:center}.ui-card{background:#fff;border-radius:20px;padding:20px;box-shadow:0 8px 24px #0000000a;border:1px solid rgba(0,0,0,.02);margin-bottom:16px}.chat-input-container{background:#f2f2f2;border-radius:24px;padding:8px 16px;display:flex;align-items:center;transition:all .3s ease}.chat-input-container:focus-within{background:#fff;box-shadow:0 0 0 2px var(--primary-gold)}.chat-input{background:transparent;border:none;font-size:15px;width:100%;outline:none;padding:8px 0;color:#333}.bubble-assistant{background:#fff;border-radius:2px 18px 18px;padding:12px 16px;font-size:15px;line-height:1.5;color:#333;box-shadow:0 2px 8px #00000008;margin-bottom:12px;max-width:90%;align-self:flex-start}.bubble-user{background:#1a1a1a;color:#fff;border-radius:18px 2px 18px 18px;padding:12px 16px;font-size:15px;line-height:1.5;margin-bottom:12px;max-width:90%;align-self:flex-end;box-shadow:0 4px 12px #0000001a}