@charset "UTF-8";
:root {--black:#080b13;--panel:#151923;--ink:#f7f8fb;--soft:#b9bec9;--muted:#8c93a3;--line:#303744;--cyan:#35e3e9;--pink:#ff436b;--max:488px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080b13;color:var(--ink);font-family:"PingFang SC","Microsoft YaHei UI","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}[hidden]{display:none!important}:focus-visible{outline:3px solid #35e3e9;outline-offset:3px}
.phone-shell {width:min(100%,var(--max));height:100vh;height:100dvh;margin:0 auto;background:#0b0d13;position:relative;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 15px 80px #0007;border-inline:1px solid #262936}
.head{position:relative;z-index:8;min-height:61px;display:flex;align-items:center;gap:12px;padding:9px 14px;background:#0b0d13}
.brand{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-weight:950;font-size:14px;letter-spacing:-.04em}.brand-sign{font-size:19px;color:#fff;filter:drop-shadow(2px 0 #35e3e9) drop-shadow(-2px 0 #ff436b)}
.head-tabs{display:flex;gap:15px;align-items:center;margin-left:auto}.tab{border:0;background:transparent;color:#8e919e;font-size:14px;padding:11px 0 12px;position:relative;font-weight:650}.tab.active{color:white;font-weight:900}.tab.active:after{content:"";height:3px;width:18px;border-radius:4px;position:absolute;bottom:2px;left:50%;transform:translateX(-50%);background:var(--ink)}
.head-action{width:30px;height:34px;border:0;background:none;display:grid;place-items:center;padding:5px;color:#dddfe5}.head-action svg{width:20px;height:20px}
.reel-feed{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;scroll-snap-type:y mandatory;scroll-behavior:smooth;position:relative;background:#131721}.reel-feed::-webkit-scrollbar{display:none}
.reel{position:relative;height:100%;min-height:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;isolation:isolate;outline:0;background:#1b1820}
.reel-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;filter:saturate(.93) brightness(.92);z-index:-3}
.reel-food .reel-image{object-position:center 44%}.reel-space .reel-image{object-position:center 54%}.reel-weekend .reel-image{object-position:center 47%}
.image-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,10,19,.04) 0%,rgba(6,10,19,.03) 30%,rgba(3,4,10,.42) 53%,rgba(3,4,9,.95) 100%),linear-gradient(90deg,rgba(2,4,8,.16),transparent 55%);z-index:-2}
.reel:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.18;background:radial-gradient(ellipse at 90% 18%,#ff7799,transparent 28%);pointer-events:none}.reel-space:before{background:radial-gradient(ellipse at 85% 15%,#35e3e9,transparent 27%)}
.reel-no{position:absolute;top:19px;left:20px;display:flex;flex-direction:column;gap:3px;text-shadow:0 2px 12px #0008}.reel-no small{font-size:11px;letter-spacing:.14em;color:#fff9;font-weight:700}.reel-no b{font-size:19px;letter-spacing:.05em}.reel-no i{font-size:10px;color:#fff8;font-style:normal;font-weight:500;letter-spacing:.03em;margin-left:5px}
.reel-side{position:absolute;right:10px;bottom:155px;z-index:3;display:flex;flex-direction:column;align-items:center;gap:19px}.action{display:flex;flex-direction:column;align-items:center;gap:6px;width:58px;min-height:61px;border:0;background:transparent;padding:0}.action-disc{width:45px;height:45px;border-radius:50%;background:#24232b99;backdrop-filter:blur(15px);border:1px solid #fff3;display:grid;place-items:center;box-shadow:0 8px 25px #0003}.action-disc svg{height:23px;width:23px;filter:drop-shadow(0 1px 3px #0005)}.action-caption{font-size:11px;font-weight:800;text-shadow:0 2px 8px #000}.action[aria-pressed=true] .action-disc{color:#ff4b75;background:#fff}.action[aria-pressed=true] .action-disc svg{fill:currentColor}
.reel-copy{position:absolute;left:21px;right:77px;bottom:21px;z-index:2;text-shadow:0 3px 22px #0009}.reel-meta{display:flex;align-items:center;gap:7px;color:#f8f8fabf;font-size:11px;font-weight:700}.dot-live{height:8px;width:8px;border-radius:50%;background:#35e3e9;box-shadow:0 0 10px #35e3e9aa}.meta-sep{height:3px;width:3px;border-radius:50%;background:#fff9}
.reel-copy h1{margin:12px 0 8px;font-size:clamp(24px,5.4vw,30px);letter-spacing:-.04em;line-height:1.14;font-weight:950}.reel-copy p{margin:0;font-size:12px;line-height:1.76;color:#f2f2f3e8;max-width:300px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.topics{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px}.topics span{font-size:10px;color:#f8f9ff;padding:5px 8px;background:#ffffff17;border:1px solid #fff3;border-radius:999px;backdrop-filter:blur(8px);text-shadow:none;white-space:nowrap}.footnote{margin-top:14px;font-size:10px;color:#d4d4dab0;letter-spacing:.02em}
.feed-progress{display:flex;gap:4px;justify-content:center;padding:7px 0 5px;background:#0b0d13}.feed-progress i{height:3px;width:16px;background:#50535d;border-radius:999px;transition:width .2s,background .2s}.feed-progress i.active{width:38px;background:linear-gradient(90deg,var(--cyan),var(--pink))}
.bottom-bar{background:#0b0d13;display:grid;grid-template-columns:repeat(4,1fr);min-height:65px;padding:7px 8px calc(7px + env(safe-area-inset-bottom))}.bottom-link{border:0;background:none;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#868b99;font-size:10px;font-weight:700}.bottom-link svg{height:21px;width:21px}.bottom-link.current{color:#fff}.bottom-link.special .special-icon{display:grid;place-items:center;color:#fff;border-radius:8px;width:30px;height:26px;background:linear-gradient(100deg,var(--cyan),#a774ff 50%,var(--pink));box-shadow:0 4px 13px #35e3e933}.bottom-link.special svg{height:16px;width:16px}.bottom-link b{display:inline-flex;justify-content:center;min-width:15px;font-size:10px;font-weight:800}
.sheet-back{position:fixed;inset:0;z-index:50;background:#03050ba8;display:flex;align-items:flex-end;justify-content:center;backdrop-filter:blur(5px)}.sheet{width:min(100%,var(--max));max-height:min(82dvh,740px);overflow:auto;background:#171b25;border:1px solid #343a48;border-radius:26px 26px 0 0;padding:8px 21px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -20px 80px #0008}.sheet-handle{height:4px;width:39px;border-radius:999px;background:#525867;margin:0 auto 19px}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.sheet-head small{font-size:9px;letter-spacing:.2em;color:#8b91a1;font-weight:850}.sheet-head h2{font-size:24px;margin:5px 0 14px;letter-spacing:-.04em}.sheet-close{background:#292f3e;border:1px solid #404657;color:#f4f5f7;display:grid;place-items:center;width:37px;height:37px;border-radius:50%}.sheet-close svg{height:19px;width:19px}.sheet-content p{font-size:13px;line-height:1.8;color:#c1c5d0;margin:0 0 13px}.sheet-content img{width:100%;max-height:215px;object-fit:cover;border-radius:15px;margin-bottom:13px}.sheet-content .hint{color:#9299a6;font-size:11px}.chips{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.chips span{background:#272d3b;color:#e1e4ee;border:1px solid #3e4552;border-radius:999px;font-size:11px;padding:7px 11px}.category-options{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;padding:6px 0 3px}.category-options button{background:#292f3e;border:1px solid #41495c;border-radius:13px;color:#eceef4;padding:15px 11px;text-align:left;font-size:13px;font-weight:800}.category-options button.active{border-color:#35e3e9;background:#1e353f}.sheet-note{font-size:11px;color:#8e98a6;line-height:1.8;margin-top:12px}.sheet-save{border:0;border-radius:12px;background:#effcff;color:#14212b;font-weight:900;font-size:13px;padding:12px 16px;margin:8px 0}.saved-list{display:grid;gap:10px}.saved-row{display:flex;align-items:center;gap:12px;background:#242a38;padding:9px 10px;border:1px solid #343b4b;border-radius:13px}.saved-row img{height:56px;width:63px;object-fit:cover;border-radius:10px}.saved-row b{flex:1;font-size:12px}.saved-row button{border:0;border-radius:9px;background:#363d4e;color:#eee;padding:7px 9px;font-size:11px}
.toast{position:fixed;left:50%;bottom:105px;z-index:60;transform:translate(-50%,12px);background:#f4f5f8;color:#141820;white-space:nowrap;border-radius:12px;padding:11px 15px;opacity:0;transition:opacity .2s,transform .2s;font-size:12px;box-shadow:0 6px 20px #0004;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
.ambient{display:none}
@media(min-width:950px){body{background:radial-gradient(circle at 28% 41%,#1b3143 0,transparent 29%),radial-gradient(circle at 76% 59%,#302239 0,transparent 27%),#080b13}.phone-shell{border-radius:22px;max-height:900px;height:min(calc(100vh - 38px),900px);height:min(calc(100dvh - 38px),900px);margin:19px auto;box-shadow:0 20px 130px #000c;border:1px solid #313542}.ambient{display:flex;position:fixed;flex-direction:column;z-index:0;max-width:300px;gap:20px}.ambient-left{top:29%;right:calc(50% + 282px)}.ambient-left span{font-size:11px;letter-spacing:.22em;color:#79e8ef;font-weight:800}.ambient-left strong{font-size:clamp(30px,3.4vw,49px);line-height:1.22;letter-spacing:-.07em}.ambient-left i{font-style:normal;letter-spacing:.3em;color:#56606c;font-size:11px}.ambient-right{left:calc(50% + 282px);bottom:21%}.ambient-right span{font-size:10px;letter-spacing:.12em;color:#ff95b3}.ambient-right b{font-size:19px;line-height:1.7}.ambient-bars{display:flex;align-items:end;gap:5px;height:50px}.ambient-bars i{width:5px;background:#35e3e9;border-radius:9px}.ambient-bars i:nth-child(1){height:16px}.ambient-bars i:nth-child(2){height:36px;background:#ff426b}.ambient-bars i:nth-child(3){height:22px}.ambient-bars i:nth-child(4){height:45px;background:#ff426b}}
@media(max-width:380px){.brand{font-size:12px;gap:5px}.head{gap:8px;padding-inline:11px}.head-tabs{gap:11px}.tab{font-size:12px}.head-action{width:25px}.reel-side{right:4px}.reel-copy{left:15px;right:64px}.reel-copy h1{font-size:24px}.reel-copy p{font-size:11px}.topics span{font-size:9px;padding:4px 6px}.action-disc{width:41px;height:41px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}