:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#2f2933;--ink-soft:#655d68;--muted:#938894;--line:#4f3f4b21;--glass:#fffcf7c2;--glass-strong:#ffffffdb;--paper:#fffaf5;--coral:#ff7d8a;--coral-dark:#df586c;--peach:#ffb878;--lemon:#ffe496;--mint:#91d8c6;--sky:#96c9ed;--lilac:#d1c4ff;--shadow:0 18px 48px #533e4921;--shadow-soft:0 10px 28px #533e4917;--radius-card:8px;--radius-panel:14px;--font:"HarmonyOS Sans SC", "MiSans", "PingFang SC", "Noto Sans CJK SC", "Microsoft YaHei UI", sans-serif}*{box-sizing:border-box}html{background:var(--paper);min-width:320px}body{min-width:320px;min-height:100vh;color:var(--ink);font-family:var(--font);background:linear-gradient(115deg,#ff7d8a2e 0 13%,#0000 13% 42%,#91d8c638 42% 58%,#0000 58%),linear-gradient(166deg,#ffe49657,#fffaf5e0 34%,#96c9ed33 72%,#fffaf5fa);margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}input,textarea,select{border:1px solid var(--line);border-radius:var(--radius-card);width:100%;color:var(--ink);background:#ffffffb8;outline:none;padding:12px 13px;transition:border .2s,box-shadow .2s,transform .2s}textarea{resize:vertical;min-height:118px}input:focus,textarea:focus,select:focus{border-color:#ff7d8a9e;box-shadow:0 0 0 5px #ff7d8a1f}.vibe-app{grid-template-columns:112px minmax(0,1fr);min-height:100vh;display:grid;position:relative}.vibe-app:before{content:"";z-index:-3;background-image:linear-gradient(#3c2f3a0b 1px,#0000 1px),linear-gradient(90deg,#3c2f3a0b 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000);mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000)}.vibe-app:after{content:"";z-index:-2;pointer-events:none;background:repeating-linear-gradient(135deg,#ffffff29 0 1px,#0000 1px 18px),linear-gradient(90deg,#0000 0 7%,#ffffff52 7% 8%,#0000 8% 74%,#ffffff42 74% 75%,#0000 75%);position:fixed;inset:0}.noise{z-index:-1;pointer-events:none;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");position:fixed;inset:0}.nav-rail{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffff6b;border-right:1px solid #ffffffb8;flex-direction:column;align-items:center;gap:18px;height:100vh;padding:20px 12px;display:flex;position:sticky;top:0}.brand-pip{border-radius:var(--radius-panel);width:76px;min-height:72px;color:var(--ink);background:linear-gradient(135deg,#ffffffeb,#ffe2dac7);box-shadow:0 16px 32px #ff7d8a2e}.brand-pip strong{font-size:24px;line-height:1;display:block}.brand-pip span{color:var(--muted);margin-top:5px;font-size:12px;display:block}.nav-rail nav{gap:9px;width:76px;display:grid}.nav-rail nav button{border-radius:var(--radius-card);min-height:66px;color:var(--ink-soft);background:#ffffff70;place-items:center;gap:4px;transition:transform .22s,background .22s,color .22s,box-shadow .22s;display:grid;position:relative}.nav-rail nav button:hover{transform:translateY(-2px)}.nav-rail nav button.active{color:#fff;background:linear-gradient(135deg, var(--coral), var(--peach));box-shadow:0 14px 28px #ff7d8a40}.nav-rail i{background:#ffffff85;border-radius:8px;place-items:center;width:26px;height:26px;font-style:normal;font-weight:900;display:grid}.nav-rail span{font-size:12px;font-weight:800}.nav-rail b{color:#fff;background:var(--coral-dark);border-radius:999px;place-items:center;min-width:19px;height:19px;padding:0 6px;font-size:11px;display:grid;position:absolute;top:7px;right:7px}.vibe-main{width:min(1500px,100vw - 112px);margin:0 auto;padding:24px 26px 42px}.panel{border-radius:var(--radius-panel);background:var(--glass);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid #ffffffd1}.hero-stage{border-radius:var(--radius-panel);min-height:320px;box-shadow:var(--shadow);background:linear-gradient(135deg,#ffffffd6,#ffffff61),repeating-linear-gradient(90deg,#ff7d8a1a 0 1px,#0000 1px 34px);border:1px solid #ffffffd1;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:24px;padding:32px;display:grid;position:relative;overflow:hidden}.hero-stage:before{content:"";background:linear-gradient(90deg, transparent, var(--coral), var(--lemon), var(--mint), transparent);opacity:.42;height:8px;animation:6s ease-in-out infinite signalSweep;position:absolute;bottom:48px;left:0;right:0;transform:skewY(-4deg)}.hero-copy{z-index:1;align-self:center;position:relative}.kicker,.eyebrow{color:#7b6d79;letter-spacing:0;align-items:center;gap:8px;margin:0 0 12px;font-size:13px;font-weight:900;display:inline-flex}.live-dot{background:var(--mint);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 7px #91d8c62e}.hero-copy h1{letter-spacing:0;flex-direction:column;align-items:flex-start;gap:6px;margin:0;line-height:1;display:flex}.title-lead{letter-spacing:.12em;color:#0000;background:linear-gradient(100deg, var(--ink-soft), var(--coral-dark));-webkit-background-clip:text;background-clip:text;padding-left:18px;font-size:26px;font-weight:600;display:inline-block;position:relative}.title-lead:before{content:"";background:linear-gradient(135deg, var(--coral), var(--peach));border-radius:3px;width:10px;height:10px;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 4px 12px #ff7d8a66}.title-hero{color:#0000;background:linear-gradient(100deg, var(--coral), #ff9f5f 42%, #72bea9);-webkit-background-clip:text;background-clip:text;font-size:72px;font-weight:900;line-height:1.05;display:inline-block;position:relative}.title-hero:after{content:"有人一起";color:#7d5640;background:#ffe496c7;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700;animation:4.8s ease-in-out infinite floatCard;position:absolute;top:-8px;right:-8px;box-shadow:0 4px 12px #ffe4964d}.title-accent{background:linear-gradient(90deg, var(--coral), var(--peach), var(--mint));opacity:.7;border-radius:2px;width:48px;height:4px;margin-top:8px;display:block}.hero-copy p{max-width:650px;color:var(--ink-soft);margin:38px 0 0;font-size:17px;line-height:1.88}.hero-copy p mark{color:var(--coral-dark);background:linear-gradient(#0000 60%,#ffe49666 60%);border-radius:2px;padding:0 2px}.board-head h2 .h2-icon{color:#0000;background:linear-gradient(135deg, var(--coral), var(--peach));-webkit-background-clip:text;background-clip:text;margin-right:6px;font-size:18px;animation:4.6s ease-in-out infinite warmPulse;display:inline-block}.board-sub{color:var(--muted);letter-spacing:.02em;margin:6px 0 0;font-size:13px;font-weight:600}.resource-card h3{position:relative}.resource-card:hover h3{color:var(--coral-dark);transition:color .2s}.resource-card .card-side strong{color:var(--coral-dark);background:linear-gradient(135deg,#ff7d8a14,#ffb87814);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:800}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.login-state{min-height:40px;color:var(--ink-soft);background:#ffffff9e;border-radius:999px;align-items:center;padding:8px 13px;font-size:13px;font-weight:900;display:inline-flex}.primary,.soft,.ghost{white-space:nowrap;border-radius:999px;width:fit-content;min-height:40px;padding:9px 16px;font-weight:900;transition:transform .2s,box-shadow .2s,background .2s}.primary{color:#fff;background:linear-gradient(135deg, var(--coral), var(--peach));box-shadow:0 14px 30px #ff7d8a42}.soft{color:var(--ink);border:1px solid var(--line);background:#ffffffad}.ghost{color:var(--ink-soft);background:0 0}.primary:hover,.soft:hover,.ghost:hover{transform:translateY(-2px)}.tiny{min-height:32px;padding:7px 12px;font-size:12px}.compact{min-height:34px;padding:8px 13px;font-size:13px}.submit{min-height:46px}.hero-orbit{min-height:260px;position:relative}.orbit-ring{border-radius:var(--radius-panel);border:1px solid #5040481f;position:absolute;inset:32px;transform:rotate(-9deg)}.ring-b{border-style:dashed;inset:62px 16px 44px 84px;transform:rotate(7deg)}.moon-card{border-radius:var(--radius-card);min-width:150px;box-shadow:var(--shadow-soft);background:#ffffffb8;border:1px solid #ffffffe6;padding:16px;animation:4.8s ease-in-out infinite floatCard;position:absolute}.moon-card span{color:var(--muted);font-size:12px;font-weight:900;display:block}.moon-card strong{margin-top:8px;font-size:30px;display:block}.card-a{top:28px;left:16px}.card-b{animation-delay:.6s;top:104px;right:32px}.card-c{animation-delay:1.2s;bottom:24px;left:96px}.home-grid{grid-template-columns:minmax(0,1.06fr) minmax(380px,.7fr);gap:18px;margin-top:18px;display:grid}.board-head,.section-title,.wall-hero,.profile-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.resource-board,.detail-panel{padding:20px}.board-head h2,.section-title h2,.wall-hero h2{color:#0000;background:linear-gradient(135deg,#d94a5c,#e87a4a);-webkit-background-clip:text;background-clip:text;margin:0;font-size:28px;line-height:1.2;display:inline-block}.search-bar{border:1px solid var(--line);border-radius:var(--radius-card);background:#ffffffa3;align-items:center;gap:10px;margin:18px 0 12px;padding:8px 13px;display:flex}.search-bar span{color:var(--coral-dark);font-weight:900}.search-bar input{box-shadow:none;background:0 0;border:0;padding:8px 0}.chip-row{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.chip-row button{border:1px solid var(--line);min-height:32px;color:var(--ink-soft);background:#ffffff8f;border-radius:999px;padding:7px 12px}.chip-row button.active{color:#fff;background:linear-gradient(135deg, var(--coral), var(--peach));border-color:#0000}.play-row button.active{background:linear-gradient(135deg, var(--mint), var(--sky))}.resource-list{gap:12px;margin-top:14px;display:grid}.resource-card{border:1px solid var(--line);border-radius:var(--radius-card);width:100%;min-height:142px;color:var(--ink);text-align:left;animation:.5s both cardIn;animation-delay:var(--delay);background:#ffffff94;grid-template-columns:56px minmax(0,1fr) 132px;gap:14px;padding:14px;transition:transform .22s,border .22s,box-shadow .22s,background .22s;display:grid}.resource-card:hover,.resource-card.active{box-shadow:var(--shadow-soft);background:#ffffffd1;border-color:#ff7d8a61;transform:translateY(-3px)}.card-avatar{border-radius:var(--radius-card);background:#ffe4965c;border:1px solid #ffffffd9;width:54px;height:54px;overflow:hidden}.card-avatar img,.profile-avatar img,.avatar-grid img{object-fit:contain;width:100%;height:100%;display:block}.card-avatar span{place-items:center;width:100%;height:100%;font-weight:900;display:grid}.card-tags{flex-wrap:wrap;gap:8px;display:flex}.game-token,.play-token,.state-pill{color:#765741;background:#ffe4969e;border-radius:999px;width:fit-content;padding:5px 10px;font-size:12px;font-weight:900;display:inline-flex}.play-token{color:#3f6f64;background:#91d8c657}.state-pill{color:var(--coral-dark);background:#ff7d8a21}.resource-card h3{margin:11px 0 8px;font-size:19px;line-height:1.36}.resource-card p,.detail-hero p,.wall-hero p,.section-title p,.profile-vibe p,.signal-card p{color:var(--ink-soft);line-height:1.72}mark{color:#6a432b;background:#ffe496b8;border-radius:6px}.card-side{text-align:right;align-content:space-between;justify-items:end;display:grid}.card-side small{color:var(--muted);font-size:13px;font-weight:900}.card-side strong{color:var(--coral-dark);font-size:19px}.detail-panel{align-self:start;max-height:calc(100vh - 48px);position:sticky;top:24px;overflow:auto}.detail-title-row{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.detail-hero h2{color:#0000;background:linear-gradient(100deg, var(--coral), #ff9f5f 50%, #72bea9);-webkit-background-clip:text;background-clip:text;margin:14px 0 10px;font-size:28px;line-height:1.18;animation:.6s ease-out both detailTitleIn;display:inline-block;position:relative}.detail-hero h2:after{content:"";background:linear-gradient(90deg, var(--coral), var(--peach), var(--mint));border-radius:2px;width:0;height:3px;animation:.8s ease-out .3s forwards underlineGrow;position:absolute;bottom:-4px;left:0}@keyframes detailTitleIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes underlineGrow{0%{width:0}to{width:60%}}.detail-meta{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.detail-meta span{color:var(--ink-soft);background:#ffffff94;border-radius:999px;padding:6px 10px}.countdown-card{border-radius:var(--radius-panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ff7d8a14,#ffe4961f,#91d8c614);border:1px solid #ff7d8a26;margin:18px 0;padding:20px;position:relative;overflow:hidden}.cd-art{position:relative}.cd-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.cd-label{color:var(--muted);font-size:12px;font-weight:700}.cd-vibe{color:var(--coral-dark);background:#ff7d8a1a;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.cd-wave{border-radius:var(--radius-card);background:linear-gradient(135deg, var(--paper) 0%, #fff8f0 100%);border:1px solid #ff7d8a1f;justify-content:center;align-items:center;min-height:160px;margin:0;display:flex;position:relative;overflow:hidden}.cd-wave-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.cd-wave-anim{width:200%;height:100%;animation:6s linear infinite waveMove;position:absolute;bottom:-20%;left:0}@keyframes waveMove{0%{transform:translate(0)}to{transform:translate(-50%)}}.cd-wave-content{z-index:1;flex-direction:column;align-items:center;gap:10px;width:100%;padding:0 16px;display:flex;position:relative}.cd-wave-split{justify-content:center;align-items:center;gap:8px;display:flex}.cd-wave-half{flex-direction:column;align-items:center;min-width:72px;display:flex}.cd-wave-big{color:#0000;background:linear-gradient(135deg, var(--coral-dark), var(--coral), var(--peach), var(--lemon));filter:drop-shadow(0 2px 8px #ff7d8a40);-webkit-background-clip:text;background-clip:text;font-family:Noto Sans SC,system-ui,sans-serif;font-size:64px;font-weight:900;line-height:1}.cd-wave-label{color:var(--muted);margin-top:2px;font-size:12px;font-weight:600}.cd-wave-sep{color:var(--coral);opacity:.3;margin-top:-16px;font-size:48px;font-weight:900;line-height:1}.cd-wave-sub{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;opacity:.6;font-size:12px;font-weight:600}.cd-wave-mood{color:var(--coral-dark);margin-top:-2px;font-size:14px;font-weight:700}.cd-wave.cd-ended{place-items:center;min-height:160px;display:grid}.cd-ended{place-items:center;min-height:80px;display:grid}.cd-ended-text{color:var(--muted);font-size:15px;font-weight:700}.detail-block{border-top:1px solid var(--line);padding:16px 0}.detail-block h3{margin:0 0 12px}.input-stack{gap:9px;display:grid}.input-stack.horizontal,.message-reply{grid-template-columns:minmax(0,1fr) auto;align-items:center}.comment{border-radius:var(--radius-card);background:#ffffff85;margin-bottom:10px;padding:12px}.comment p{color:var(--ink-soft);margin:6px 0 0}.signal-page,.message-page{margin-top:18px}.signal-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.signal-card{border-radius:var(--radius-card);min-height:178px;color:var(--ink);text-align:left;box-shadow:var(--shadow-soft);background:#ffffffb3;border:1px solid #ffffffd1;padding:18px;transition:transform .22s}.signal-card:hover{transform:translateY(-3px)}.signal-card.large{background:linear-gradient(135deg,#fffc,#ffe4964d);grid-column:span 2}.signal-card.metric{background:linear-gradient(135deg,#ffffffc7,#91d8c63d)}.signal-card span,.wall-item span{color:var(--coral-dark);font-size:12px;font-weight:900}.signal-card strong{margin:14px 0 8px;font-size:22px;display:block}.signal-card.metric strong{font-size:38px}.tanhen-page,.composer-page,.profile-vibe{margin-top:18px;padding:24px}.wall-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.wall-stats div{border-radius:var(--radius-card);background:#ffffff94;padding:16px}.wall-stats strong{font-size:32px;display:block}.wall-stats span{color:var(--muted)}.wall-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.wall-item{border:1px solid var(--line);border-radius:var(--radius-card);animation:.5s both cardIn;animation-delay:var(--delay);background:#ffffff94;padding:18px}.wall-item h3{margin:10px 0 8px}.wall-item p{color:var(--ink-soft);line-height:1.7}.message-layout{grid-template-columns:360px minmax(0,1fr);gap:14px;margin-top:16px;padding:16px;display:grid}.message-list{align-content:start;gap:10px;max-height:540px;padding-right:2px;display:grid;overflow:auto}.message-list button{border-radius:var(--radius-card);min-height:76px;color:var(--ink);background:#ffffff85;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid;position:relative}.message-list button.active{background:linear-gradient(135deg,#ff7d8a2e,#ffffffb8)}.message-list button>span{border-radius:var(--radius-card);color:#fff;background:linear-gradient(135deg, var(--coral), var(--peach));place-items:center;width:42px;height:42px;font-weight:900;display:grid}.message-list strong,.message-list small{text-overflow:ellipsis;white-space:nowrap;text-align:left;display:block;overflow:hidden}.message-list small{color:var(--muted);margin-top:4px}.message-list b{color:#fff;background:var(--coral-dark);border-radius:999px;place-items:center;min-width:23px;height:23px;display:grid}.read-state{text-align:right}.message-detail{border-radius:var(--radius-card);background:#ffffff94;min-height:310px;padding:24px}.message-detail h3{margin:14px 0 10px;font-size:26px;line-height:1.22}.message-detail p{color:var(--ink-soft);line-height:1.8}.message-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.message-reply{gap:9px;margin-top:16px;display:grid}.composer{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.composer label,.profile-editor label{color:var(--ink-soft);gap:8px;font-weight:900;display:grid}.composer .full{grid-column:1/-1}.submit-line{justify-content:space-between;align-self:end;align-items:center;gap:12px;display:flex}.submit-line span{color:var(--coral-dark);font-size:13px}.profile-vibe h2{margin:0;font-size:32px}.profile-head{align-items:center}.profile-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.profile-avatar{border-radius:var(--radius-panel);width:78px;height:78px;box-shadow:var(--shadow-soft);background:#ffffffc2;flex:none;padding:6px;overflow:hidden}.profile-editor{border-radius:var(--radius-card);background:#ffffff85;grid-template-columns:minmax(240px,1fr) minmax(0,1.5fr) auto;align-items:end;gap:14px;margin-top:18px;padding:16px;display:grid}.password-panel{border-radius:var(--radius-card);background:#ffffff8a;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:12px;margin-top:14px;padding:16px;display:grid}.password-panel label{color:var(--ink-soft);gap:8px;font-weight:900;display:grid}.avatar-grid{grid-template-columns:repeat(6,48px);gap:8px;display:grid;overflow-x:auto}.avatar-grid button{border:1px solid var(--line);border-radius:var(--radius-card);background:#ffffffc2;width:48px;height:48px;padding:4px;overflow:hidden}.avatar-grid button.active{border-color:var(--coral);box-shadow:0 0 0 4px #ff7d8a1f}.profile-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.profile-stats button{border-radius:var(--radius-card);color:var(--ink);text-align:left;background:#ffffff8f;padding:16px}.profile-stats strong{font-size:28px;display:block}.profile-stats span{color:var(--muted)}.profile-sections{gap:10px;display:grid}.profile-sections article{border-radius:var(--radius-card);background:#ffffff85;overflow:hidden}.profile-sections article>button{width:100%;color:var(--ink);background:0 0;justify-content:space-between;gap:12px;padding:14px 16px;display:flex}.profile-sections article>div{padding:0 16px 14px;animation:.22s both cardIn}.empty-state{text-align:center;min-height:220px;color:var(--muted);place-items:center;display:grid}.empty-state strong{color:var(--ink)}.toast{z-index:80;border-radius:var(--radius-card);color:#fff;max-width:min(420px,100vw - 48px);box-shadow:var(--shadow);background:#2b2630eb;padding:13px 16px;animation:.25s both toastIn;position:fixed;bottom:24px;right:24px}.auth-mask{z-index:90;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#2f29333d;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.auth-card{gap:12px;width:min(440px,100%);padding:24px;display:grid;position:relative}.auth-card h2{margin:0;font-size:28px}.auth-card p{color:var(--ink-soft);margin:0;line-height:1.65}.auth-card label{color:var(--ink-soft);gap:7px;font-weight:900;display:grid}.auth-close{width:34px;height:34px;color:var(--ink);background:#ffffffc7;border-radius:50%;font-size:20px;position:absolute;top:12px;right:12px}.auth-switch{border:1px solid var(--line);background:#ffffff9e;border-radius:999px;gap:5px;width:fit-content;max-width:100%;padding:5px;display:flex}.auth-switch button{min-height:34px;color:var(--muted);background:0 0;border-radius:999px;padding:0 14px;font-weight:900}.auth-switch button.active{color:#8c4c5c;background:linear-gradient(135deg,#ffceded1,#ffdfbed1)}.auth-helper,.mini-line{font-size:13px}.code-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.auth-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}@keyframes signalSweep{0%,to{opacity:.34;transform:translate(-4%)skewY(-4deg)}50%{opacity:.58;transform:translate(4%)skewY(-4deg)}}@keyframes warmPulse{0%,to{filter:saturate();transform:translateY(0)}50%{filter:saturate(1.18);transform:translateY(-2px)}}@keyframes floatCard{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-8px)rotate(1deg)}}@keyframes cardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes countdownBreath{0%,to{width:58%}50%{width:78%}}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1120px){.vibe-app{grid-template-columns:1fr}.nav-rail{z-index:60;border-radius:var(--radius-panel);border:1px solid #ffffffd1;flex-direction:row;height:auto;padding:8px;position:fixed;inset:auto 12px 12px}.brand-pip{border-radius:var(--radius-card);flex:none;width:54px;min-height:54px}.brand-pip span{display:none}.nav-rail nav{scrollbar-width:none;gap:8px;width:100%;display:flex;overflow-x:auto}.nav-rail nav::-webkit-scrollbar{display:none}.nav-rail nav button{flex:0 0 62px;min-height:54px}.vibe-main{width:100%;padding:14px 14px 106px}.hero-stage,.home-grid{grid-template-columns:1fr}.detail-panel{max-height:none;position:static}.signal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-editor,.password-panel{grid-template-columns:1fr}}@media (width<=760px){:root{--shadow:0 12px 30px #533e491a;--shadow-soft:0 8px 18px #533e4914}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:linear-gradient(140deg,#ff7d8a1f 0 18%,#0000 18% 48%,#91d8c629 48% 66%,#0000 66%),linear-gradient(#fff8f0,#fffaf7 42%,#f7fbf7)}.vibe-app:before{opacity:.55;background-size:30px 30px;-webkit-mask-image:none;mask-image:none}.vibe-app:after,.noise{opacity:.08}.vibe-main{padding:10px 10px 92px}.panel,.hero-stage{border-radius:10px}.hero-stage{background:linear-gradient(135deg,#ffffffe6,#fffcf7b8),repeating-linear-gradient(90deg,#ff7d8a12 0 1px,#0000 1px 30px);gap:14px;min-height:auto;padding:18px 16px 16px;box-shadow:0 10px 24px #533e491a}.hero-stage:before{height:5px;bottom:28px}.hero-copy h1{flex-direction:column;gap:4px;max-width:none;display:flex}.title-lead{letter-spacing:.08em;padding-left:14px;font-size:18px}.title-lead:before{width:8px;height:8px}.title-hero{font-size:38px;line-height:1.1}.title-hero:after{padding:3px 8px;font-size:10px;top:-6px;right:-4px}.title-accent{width:32px;height:3px;margin-top:6px}.kicker,.eyebrow{margin-bottom:10px;font-size:12px}.hero-copy p{color:#625767;margin-top:28px;font-size:13px;line-height:1.72}.hero-actions{gap:8px;margin-top:16px}.primary,.soft,.ghost{min-height:34px;padding:7px 12px;font-size:12px}.hero-orbit{min-height:124px}.moon-card{border-radius:8px;min-width:96px;padding:10px}.moon-card strong{margin-top:4px;font-size:20px}.moon-card span{font-size:11px}.card-a{top:0;left:8px}.card-b{top:52px;right:4px}.card-c{bottom:0;left:84px}.orbit-ring{inset:16px 8px}.resource-board,.detail-panel,.tanhen-page,.composer-page,.profile-vibe{padding:14px}.home-grid,.signal-page,.message-page,.tanhen-page,.composer-page,.profile-vibe{margin-top:12px}.board-head h2,.section-title h2,.wall-hero h2,.detail-hero h2,.profile-vibe h2{font-size:20px;line-height:1.28}.search-bar{border-radius:8px;margin:14px 0 10px;padding:6px 11px}.search-bar input{min-height:34px;font-size:13px}.chip-row{scrollbar-width:none;flex-wrap:nowrap;gap:7px;margin-left:-2px;margin-right:-2px;padding-bottom:2px;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}.chip-row button{flex:none;min-height:30px;padding:6px 11px;font-size:11px}.resource-card{border-radius:9px;grid-template-columns:42px minmax(0,1fr);gap:10px;min-height:0;padding:12px}.card-avatar{width:42px;height:42px}.game-token,.play-token,.state-pill{padding:4px 8px;font-size:11px}.resource-card h3{margin:8px 0 6px;font-size:15px;line-height:1.38}.resource-card p{margin:0;font-size:12px;line-height:1.62}.card-side{text-align:left;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px;padding-top:2px;display:flex}.card-side strong,.card-side small{background:#ffffff9e;border-radius:999px;align-items:center;min-height:24px;padding:3px 8px;font-size:11px;display:inline-flex}.card-side strong{color:var(--coral-dark);font-size:12px}.input-stack.horizontal,.message-layout,.composer,.wall-list,.wall-stats,.message-reply{grid-template-columns:1fr}.profile-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.profile-stats button{padding:12px 10px}.profile-stats strong{font-size:22px}.signal-grid{grid-template-columns:1fr}.signal-card.large{grid-column:span 1}.board-head,.section-title,.wall-hero,.profile-head{display:grid}.nav-rail span{font-size:10px;line-height:1;display:block}.nav-rail{border-radius:12px;gap:6px;padding:6px;bottom:10px;left:10px;right:10px;box-shadow:0 10px 28px #533e4924}.brand-pip{width:48px;min-height:48px}.brand-pip strong{font-size:19px}.nav-rail nav{gap:6px}.nav-rail nav button{border-radius:9px;flex:0 0 54px;gap:3px;min-height:48px}.nav-rail i{border-radius:7px;width:22px;height:20px;font-size:12px}.nav-rail b{min-width:17px;height:17px;padding:0 5px;font-size:10px;top:3px;right:3px}.toast{max-width:none;padding:11px 13px;font-size:12px;bottom:78px;left:12px;right:12px}}@media (width<=440px){.vibe-main{padding-left:8px;padding-right:8px}.title-lead{font-size:16px}.title-hero{font-size:32px}.card-b{right:4px}.card-c{left:78px}.nav-rail nav button{flex-basis:50px}.nav-rail span{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.cd-wave.cd-permanent{background:linear-gradient(135deg,#fff8f0 0%,#f0f7f4 100%);border-color:#91d8c633;place-items:center;min-height:140px;display:grid}.cd-wave.cd-permanent .cd-wave-mood{color:var(--mint);font-size:22px;font-weight:800}.cd-wave.cd-permanent .cd-wave-sub{color:var(--muted);opacity:.7;font-size:12px;font-weight:600}