.aurora-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden;background:linear-gradient(135deg,#f5f7fa,#eef2f3)}.aurora-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:float 20s infinite ease-in-out alternate}.orb-1{width:60vw;height:60vw;background:#a8edea;top:-10%;left:-10%;animation-duration:25s}.orb-2{width:50vw;height:50vw;background:#fed6e3;bottom:-10%;right:-10%;animation-duration:30s;animation-delay:-5s}.orb-3{width:40vw;height:40vw;background:#d4fc79;top:40%;left:40%;transform:translate(-50%,-50%);animation-duration:22s;animation-delay:-10s}.aurora-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff6;backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px)}@keyframes float{0%{transform:translate(0) rotate(0)}33%{transform:translate(30px,50px) rotate(10deg)}66%{transform:translate(-20px,20px) rotate(-5deg)}to{transform:translate(0) rotate(0)}}.mood-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:2000;display:flex;align-items:center;justify-content:center;background:#0003;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mood-card{width:90%;max-width:320px;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:24px;padding:30px 24px;box-shadow:0 20px 50px #00000026;text-align:center;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.mood-title{font-size:20px;font-weight:600;color:var(--primary-color);margin-bottom:8px}.mood-subtitle{font-size:14px;color:var(--text-color);margin-bottom:24px;opacity:.8}.mood-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.mood-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff80;border:1px solid rgba(255,255,255,.8);border-radius:16px;padding:12px 0;cursor:pointer;transition:all .2s ease}.mood-btn:hover{background:#ffffffe6;transform:translateY(-3px);box-shadow:0 5px 15px #0000000d}.mood-btn.active{background:var(--primary-color);color:#fff;border-color:transparent}.mood-emoji{font-size:28px;margin-bottom:4px}.mood-label{font-size:12px;font-weight:500}.close-btn{margin-top:10px;background:transparent;border:none;color:#999;cursor:pointer;font-size:14px;text-decoration:underline}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}:root{--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .1);--glass-blur: blur(12px);--primary-color: #02543B;--text-color: #617971;--bg-gradient: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);--nav-height: 60px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;overflow:hidden;background:var(--bg-gradient);color:var(--text-color);-webkit-font-smoothing:antialiased}.iframe-container{box-sizing:border-box;padding:20px;width:100vw;height:100vh;position:relative;display:flex;flex-direction:column}.iframe-container.mobile{padding:.48rem 0 0}.iframe-container.mobile .watermark-overlay{height:.48rem;background:#fffc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.iframe-container.mobile .content-iframe{border:transparent;border-radius:0}.iframe-container.mobile .watermark-logo{width:.74rem;height:.17rem;margin-right:.07rem}.iframe-container.mobile .watermark-text{padding-left:.08rem}.iframe-container.mobile .watermark-title{font-size:.12rem}.iframe-container.mobile .watermark-content{padding:0;padding-left:.16rem}.content-iframe{width:100%;height:100%;flex:1;border:none;display:block;border:1px solid var(--glass-border);border-radius:16px;background:#ffffff4d;box-shadow:var(--glass-shadow);transition:all .3s ease}.watermark-overlay{position:fixed;top:0;left:0;width:100vw;height:56px;z-index:1000;display:flex;align-items:center;cursor:pointer;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border)}.watermark-content{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 32px}.left-watermark-content{display:flex;align-items:center}.watermark-logo{width:74px;height:17px;display:flex;align-items:center;justify-content:center;margin-right:14px}.watermark-logo svg{width:100%;height:100%}.watermark-text{display:flex;flex-direction:column;padding-left:14px;border-left:1px solid #C9DACC}.watermark-title{color:var(--text-color);font-family:PingFang SC;font-size:15px;font-style:normal;font-weight:400;line-height:17px}.jump-button{width:90px;height:44px;background:var(--primary-color);border-radius:120px;color:#fff;font-size:14px;font-style:normal;font-weight:500;line-height:14px;text-align:center;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;outline:none;transition:all .3s ease;margin-left:16px;box-shadow:0 4px 10px #02543b4d}.jump-button:hover{transform:scale(1.05);box-shadow:0 6px 15px #02543b66}.nav-dock{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:12px;padding:10px 20px;border-radius:24px;background:#fff9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.4);box-shadow:0 10px 40px #0000001a;z-index:1001;transition:bottom .3s ease}.iframe-container.mobile .nav-dock{bottom:10px;padding:8px 16px;width:90%;justify-content:space-around}.nav-item{text-decoration:none;color:var(--text-color);font-size:14px;font-weight:500;padding:8px 16px;border-radius:16px;transition:all .3s ease;display:flex;align-items:center;gap:6px}.nav-item:hover{background:#ffffff80}.nav-item.active{background:var(--primary-color);color:#fff;box-shadow:0 4px 12px #02543b33}.skeleton-loader{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:16px;overflow:hidden;z-index:10;display:flex;align-items:center;justify-content:center}.shimmer{width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fff6,#fff0);animation:shimmer 1.5s infinite;transform:skew(-20deg)}@keyframes shimmer{0%{transform:translate(-150%) skew(-20deg)}to{transform:translate(150%) skew(-20deg)}}
