.home-page{background:radial-gradient(360px 220px at 50% 42%,rgba(255,72,32,.28),transparent 72%),linear-gradient(180deg,#101010,#141111 54%,#330c08)}.home-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(900px circle at -20% 0%,rgba(255,53,28,.24) 0%,transparent 36%),radial-gradient(600px circle at 105% 90%,rgba(180,18,10,.42) 0%,transparent 48%),linear-gradient(135deg,rgba(255,255,255,.04) 0 1px,transparent 1px 16px);pointer-events:none}.home-scroll{padding:32px 26px 28px;display:flex;flex-direction:column;justify-content:center}.home-logo{align-self:center;text-align:center;margin:0 auto 28px;animation:logoBreath 2.6s ease-in-out infinite;transform-origin:center}.home-logo-main,.home-logo-sub{display:block;font-family:Arial Rounded MT Bold,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-weight:900;letter-spacing:1px;line-height:.92;transform:rotate(-1deg)}.home-logo-main{font-size:44px;color:#ff3d22;text-shadow:0 5px 0 #6c1009,0 16px 28px rgba(255,48,24,.32)}.home-logo-sub{margin-top:8px;font-size:32px;color:#fff7ed;text-shadow:0 4px 0 rgba(0,0,0,.56),0 14px 24px rgba(255,255,255,.12)}@keyframes logoBreath{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}.home-header{text-align:center;margin-top:2px}.home-title{max-width:none;margin:0 auto;font-size:24px;font-weight:900;color:#ff3d22;letter-spacing:.8px;line-height:1.08;white-space:nowrap;text-shadow:0 4px 0 #6c1009,0 14px 26px rgba(255,52,26,.28)}.home-subtitle{margin-top:10px;font-size:14px;color:#ffffffe6;letter-spacing:.8px;font-weight:800;text-shadow:0 2px 14px rgba(0,0,0,.5)}.home-hero{margin:0 0 10px;display:flex;flex-direction:column;align-items:center;position:relative}.home-hero-art{position:relative;width:calc(100% + 44px);height:244px;margin:-4px -22px 0;overflow:hidden;background:transparent}.home-hero-art:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;pointer-events:none;background:linear-gradient(90deg,#171111,#17111100 11%,#17111100 89%,#171111),linear-gradient(180deg,#17111100,#17111100 72%,#1a0d0b),radial-gradient(ellipse at center,#0000 56%,#00000047)}.home-antagonists{width:100%;height:100%;object-fit:cover;object-position:center 46%;display:block;transform:scale(1.01);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 86%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 86%,transparent 100%);-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.home-copy{margin-top:18px;position:relative;z-index:2}.home-hero-tag{position:relative;z-index:2;margin-top:18px;font-size:14px;color:#fff5e8;background:#ff4626eb;padding:9px 15px;border-radius:999px;box-shadow:0 7px #771407,0 16px 28px #00000047;border:1px solid rgba(255,255,255,.18);font-weight:800}.home-meta{display:flex;justify-content:center;gap:8px;margin-top:20px;flex-wrap:nowrap}.home-meta-item{background:#ffffff17;border:1px solid rgba(255,255,255,.12);padding:7px 10px;border-radius:14px;font-size:12px;color:#f8f1e8;font-weight:800;box-shadow:0 10px 22px #00000038;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.home-tips{margin:20px auto 0;max-width:340px;display:flex;flex-direction:column;gap:8px;background:#ffffff14;padding:11px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 28px #00000038;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.home-tip{font-size:12px;color:#ffffffc2;font-weight:700}.home-footer{padding:14px 22px calc(22px + env(safe-area-inset-bottom,0));display:flex;flex-direction:column;gap:10px;background:linear-gradient(180deg,#10101000,#101010e6 32%,#101010)}.btn{height:56px;border-radius:16px;font-size:19px;font-weight:800;letter-spacing:1.2px;width:100%;transition:transform .08s ease,box-shadow .12s ease}.btn-primary{background:linear-gradient(180deg,#ff5b25,#d82912);color:#fff;box-shadow:0 5px #8c1609,0 16px 28px #ff341a47}.btn-primary:active{transform:translateY(3px);box-shadow:0 1px #8c1609,0 2px 6px #ff5a3a33}.btn-ghost{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.16);box-shadow:0 2px #00000061}.btn-ghost:active{transform:translateY(2px);box-shadow:0 0 #00000061}.stat-row{margin-bottom:4px}.stat-head{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--ink-2);margin-bottom:3px}.stat-emoji{font-size:13px}.stat-label{flex:0 0 auto;color:var(--ink);font-weight:500}.stat-value{margin-left:auto;color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}.stat-delta{font-size:10px;font-weight:700;padding:1px 6px;border-radius:999px;margin-left:4px;animation:pop .3s ease}.delta-up{background:#e6f6ec;color:var(--good)}.delta-down{background:#fbe7e5;color:var(--bad)}.stat-track{width:100%;height:6px;background:#e9e3d3;border-radius:999px;overflow:hidden;position:relative}.stat-fill{height:100%;border-radius:999px;transition:width .5s cubic-bezier(.22,1,.36,1)}.stat-head{color:#fff7edb8}.stat-label,.stat-value{color:#fff7ed}.stat-track{background:#ffffff24}.stat-fill{box-shadow:0 0 16px #ff3d2247}.event-card{background:var(--card);border-radius:var(--radius-lg);padding:18px 18px 16px;box-shadow:var(--shadow);position:relative;border:1px solid var(--line)}.event-time{display:inline-block;font-size:12px;color:#fff;background:var(--ink);padding:3px 10px;border-radius:999px;font-weight:600;letter-spacing:.4px}.event-title{font-size:18px;font-weight:700;margin-top:10px;color:var(--ink);line-height:1.35}.event-desc{font-size:14px;color:var(--ink-2);margin-top:8px;line-height:1.6}.bubble{margin-top:14px;padding:10px 12px 12px;border-radius:14px;position:relative;font-size:14px;line-height:1.5;border:1px solid transparent}.bubble:before{content:"";position:absolute;top:-6px;left:18px;width:12px;height:12px;background:inherit;border-left:1px solid inherit;border-top:1px solid inherit;transform:rotate(45deg);border-color:inherit;border-bottom:none;border-right:none}.bubble-from{font-size:11px;font-weight:700;letter-spacing:.3px;margin-bottom:4px;color:var(--ink-2)}.bubble-text{color:var(--ink)}.bubble-boss{background:#fff3eb;border-color:#ffd9c2}.bubble-boss .bubble-from{color:var(--primary-2)}.bubble-colleague{background:#eef2ff;border-color:#d6dcff}.bubble-colleague .bubble-from{color:var(--accent-2)}.bubble-system{background:#f1f0eb;border-color:#e3e0d4}.bubble-system .bubble-from{color:var(--ink-2)}.bubble-self{background:#fdf6e3;border-color:#f0e4be}.bubble-self .bubble-from{color:#b1872a}.bubble-family{background:#fdecef;border-color:#f7c8d2}.bubble-family .bubble-from{color:#c63d63}.bubble-friend{background:#e7f6ee;border-color:#c7e8d4}.bubble-friend .bubble-from{color:#2f8c5a}.event-card{background:#ffffff14;border:1px solid rgba(255,255,255,.14);box-shadow:0 16px 34px #00000047;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.event-time{background:linear-gradient(180deg,#ff5b25,#d82912);color:#fff;box-shadow:0 3px #8c1609}.event-title,.event-desc,.bubble-text{color:#fff7ed}.bubble,.bubble-boss,.bubble-colleague,.bubble-system,.bubble-self,.bubble-family,.bubble-friend{background:#ffffff14;border-color:#ffffff24}.bubble-from,.bubble-boss .bubble-from,.bubble-colleague .bubble-from,.bubble-system .bubble-from,.bubble-self .bubble-from,.bubble-family .bubble-from,.bubble-friend .bubble-from{color:#ff9b86}.choice-btn{display:flex;align-items:center;gap:10px;width:100%;background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:12px 14px;text-align:left;font-size:15px;color:var(--ink);font-weight:500;box-shadow:0 2px #e7e1d2;transition:transform .08s ease,box-shadow .12s ease,background .12s ease}.choice-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 0 #e7e1d2;background:#faf6ec}.choice-btn:disabled{opacity:.6}.choice-tag{flex:0 0 28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;border-radius:8px;font-size:13px;font-weight:700}.choice-text{flex:1;line-height:1.4}.choice-btn{background:#ffffff17;color:#fff7ed;border:1px solid rgba(255,255,255,.15);box-shadow:0 3px #0000006b,0 12px 24px #0003}.choice-btn:active:not(:disabled){background:#ff5b252e;box-shadow:0 0 #0000}.choice-tag{background:linear-gradient(180deg,#ff5b25,#d82912);color:#fff;box-shadow:0 3px #8c1609}.fb-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#14120e73;display:flex;align-items:flex-end;justify-content:center;z-index:99;animation:fadeIn .2s ease both}.fb-card{width:100%;max-width:460px;background:#fff;border-radius:24px 24px 0 0;padding:20px 18px calc(20px + env(safe-area-inset-bottom,0));box-shadow:var(--shadow-lg);animation:slideUp .28s ease both}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.fb-title{font-size:13px;color:var(--ink-2);font-weight:600;letter-spacing:.4px}.fb-list{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.fb-empty{font-size:13px;color:var(--ink-2)}.fb-item{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:999px;font-size:13px;font-weight:600;background:#f5f1e6}.fb-item.fb-up{background:#e6f6ec;color:var(--good)}.fb-item.fb-down{background:#fbe7e5;color:var(--bad)}.fb-emoji{font-size:14px}.fb-num{font-variant-numeric:tabular-nums}.fb-quote{margin-top:14px;padding:12px 14px;background:#fdf7e7;border-left:3px solid var(--warn);border-radius:8px;font-size:14px;line-height:1.55;color:var(--ink)}.fb-next{margin-top:16px;width:100%;height:48px;border-radius:14px;background:var(--ink);color:#fff;font-weight:700;font-size:16px;letter-spacing:.5px;box-shadow:0 2px #1a1a1a}.fb-next:active{transform:translateY(2px);box-shadow:0 0 #1a1a1a}.fb-mask{background:#00000094}.fb-card{background:radial-gradient(420px 180px at 50% 0%,rgba(255,61,34,.16),transparent 70%),#171111;color:#fff7ed;border:1px solid rgba(255,255,255,.14);box-shadow:0 -20px 42px #00000075}.fb-title,.fb-empty{color:#fff7edb8}.fb-item{background:#ffffff17;color:#fff7ed;border:1px solid rgba(255,255,255,.12)}.fb-item.fb-up{background:#4caf6e2e;color:#9df0b7}.fb-item.fb-down{background:#e0524a2e;color:#ff9b92}.fb-quote{background:#ff5b251f;color:#fff7ed;border:1px solid rgba(255,91,37,.32);border-left:4px solid #ff5b25}.fb-next{background:#ffffff14;color:#fff7ed;border:1px solid rgba(255,255,255,.16);box-shadow:0 3px #00000070}.daily-page{background:radial-gradient(520px 320px at 50% 0%,rgba(255,61,34,.22),transparent 62%),radial-gradient(560px 420px at 100% 100%,rgba(128,20,12,.52),transparent 60%),linear-gradient(180deg,#101010,#171111 48%,#330c08);color:#fff7ed}.daily-topbar{text-align:center;padding:16px 18px 12px;font-size:14px;font-weight:900;letter-spacing:1px;background:#101010d6;border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 16px 30px #00000042}.daily-scroll{padding:18px 18px 110px}.daily-poster,.daily-card,.daily-delta{background:#ffffff14;border:1px solid rgba(255,255,255,.14);box-shadow:0 16px 34px #00000047;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.daily-poster{position:relative;overflow:hidden;border-radius:24px;padding:18px 16px 22px;text-align:center}.daily-poster:before{content:"";position:absolute;inset:-30% -20% auto;height:220px;background:radial-gradient(circle,rgba(255,91,37,.42),transparent 66%)}.daily-badge{position:relative;display:inline-flex;padding:6px 12px;border-radius:999px;background:#ff5b252e;border:1px solid rgba(255,91,37,.36);color:#ffb8a8;font-size:12px;font-weight:900}.daily-title{position:relative;margin-top:18px;font-size:28px;line-height:1.08;font-weight:1000;color:#fff7ed;text-shadow:0 4px 0 #6c1009,0 18px 30px rgba(255,61,34,.2)}.daily-copy{position:relative;margin:10px auto 0;max-width:330px;font-size:14px;line-height:1.7;color:#fff7edd1;font-weight:700}.daily-deltas{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.daily-delta{border-radius:16px;padding:11px 8px;text-align:center;display:flex;flex-direction:column;gap:4px}.daily-delta span{font-size:22px}.daily-delta small{color:#fff7edb8;font-weight:800}.daily-delta b{color:#fff7ed;font-size:15px;font-variant-numeric:tabular-nums}.daily-delta.is-up b{color:#ffe089}.daily-delta.is-down b{color:#ff9b86}.daily-card{margin-top:14px;border-radius:18px;padding:15px}.daily-card-title{color:#ff9b86;font-size:13px;font-weight:900;letter-spacing:.8px}.daily-events{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-direction:column;gap:8px}.daily-events li{display:flex;align-items:center;gap:9px;color:#fff7eddb;font-size:13px;line-height:1.4;font-weight:700}.daily-events li span{width:24px;height:24px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#ff5b25,#d82912);color:#fff;box-shadow:0 3px #8c1609;flex:0 0 auto}.daily-footer{padding:14px 18px calc(22px + env(safe-area-inset-bottom,0));display:flex;flex-direction:column;gap:10px;background:linear-gradient(180deg,#10101000,#101010e0 30%,#101010)}.game-page{background:linear-gradient(180deg,#f6efde,#ecf1f5)}.game-topbar{position:relative;padding:8px 12px 6px;display:flex;align-items:center;gap:8px;background:#ffffffb3;backdrop-filter:saturate(140%) blur(8px);-webkit-backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--line)}.game-quit{width:28px;height:28px;border-radius:10px;background:#fff;border:1px solid var(--line);font-size:16px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px #e7e1d2}.game-quit:active{transform:translateY(2px);box-shadow:0 0 #e7e1d2}.game-day{flex:1;text-align:center;font-size:12px;color:var(--ink)}.game-day b{font-weight:800;color:var(--primary-2);margin:0 2px}.game-progress-wrap{position:absolute;left:16px;right:16px;bottom:4px;height:4px;background:#e9e3d3;border-radius:999px;overflow:hidden}.game-progress{height:100%;background:linear-gradient(90deg,#ff7a59,#ff5a3a);transition:width .4s ease}.game-scroll{padding:10px 16px 14px}.stats-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:10px 12px 6px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;row-gap:4px}.game-event-wrap{margin-top:12px}.game-choices{margin-top:14px;display:flex;flex-direction:column;gap:10px}.game-bottom-spacer{height:8px}.game-page{background:radial-gradient(520px 320px at 50% 0%,rgba(255,61,34,.22),transparent 62%),radial-gradient(560px 420px at 100% 100%,rgba(128,20,12,.52),transparent 60%),linear-gradient(180deg,#101010,#171111 48%,#330c08);color:#fff7ed}.game-topbar{background:#101010d6;border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 16px 30px #00000042;backdrop-filter:blur(12px) saturate(130%);-webkit-backdrop-filter:blur(12px) saturate(130%)}.game-quit{background:#ffffff14;color:#fff7ed;border:1px solid rgba(255,255,255,.18);box-shadow:0 3px #00000073}.game-day{color:#fff7ed;font-weight:900;text-shadow:0 2px 14px rgba(0,0,0,.5)}.game-day b{color:#ff4a2d}.game-progress-wrap{background:#ffffff24}.game-progress{box-shadow:0 0 16px #ff3d2247}.stats-card{background:#ffffff14;border:1px solid rgba(255,255,255,.14);box-shadow:0 16px 34px #00000047;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.game-topbar{align-items:flex-start;padding-bottom:8px}.game-progress-panel{flex:1;min-width:0}.week-progress{position:relative;margin-top:6px;padding:0 2px}.week-progress-line{position:absolute;left:13px;right:13px;top:8px;height:4px;border-radius:999px;background:#ffffff21;overflow:hidden}.week-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff3d22,#ffb14a,#fff1a4);box-shadow:0 0 18px #ff3d229e;transition:width .45s cubic-bezier(.22,1,.36,1)}.week-dots{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.week-dot{display:flex;flex-direction:column;align-items:center;gap:2px;color:#fff7ed80;font-size:9px;font-weight:900}.week-dot:before{content:"";width:16px;height:16px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 0 10px #00000047}.week-dot.is-done:before,.week-dot.is-current:before{background:radial-gradient(circle at 35% 30%,#fff8bf,#ff5b25 48%,#9b170b);border-color:#ffffff75;box-shadow:0 0 20px #ff4a2db8,inset 0 0 8px #ffffff47}.week-dot.is-current{color:#fff7ed}.week-dot.is-current:before{animation:progressPulse 1.2s ease-in-out infinite}@keyframes progressPulse{0%,to{transform:scale(1)}50%{transform:scale(1.13)}}.shift-progress-card{border-radius:16px;padding:9px 12px 10px;margin-bottom:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);box-shadow:0 16px 34px #00000047;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.shift-card-head{display:flex;align-items:center;justify-content:space-between;color:#fff7ed;font-size:11px;font-weight:900;letter-spacing:.8px}.shift-card-head b{color:#ffb14a;font-size:14px}.shift-progress-track{margin-top:7px;height:8px;border-radius:999px;overflow:hidden;background:#ffffff21;border:1px solid rgba(255,255,255,.1)}.shift-progress-fill{height:100%;background:repeating-linear-gradient(135deg,rgba(255,255,255,.22) 0 8px,transparent 8px 16px),linear-gradient(90deg,#ff3d22,#ff8b32);box-shadow:0 0 18px #ff5b2580;transition:width .42s cubic-bezier(.22,1,.36,1);animation:barberMove 1.2s linear infinite}@keyframes barberMove{0%{background-position:0 0,0 0}to{background-position:22px 0,0 0}}.shift-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:7px}.shift-step{display:flex;flex-direction:column;gap:2px;align-items:center;min-width:0;color:#fff7ed8f;font-size:9px;font-weight:800;text-align:center}.shift-mark{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#ffffff1a;color:#fff7ed;border:1px solid rgba(255,255,255,.15)}.shift-step.is-done .shift-mark,.shift-step.is-current .shift-mark{background:linear-gradient(180deg,#ff5b25,#d82912);box-shadow:0 4px #8c1609,0 0 20px #ff3d2266}.shift-step.is-current{color:#fff7ed}.result-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background:radial-gradient(720px 520px at 50% 0%,rgba(255,78,45,.2),transparent 62%),radial-gradient(760px 560px at 100% 100%,rgba(120,18,12,.44),transparent 62%),linear-gradient(180deg,#100f0e,#1a1110 54%,#330d08)}.result-poster-page{position:relative;width:min(100vw,430px,56.25vh);aspect-ratio:9 / 16;height:min(100vh,calc(min(100vw,430px) * 16 / 9));margin:0 auto;overflow:hidden;background-size:cover;background-position:center top;background-repeat:no-repeat;box-shadow:0 24px 70px #00000057}.result-nav{position:absolute;top:max(10px,env(safe-area-inset-top,0px));left:12px;right:12px;z-index:2;display:flex;justify-content:space-between;pointer-events:none}.result-nav button{pointer-events:auto;border:1px solid rgba(255,255,255,.44);border-radius:999px;padding:7px 10px;color:#fff7ed;background:#140e0c5c;box-shadow:0 8px 18px #00000029;backdrop-filter:blur(10px) saturate(130%);-webkit-backdrop-filter:blur(10px) saturate(130%);font-size:12px;font-weight:900}.result-share-btn{position:absolute;left:18%;right:18%;bottom:max(1.45%,env(safe-area-inset-bottom,0px));-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;min-height:36px;border-radius:999px;color:#fffaf3;background:linear-gradient(180deg,#ff5a38,#ed321f);box-shadow:0 4px #8b180d,0 10px 18px #ff3c2038;font-size:15px;font-weight:950;letter-spacing:.2px;cursor:pointer}.result-share-btn:active{transform:translateY(3px);box-shadow:0 2px #8b180d,0 8px 14px #ff3c202e}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 360px){.result-share-btn{left:17%;right:17%;min-height:32px;font-size:14px}}.guide-page{background:linear-gradient(180deg,#f8f1e1,#ecf1f5)}.guide-topbar{position:relative;padding:14px 16px 12px;display:flex;align-items:center;background:#ffffffb3;backdrop-filter:saturate(140%) blur(8px);-webkit-backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--line)}.guide-back{width:36px;height:36px;border-radius:12px;background:#fff;border:1px solid var(--line);font-size:18px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px #e7e1d2}.guide-back:active{transform:translateY(2px);box-shadow:0 0 #e7e1d2}.guide-title{flex:1;text-align:center;font-size:16px;font-weight:800;letter-spacing:1px;margin-right:36px}.guide-scroll{padding:18px}.guide-intro{font-size:13px;color:var(--ink-2);background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;line-height:1.6;box-shadow:var(--shadow)}.guide-card{margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;gap:12px;box-shadow:var(--shadow)}.guide-emoji{font-size:32px;flex:0 0 44px;text-align:center;line-height:1.1}.guide-card-body{flex:1}.guide-card-title{font-size:16px;font-weight:800;color:var(--ink)}.guide-condition{margin-top:4px;font-size:12px;color:var(--primary-2);font-weight:700}.guide-summary{margin-top:6px;font-size:13px;color:var(--ink-2);line-height:1.5}.guide-foot{margin-top:18px;text-align:center;font-size:12px;color:var(--ink-2)}.guide-page{background:radial-gradient(520px 320px at 50% 0%,rgba(255,61,34,.22),transparent 62%),radial-gradient(560px 420px at 100% 100%,rgba(128,20,12,.52),transparent 60%),linear-gradient(180deg,#101010,#171111 48%,#330c08);color:#fff7ed}.guide-topbar{background:#101010d6;border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 16px 30px #00000042;backdrop-filter:blur(12px) saturate(130%);-webkit-backdrop-filter:blur(12px) saturate(130%)}.guide-back{background:#ffffff14;color:#fff7ed;border:1px solid rgba(255,255,255,.18);box-shadow:0 3px #00000073}.guide-title,.guide-intro,.guide-card-title,.guide-summary{color:#fff7ed}.guide-intro,.guide-card{background:#ffffff14;border:1px solid rgba(255,255,255,.14);box-shadow:0 16px 34px #00000047;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.guide-condition{color:#ff4a2d}.guide-foot{color:#fff7edb8}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0;padding:0}html{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;background:#f5efe3;color:#2b2b2b;line-height:1.5;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg: #f5efe3;--bg-2: #ecf1f5;--card: #ffffff;--ink: #2b2b2b;--ink-2: #6b6b6b;--line: #e7e1d2;--primary: #ff7a59;--primary-2: #ff5a3a;--accent: #4f86ff;--accent-2: #2b6df0;--warn: #f5b042;--good: #4caf6e;--bad: #e0524a;--shadow: 0 6px 18px rgba(60, 50, 30, .08);--shadow-lg: 0 12px 32px rgba(60, 50, 30, .16);--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px}button{font-family:inherit;font-size:inherit;color:inherit;border:none;background:none;padding:0;cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{position:relative;margin:0 auto;max-width:480px;width:100%;height:100%;background:var(--bg);overflow:hidden;box-shadow:0 0 40px #0000000f}.page{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:env(safe-area-inset-top,0) 0 env(safe-area-inset-bottom,0) 0;overflow:hidden}.page-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px}.fade-in{animation:fadeIn .32s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(.9);opacity:0}60%{transform:scale(1.04);opacity:1}to{transform:scale(1)}}