:root{--bg: #000000;--text: #f5f5f7;--muted: #a1a1a6;--border: rgba(255, 255, 255, .1);--glass: rgba(20, 20, 22, .65);--mint: #aefbda;--sand: #fdf0b0;--coral: #ff8da1;--max-width: 1100px}body{background-color:var(--bg);color:var(--text);font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Inter,sans-serif;margin:0;padding:0;overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased}html[lang=en] .lang-zh,html[lang=zh-CN] .lang-en{display:none!important}.ambient-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden;background:#050505}.ambient-orb{position:absolute;border-radius:50%;filter:blur(140px);opacity:.35;animation:float 20s ease-in-out infinite alternate}.orb-1{width:50vw;height:50vw;background:var(--mint);top:-10vh;left:-10vw}.orb-2{width:45vw;height:45vw;background:var(--coral);top:30vh;right:-10vw;animation-delay:-5s}.orb-3{width:40vw;height:40vw;background:var(--sand);bottom:-10vh;left:20vw;animation-delay:-10s}@keyframes float{to{transform:translate(6%,6%)}}.nav-shell{position:fixed;top:24px;left:50%;transform:translate(-50%);width:calc(100% - 48px);max-width:800px;background:#14141480;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:1px solid var(--border);border-radius:100px;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;z-index:100}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;font-weight:600;font-size:1.05rem}.brand img{height:32px;border-radius:8px}.nav-links a{color:var(--muted);text-decoration:none;margin-left:24px;font-size:.95rem;transition:color .2s}.nav-links a:hover{color:#fff}.hero{padding:180px 24px 80px;text-align:center;max-width:800px;margin:0 auto}.hero-logo-wrapper{animation:float-logo 6s ease-in-out infinite alternate;margin-bottom:32px}.hero-main-logo{width:140px;height:140px;border-radius:28px;box-shadow:0 30px 60px #0009,0 0 0 1px #ffffff0d}@keyframes float-logo{0%{transform:translateY(0)}to{transform:translateY(-12px)}}.hero h1{font-size:clamp(2.8rem,8vw,5rem);font-weight:700;letter-spacing:-.04em;margin:0;line-height:1.15}.gradient-text{background:linear-gradient(135deg,var(--mint),var(--sand),var(--coral));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:clamp(1.05rem,2vw,1.3rem);color:var(--muted);margin:24px auto 40px;max-width:540px}.hero-btn{display:inline-block;background:#fff;color:#000;text-decoration:none;padding:16px 36px;border-radius:100px;font-weight:600;font-size:1.05rem;transition:transform .2s,box-shadow .2s;border:none;cursor:pointer}.hero-btn:hover{transform:scale(1.04);box-shadow:0 10px 30px #fff3}.cta-btn{background:linear-gradient(135deg,var(--mint),var(--sand));color:#000}.bento-section{max-width:var(--max-width);margin:0 auto 100px;padding:0 24px}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:340px;gap:20px}.bento-card{background:var(--glass);border:1px solid var(--border);border-radius:36px;padding:36px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s}.bento-card:hover{transform:translateY(-4px);border-color:#ffffff40}.span-2-col{grid-column:span 2}.bento-card h3{font-size:1.6rem;margin:0 0 8px;letter-spacing:-.02em;font-weight:600}.bento-card p{color:var(--muted);margin:0;font-size:1.05rem;line-height:1.5}.visual-island{margin-top:auto;background:#030303;border-radius:28px;height:84px;width:100%;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;padding:0 20px;box-shadow:0 20px 40px #0006;justify-content:space-between}.island-left{display:flex;align-items:center;gap:14px}.island-album{width:48px;height:48px;background:linear-gradient(135deg,var(--coral),var(--sand));border-radius:12px}.island-track-info strong{display:block;font-weight:600;font-size:15px;color:#fff}.island-track-info span{display:block;font-size:13px;color:var(--muted);margin-top:2px}.island-wave{display:flex;gap:4px;align-items:center;height:24px}.island-wave span{width:4px;border-radius:2px;background:var(--mint);animation:wave 1s ease-in-out infinite alternate}.island-wave span:nth-child(2){animation-delay:-.4s}.island-wave span:nth-child(3){animation-delay:-.8s}@keyframes wave{0%{height:8px}to{height:24px}}.visual-ai{margin-top:24px;display:flex;flex-direction:column;gap:10px}.ai-bubble{background:#ffffff14;padding:12px 16px;border-radius:16px 16px 16px 4px;font-size:.9rem;width:fit-content;color:#fff}.ai-bubble.reply{background:linear-gradient(135deg,#b8f2d526,#fdf0b026);border-bottom-left-radius:16px;border-bottom-right-radius:4px;align-self:flex-end;border:1px solid rgba(255,255,255,.05)}.visual-dropzone{margin-top:auto;height:110px;border:2px dashed rgba(255,255,255,.15);border-radius:24px;display:flex;align-items:center;justify-content:center;background:#ffffff05;color:var(--muted);font-weight:500;font-size:.95rem}.visual-widgets{margin-top:auto;display:flex;gap:14px;flex-wrap:wrap}.widget{background:#0006;border:1px solid rgba(255,255,255,.08);padding:14px 20px;border-radius:16px;font-weight:500;font-size:.95rem;color:#ddd}.widget.pomodoro{color:var(--coral)}.widget.lyric{color:var(--mint)}.bottom-cta{text-align:center;padding:60px 24px 100px}.bottom-cta h2{font-size:clamp(2rem,5vw,3rem);margin:0 0 32px;letter-spacing:-.03em}.footer{border-top:1px solid var(--border);padding:40px 24px}.footer-content{max-width:var(--max-width);margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;color:var(--muted);font-size:.95rem}.footer p{margin:0}.footer-links a{color:var(--muted);text-decoration:none;margin-left:20px;transition:color .2s}.footer-links a:hover{color:#fff}@media (max-width: 900px){.bento-grid{grid-template-columns:1fr;grid-auto-rows:minmax(280px,auto)}.span-2-col{grid-column:span 1}.nav-shell{width:calc(100% - 32px);padding:10px 16px}.hero{padding-top:140px}.footer-content{flex-direction:column;text-align:center;justify-content:center}.footer-links a{margin:0 10px}}body.legal-page .legal-main{padding-top:120px;max-width:800px;margin:0 auto;padding-inline:24px}body.legal-page h1,body.legal-page h2{letter-spacing:-.02em}body.legal-page .legal-list li{margin-bottom:8px;color:var(--muted)}body.legal-page .legal-section{background:var(--glass);padding:32px;border-radius:24px;border:1px solid var(--border);margin-bottom:24px}
