:root{--color-bg: #0b0d12;--color-bg-soft: #10131a;--color-panel: rgba(22, 25, 34, .82);--color-panel-solid: #171a23;--color-panel-strong: #222633;--color-line: rgba(255, 255, 255, .08);--color-line-strong: rgba(255, 255, 255, .16);--color-text: #f7f7fb;--color-muted: #aeb5c4;--color-subtle: #727b8e;--color-accent: #f0446e;--color-accent-strong: #ff2f62;--color-accent-soft: rgba(240, 68, 110, .16);--shadow-panel: 0 24px 70px rgba(0, 0, 0, .38);--shadow-card: 0 18px 48px rgba(0, 0, 0, .32);--radius-panel: 18px;--radius-card: 12px;--duration-fast: .16s;--duration-normal: .24s;--ease-out: cubic-bezier(.2, .8, .2, 1);color:var(--color-text);background:var(--color-bg);font-family:Outfit,SF Pro Display,SF Pro Text,Pretendard,Noto Sans KR,Microsoft YaHei,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-variant-numeric:tabular-nums}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#app{min-height:100%;margin:0}body{overflow:hidden;background:var(--color-bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}button,select,input,a{transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),filter var(--duration-fast) var(--ease-out)}button:active{transform:translateY(1px) scale(.99)}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid rgba(255,255,255,.92);outline-offset:3px;box-shadow:0 0 0 6px #f0446e38}a{color:inherit;text-decoration:none}.douyin-shell{isolation:isolate;position:relative;height:100vh;min-height:100dvh;display:grid;grid-template-columns:172px minmax(0,1fr);grid-template-rows:60px minmax(0,1fr);overflow:hidden;background:linear-gradient(115deg,rgba(255,255,255,.035),transparent 32%),linear-gradient(180deg,#12151d,#0b0d12 48%,#08090d)}.douyin-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.46;background:repeating-linear-gradient(90deg,rgba(255,255,255,.024) 0 1px,transparent 1px 7px),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 9px),linear-gradient(160deg,rgba(240,68,110,.1),transparent 28%,rgba(255,255,255,.035) 72%,transparent);mix-blend-mode:screen}.douyin-sidebar{position:relative;z-index:3;grid-row:1 / 3;border-right:1px solid var(--color-line);padding:16px 14px;background:#0c0e14d1;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:inset -1px 0 #ffffff08}.douyin-logo{display:inline-flex;align-items:center;gap:10px;width:100%;min-height:42px;margin-bottom:22px;border-radius:12px;padding:4px 6px;color:#fff;font-size:19px;font-weight:800;letter-spacing:0}.douyin-logo:hover{background:#ffffff0d}.douyin-logo__mark{display:grid;place-items:center;width:34px;height:34px;overflow:hidden;border-radius:10px;box-shadow:0 0 0 1px #ffffff2e,0 10px 24px #f0446e38}.douyin-logo__mark img{width:100%;height:100%;object-fit:cover}.douyin-menu{display:grid;gap:6px}.douyin-menu__item{position:relative;min-height:44px;border-radius:12px;padding:0 12px;display:flex;align-items:center;gap:10px;color:#d8deea;font-weight:700;letter-spacing:0}.douyin-menu__icon{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;color:#fff;background:#ffffff12;font-size:14px;line-height:1}.douyin-menu__item:hover{color:#fff;background:#ffffff0f}.douyin-menu__item:focus-visible{outline:2px solid rgba(255,255,255,.9);outline-offset:3px;background:#ffffff14}.douyin-menu__item.active{color:#fff;background:linear-gradient(90deg,#f0446e38,#ffffff14),#ffffff0f;box-shadow:inset 0 0 0 1px #f0446e3d}.douyin-menu__item.active .douyin-menu__icon{background:var(--color-accent);box-shadow:0 10px 22px #f0446e47}.douyin-topbar{position:relative;z-index:20;min-width:0;height:60px;padding:8px 18px;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,640px) minmax(0,1fr);align-items:center;gap:16px;border-bottom:1px solid rgba(255,255,255,.055);background:#0b0d12c7;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.search-box{min-width:0;width:100%;grid-column:2;height:42px;border:1px solid rgba(255,255,255,.11);border-radius:13px;display:grid;grid-template-columns:minmax(0,1fr) auto;overflow:hidden;background:#ffffff13;box-shadow:inset 0 1px #ffffff0d}.search-box:hover{border-color:#fff3;background:#ffffff18}.search-box:focus-within{border-color:#f0446ec7;box-shadow:0 0 0 4px #f0446e29,inset 0 1px #ffffff14}.search-box input{min-width:0;border:0;outline:0;padding:0 16px;color:#fff;background:transparent;font-size:14px}.search-box input::placeholder{color:#8892a5}.search-box button,.login-pill,.avatar-button,.profile-card__logout{border:0;color:#fff;background:#ffffff17}.search-box button{min-width:88px;border-left:1px solid rgba(255,255,255,.1);display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#e8ecf5;font-weight:700}.search-box button:hover{background:#ffffff21}.topbar-actions{grid-column:3;justify-self:end;display:flex;align-items:center;gap:10px;min-width:0}.language-select{min-width:58px;height:38px;border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:0 22px 0 12px;outline:0;color:#fff;background:#ffffff14;font-size:12px;font-weight:800}.language-select:hover,.language-select:focus-visible{border-color:#fff3;background:#ffffff1f}.language-select option{color:#fff;background:#1b1f2a;font-size:12px}.login-pill,.profile-card__logout{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-strong));box-shadow:0 12px 28px #f0446e47}.login-pill{height:40px;border-radius:13px;padding:0 18px;display:inline-flex;align-items:center;gap:8px;font-weight:800;white-space:nowrap}.login-pill:hover{filter:brightness(1.07);transform:translateY(-1px)}.login-pill:active{transform:translateY(1px) scale(.98)}.login-pill__icon{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;color:var(--color-accent);background:#fff;font-size:11px}.profile-menu{position:relative}.avatar-button{width:42px;height:42px;padding:0;border-radius:13px;overflow:hidden;font-weight:900;background:#ffffff17;box-shadow:inset 0 0 0 1px #ffffff14}.avatar-button:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px #ffffff24,0 12px 28px #00000047}.avatar-button img,.profile-card__head img,.feed-actions img{width:100%;height:100%;object-fit:cover}.profile-card{position:absolute;top:calc(100% + 12px);right:0;width:min(350px,calc(100vw - 24px));border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-panel);padding:18px;display:grid;gap:14px;overflow:hidden;background:#1d212cf0;box-shadow:var(--shadow-panel);opacity:0;pointer-events:none;transform:translateY(-8px) scale(.98);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);z-index:60;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.profile-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 34%),linear-gradient(135deg,rgba(240,68,110,.12),transparent 42%)}.profile-card>*{position:relative}.profile-menu:hover .profile-card,.profile-menu:focus-within .profile-card{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.profile-card__head{min-width:0;display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:center}.profile-card__head>img,.profile-card__head>span{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff14}.profile-card__head strong,.profile-card__head p{min-width:0;margin:0}.profile-card__head strong{display:block;overflow:hidden;color:#fff;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.profile-card__head p{margin-top:6px;color:var(--color-muted);font-size:13px}.profile-card__head p span{margin-left:14px}.profile-card__row{min-height:42px;border-radius:12px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;background:#ffffff13;color:#f1f2f6}.profile-card__row:hover{background:#ffffff1c}.profile-card__logout{min-height:42px;border-radius:12px;font-weight:800}.profile-card__logout:hover{filter:brightness(1.06)}.douyin-main{min-width:0;min-height:0;overflow:auto}.featured-page{min-width:0;padding:18px 24px 42px}.category-tabs{position:sticky;top:0;z-index:5;display:flex;gap:26px;align-items:center;min-height:46px;margin-bottom:14px;overflow-x:auto;overflow-y:hidden;color:#d9deea;background:#0b0d12e6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tabs:after{content:"";position:sticky;right:0;width:36px;min-width:36px;height:46px;margin-left:-36px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(11,13,18,.94))}.category-tabs button{position:relative;border:0;color:inherit;background:transparent;padding:10px 0 12px;font-weight:700;white-space:nowrap}.category-tabs button:before{content:"";position:absolute;left:0;right:0;bottom:5px;height:2px;border-radius:999px;background:transparent;transform:scaleX(.4);opacity:0;transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.category-tabs button:hover{color:#fff}.category-tabs button.active{color:#fff;box-shadow:none}.category-tabs button.active:before{background:var(--color-accent-strong);opacity:1;transform:scaleX(1)}.featured-layout{--featured-gap: clamp(14px, 1.4vw, 22px);--featured-column-gap: clamp(6px, .45vw, 10px);--featured-card-h: clamp(210px, calc((100vh - 160px)/2) , 290px);display:grid;gap:var(--featured-gap)}.featured-stage{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:var(--featured-card-h);column-gap:var(--featured-column-gap);row-gap:var(--featured-gap);align-items:stretch}.featured-hero{position:relative;min-width:0;min-height:0;height:calc(var(--featured-card-h) * 2 + var(--featured-gap));border:0;border-radius:14px;grid-column:span 3;grid-row:span 2;padding:0;overflow:hidden;color:#fff;background:var(--color-panel-solid);text-align:left;box-shadow:var(--shadow-card);transition:filter var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.featured-hero:before,.featured-card__media:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff14}.featured-hero img,.featured-card__media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform var(--duration-normal) var(--ease-out)}.featured-hero:hover,.featured-card:hover{filter:brightness(1.08)}.featured-hero:hover{transform:translateY(-2px);box-shadow:0 26px 70px #0000006b}.featured-hero:hover img,.featured-card:hover img{transform:scale(1.035)}.featured-hero:focus-visible,.featured-card:focus-visible{outline:2px solid #fff;outline-offset:4px;box-shadow:0 0 0 7px #f0446e42,var(--shadow-card)}.card-gradient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,rgba(0,0,0,.84),rgba(0,0,0,.16) 58%,transparent),linear-gradient(to right,rgba(0,0,0,.38),transparent 46%)}.featured-hero__copy{position:absolute;left:22px;right:22px;bottom:22px;z-index:2;display:grid;gap:8px;text-shadow:0 2px 12px rgba(0,0,0,.88)}.featured-hero__copy small{width:fit-content;border-radius:8px;padding:5px 9px;color:#fff;background:#f0446eeb;font-size:12px;font-weight:900}.featured-hero__copy strong{max-width:780px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:32px;line-height:1.18;text-wrap:pretty}.featured-hero__copy span{color:#d9deea;font-weight:700}.featured-card{min-width:0;height:var(--featured-card-h);border:0;padding:0;display:grid;grid-template-rows:minmax(0,1fr) auto;color:var(--color-text);background:transparent;text-align:left;transition:filter var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.featured-card:hover{transform:translateY(-2px)}.featured-card:active{transform:translateY(0) scale(.995)}.featured-card__media{position:relative;min-height:0;border-radius:12px;overflow:hidden;background:var(--color-panel-solid);box-shadow:0 12px 30px #0000003d}.featured-card__media:after{content:"";position:absolute;inset:auto 0 0;z-index:1;height:50%;background:linear-gradient(to top,rgba(0,0,0,.76),transparent)}.featured-card__media small{position:absolute;left:10px;bottom:8px;z-index:2;color:#fff;font-size:12px;font-weight:900;text-shadow:0 2px 8px rgba(0,0,0,.8)}.featured-card__body{min-width:0;padding-top:6px;display:grid;gap:2px}.featured-card__body strong,.featured-card__body span{min-width:0;overflow:hidden;text-overflow:ellipsis}.featured-card__body strong{line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-wrap:pretty}.featured-card__body span{color:var(--color-muted);font-size:13px;white-space:nowrap}.featured-fixed-grid{display:none;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-auto-rows:var(--featured-card-h);gap:var(--featured-gap) var(--featured-column-gap)}.featured-skeleton-stage{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:var(--featured-card-h);column-gap:var(--featured-column-gap);row-gap:var(--featured-gap);align-items:stretch}.featured-skeleton-hero,.featured-skeleton-card{position:relative;overflow:hidden}.featured-skeleton-hero{height:calc(var(--featured-card-h) * 2 + var(--featured-gap));border-radius:14px;grid-column:span 3;grid-row:span 2;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;background:var(--color-panel-solid)}.featured-skeleton-card{height:var(--featured-card-h);display:grid;grid-template-rows:minmax(0,1fr) auto}.featured-skeleton-media{min-height:0;border-radius:12px;background:var(--color-panel-solid)}.featured-skeleton-body{padding-top:6px;display:grid;gap:6px}.featured-skeleton-line{display:block;border-radius:999px;background:#ffffff1a}.featured-skeleton-line--badge{width:110px;height:24px}.featured-skeleton-line--title{width:min(72%,360px);height:18px}.featured-skeleton-line--meta{width:min(42%,220px);height:14px}.featured-skeleton-media,.featured-skeleton-hero,.featured-skeleton-line{background-image:linear-gradient(90deg,#fff0,#ffffff14,#fff0);background-size:220% 100%;animation:featured-skeleton-shimmer 1.25s ease-in-out infinite}.featured-skeleton-fixed{display:none;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-auto-rows:var(--featured-card-h);gap:var(--featured-gap) var(--featured-column-gap)}@keyframes featured-skeleton-shimmer{0%{background-position:140% 0}to{background-position:-80% 0}}@media(max-width:1360px){.featured-layout{--featured-card-h: clamp(205px, 25vw, 270px)}.featured-stage,.featured-skeleton-stage{display:none}.featured-fixed-grid,.featured-skeleton-fixed{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}.state-text{position:relative;min-height:240px;border-radius:var(--radius-panel);margin:0;display:grid;place-items:center;overflow:hidden;color:#cbd2df;background:linear-gradient(135deg,#fff1,#ffffff06),#ffffff09;text-align:center}.state-text:before{content:"";width:46px;height:46px;margin-bottom:-88px;border-radius:14px;background:linear-gradient(135deg,#f0446ee6,#ffffffd1),var(--color-accent);box-shadow:0 18px 44px #f0446e33}.immersive-page{--player-dock-height: 54px;--player-copy-bottom: calc(var(--player-dock-height) + 28px);min-width:0;height:calc(100vh - 60px);overflow:hidden;background:#05060a}.live-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;overflow:hidden;color:#fff;background:#05060a}.live-overlay-close{position:fixed;top:24px;left:24px;z-index:120;width:58px;height:58px;border:1px solid rgba(255,255,255,.12);border-radius:50%;display:grid;place-items:center;color:#ffffffd1;background:#090a0e75;font-size:42px;line-height:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 16px 40px #0000004d}.live-overlay-close:hover,.live-overlay-close:focus-visible{color:#fff;background:#f0446eb8;outline:none}.live-overlay-close:active{transform:translateY(1px) scale(.96)}.immersive-page--overlay{height:100vh;background:#05060a}.vertical-feed{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:thin}.vertical-feed--locked,.vertical-feed--controlled{overflow:hidden;scrollbar-width:none}.vertical-feed--locked::-webkit-scrollbar,.vertical-feed--controlled::-webkit-scrollbar{display:none}.feed-slide{isolation:isolate;position:relative;height:calc(100vh - 60px);padding:0;display:grid;place-items:center;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always}.feed-slide:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#05060a52,#05060a0d 38%,#05060a52),linear-gradient(to bottom,#05060a05,#05060a61)}.feed-backdrop{position:absolute;top:-56px;right:-56px;bottom:-56px;left:-56px;z-index:0;width:calc(100% + 112px);height:calc(100% + 112px);object-fit:cover;filter:blur(38px) saturate(1.08);opacity:.68;transform:scale(1.08)}.immersive-page--overlay .feed-slide{height:100vh;padding:0}.feed-player{position:relative;z-index:2;align-self:stretch;justify-self:stretch;min-width:0;min-height:0;width:100%;height:100%;border-radius:0;overflow:hidden;background:transparent}.immersive-page--overlay .feed-player{width:100vw;max-width:none;height:100vh;border-radius:0}.feed-player>img{width:100%;height:100%;object-fit:contain;background:transparent}.feed-player .player-stage,.feed-player .player-surface{position:absolute;top:0;right:0;bottom:0;left:0;min-width:0;min-height:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;border-radius:0}.player-surface{position:relative;overflow:hidden;background:transparent}.empty-player{width:100%;height:100%;display:grid;place-items:center;color:#c9ced8;background:#0c0e14ad;text-align:center;padding:24px}.player-video{width:100%;height:100%;display:block;background:transparent;object-fit:contain}.player-controls{position:absolute;left:0;right:0;bottom:0;z-index:8;color:#fff;pointer-events:none}.player-controls:before{content:"";position:absolute;top:-110px;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.78),rgba(0,0,0,.34) 48%,transparent)}.player-controls__dock{position:relative;min-width:0;height:var(--player-dock-height);display:grid;grid-template-columns:auto minmax(80px,1fr) auto;gap:14px;align-items:center;padding:0 18px;border-top:1px solid rgba(255,255,255,.14);background:#08090da8;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:auto}.player-surface:hover .player-controls,.player-surface:focus-within .player-controls{opacity:1}.player-controls__left,.player-controls__right{min-width:0;display:inline-flex;align-items:center;gap:10px}.player-controls__left{justify-content:flex-start}.player-controls__right{justify-content:flex-end}.player-progress{width:100%;min-width:0;height:18px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;accent-color:var(--color-accent-strong);cursor:pointer}.player-progress:focus-visible{outline:2px solid rgba(255,255,255,.92);outline-offset:4px;border-radius:999px}.player-progress::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:#ffffff6b}.player-progress::-webkit-slider-thumb{width:13px;height:13px;margin-top:-5px;border-radius:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;box-shadow:0 0 0 5px #f0446e2e}.player-live-badge{display:inline-flex;align-items:center;gap:7px;border-radius:8px;padding:5px 10px;color:#fff;background:#f0446eeb;font-size:12px;font-weight:900;letter-spacing:0}.player-live-badge span{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #ffffff2e}.player-control-button{width:36px;height:36px;border:0;border-radius:50%;display:grid;place-items:center;color:#fff;background:transparent;line-height:1}.player-control-button svg{width:21px;height:21px;display:block;fill:currentColor}.player-control-button:hover,.player-control-button:focus-visible{background:#ffffff24;outline:none}.player-control-button:active{transform:translateY(1px) scale(.94);background:#f0446e52}.player-time{min-width:0;color:#f4f5f8;font-size:12px;font-weight:800;text-shadow:0 1px 8px rgba(0,0,0,.78);white-space:nowrap}.player-controls--live .player-controls__dock{grid-template-columns:auto minmax(0,1fr) auto;border-top:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.player-controls--live .player-progress{display:none}.player-controls--live .player-control-button{width:42px;height:42px;background:#0000003d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.live-page .player-video,.live-page .feed-player>img{object-position:56% center}.player-error{position:absolute;left:16px;right:16px;bottom:calc(var(--player-dock-height) + 28px);margin:0;border:1px solid rgba(255,122,149,.26);border-radius:12px;padding:10px 12px;background:#0d0e12db;color:#ff9bb0;text-align:center;overflow-wrap:anywhere;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.login-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;display:grid;place-items:center;color:#fff;background:#00000057;font-weight:800;text-shadow:0 2px 14px rgba(0,0,0,.82);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.login-overlay:before{content:"";width:min(320px,calc(100% - 40px));height:74px;border:1px solid rgba(255,255,255,.12);border-radius:16px;position:absolute;background:#08090d7a;box-shadow:var(--shadow-panel)}.login-overlay>*{position:relative}.feed-copy{position:absolute;z-index:4;left:44px;right:140px;bottom:var(--player-copy-bottom);display:grid;gap:8px;text-shadow:0 2px 12px rgba(0,0,0,.88)}.immersive-page--overlay .feed-copy{left:28px;right:170px;bottom:calc(var(--player-dock-height) + 34px)}.live-page .feed-copy{right:48px}.feed-copy strong{font-size:20px}.feed-copy p,.feed-copy small{max-width:780px;margin:0;color:#fff;text-wrap:pretty}.feed-copy p{font-size:18px;line-height:1.45}.feed-copy small{color:#cfd3dc}.feed-actions{position:absolute;z-index:4;right:24px;bottom:calc(var(--player-dock-height) + 22px);display:grid;gap:16px;justify-items:center}.immersive-page--overlay .feed-actions{right:34px;bottom:calc(var(--player-dock-height) + 42px)}.live-page .feed-actions{display:none}.feed-actions img{width:50px;height:50px;border:2px solid #fff;border-radius:16px;box-shadow:0 12px 28px #0000005c}.feed-actions button{border:0;width:46px;min-height:52px;border-radius:16px;display:grid;gap:4px;place-items:center;color:#fff;background:#0000002e;font-size:22px;text-shadow:0 2px 10px rgba(0,0,0,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.feed-actions button:hover,.feed-actions button:focus-visible{background:#ffffff24;outline:none}.feed-actions button:active{transform:translateY(1px) scale(.95);background:#f0446e52}.feed-actions span{font-size:12px;font-weight:800}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:linear-gradient(180deg,#000000c2,#000000a3),#0000009e;padding:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-modal{position:relative;width:min(380px,100%);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:24px;display:grid;gap:14px;overflow:hidden;background:#1b1f2af5;box-shadow:var(--shadow-panel)}.login-modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,rgba(240,68,110,.14),transparent 38%)}.login-modal>*{position:relative}.login-modal h2{margin:0;padding-right:40px;color:#fff;font-size:24px;line-height:1.2}.login-modal label{min-width:0;display:grid;gap:7px;color:#c9ced8;font-size:13px;font-weight:700}.login-modal input{min-width:0;width:100%;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#080a0fc7;color:#fff;padding:12px 13px}.login-modal input:hover{border-color:#ffffff38}.login-modal input:focus-visible{border-color:#f0446ec7;outline:none;box-shadow:0 0 0 4px #f0446e29}.login-modal button{border:0;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-strong));padding:11px 12px;font-weight:800;box-shadow:0 14px 30px #f0446e3d}.login-modal button:hover{filter:brightness(1.07)}.login-modal .ghost{position:absolute;right:12px;top:12px;width:34px;height:34px;padding:0;background:#ffffff1a;box-shadow:none}.login-modal .ghost:hover{background:#ffffff29}.form-error{border-radius:10px;margin:0;padding:9px 10px;color:#ff9bb0;background:#ff7a951a;overflow-wrap:anywhere}@media(max-width:1100px){.douyin-shell{grid-template-columns:88px minmax(0,1fr)}.douyin-logo span:last-child,.douyin-menu__item span:last-child{display:none}.douyin-menu__item{justify-content:center;padding:0}.douyin-menu__icon{width:34px;height:34px}.douyin-topbar{grid-template-columns:minmax(160px,1fr) auto}.search-box,.topbar-actions{grid-column:auto}.featured-fixed-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media(max-width:720px){body{overflow:auto}.douyin-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr)}.douyin-sidebar{grid-row:auto;display:flex;align-items:center;gap:12px;padding:10px 12px;overflow-x:auto}.douyin-logo{width:auto;margin:0}.douyin-menu{display:flex}.douyin-topbar{height:auto;grid-row:2;grid-template-columns:minmax(0,1fr) auto;padding:10px 12px}.search-box button{min-width:44px;padding:0 12px}.search-box__label{display:none}.featured-page{padding:12px}.featured-hero__copy strong{font-size:24px}.featured-layout{--featured-card-h: clamp(220px, 68vw, 300px)}.featured-fixed-grid,.featured-skeleton-fixed{grid-template-columns:minmax(0,1fr)}.feed-slide{padding:0}.feed-player{height:100%;border-radius:0}.player-controls__dock{grid-template-columns:auto minmax(48px,1fr) auto;gap:8px;padding:0 10px}.feed-copy{left:16px;right:72px}.feed-copy p{font-size:16px}.feed-actions{right:12px}}