:root{--short-bg:#050506;--short-panel:#111217;--short-line:rgba(255,255,255,.12);--short-muted:#b7bdc8;--short-accent:#ff2d55;--short-safe-top:env(safe-area-inset-top,0px);--short-safe-bottom:env(safe-area-inset-bottom,0px);--short-app-height:100dvh}
html:has(body.short-feed-app),body.short-feed-app{width:100%;height:100%;overflow:hidden;background:var(--short-bg);color:#fff}
body.short-feed-app{margin:0;padding:0!important;overscroll-behavior:none}
body.short-feed-app>.h5-business-footer,body.short-feed-app>.h5-legal-note,body.short-feed-app>.h5-friend-links,body.short-feed-app>.h5-links-hub{display:none!important}
.short-app{position:fixed;inset:0;z-index:20;width:100%;height:var(--short-app-height);background:var(--short-bg);overflow:hidden;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}
.short-topbar{position:fixed;z-index:60;top:0;left:0;right:0;height:calc(48px + var(--short-safe-top));padding:calc(6px + var(--short-safe-top)) 12px 5px;display:flex;align-items:flex-start;justify-content:space-between;background:linear-gradient(180deg,rgba(0,0,0,.48) 0,rgba(0,0,0,.16) 62%,transparent 100%);pointer-events:none}
.short-topbar>*{pointer-events:auto}.short-brand{display:flex;align-items:center;gap:7px;color:#fff;text-decoration:none;font-weight:900}.short-brand img{width:26px;height:26px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.22)}.short-brand span{display:none}.short-search{display:grid;place-items:center;width:32px;height:32px;min-width:32px;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(0,0,0,.2);color:transparent;text-decoration:none;font-size:0;backdrop-filter:blur(8px)}.short-search:after{content:"⌕";color:#fff;font-size:18px;line-height:1}
.short-feed-tabs{position:absolute;left:50%;top:calc(4px + var(--short-safe-top));transform:translateX(-50%);display:flex;align-items:center;gap:17px}.short-feed-tabs button{position:relative;border:0;background:none;color:rgba(255,255,255,.58);padding:8px 1px;font:inherit;font-size:14px;font-weight:800;cursor:pointer;text-shadow:0 1px 5px rgba(0,0,0,.45)}.short-feed-tabs button.active{color:#fff}.short-feed-tabs button.active:after{content:"";position:absolute;left:28%;right:28%;bottom:1px;height:2px;border-radius:99px;background:#fff}
.short-feed{width:100%;height:var(--short-app-height);overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior-y:contain;background:#000;touch-action:pan-y;-webkit-overflow-scrolling:touch}.short-feed::-webkit-scrollbar{display:none}.short-card{height:var(--short-app-height);min-height:var(--short-app-height);position:relative;scroll-snap-align:start;scroll-snap-stop:always;background:#000;contain:layout paint style}.short-stage{position:relative;width:100%;height:100%;display:grid;place-items:center;overflow:hidden;background:#000}.short-video{display:block;width:100%;height:100%;object-fit:cover;background:#000}.short-tap-target{position:absolute;z-index:2;inset:0;border:0;background:transparent;color:#fff;cursor:pointer}.short-play-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.88);display:grid;place-items:center;width:62px;height:62px;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:rgba(0,0,0,.3);font-size:25px;opacity:0;transition:opacity .16s,transform .16s;backdrop-filter:blur(8px)}.short-card.is-paused .short-play-mark{opacity:.88;transform:translate(-50%,-50%) scale(1)}
.short-mute-float{position:absolute;z-index:8;right:10px;top:calc(50px + var(--short-safe-top));display:flex;align-items:center;gap:4px;min-width:32px;height:30px;padding:0 8px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(0,0,0,.2);color:#fff;font:inherit;cursor:pointer;backdrop-filter:blur(8px);text-shadow:0 1px 4px #000}.short-mute-float span{font-size:15px}.short-mute-float em{font-style:normal;font-size:10px;font-weight:800}.short-mute-float.active{background:rgba(255,255,255,.88);color:#08090c;text-shadow:none}
.short-loading{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:rgba(255,255,255,.82);font-size:11px;pointer-events:none}.short-loading span{width:27px;height:27px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:short-spin .8s linear infinite}.short-card.is-ready .short-loading,.short-card.has-error .short-loading{display:none}.short-card.has-error .short-play-mark{opacity:.9}.short-card.has-error .short-play-mark:after{content:"重试";position:absolute;top:72px;font-size:11px;font-weight:800}.short-gradient{position:absolute;z-index:1;inset:auto 0 0;height:39%;background:linear-gradient(transparent,rgba(0,0,0,.76));pointer-events:none}
.short-meta{position:absolute;z-index:5;left:13px;right:62px;bottom:calc(61px + var(--short-safe-bottom));display:grid;gap:5px;text-shadow:0 2px 7px rgba(0,0,0,.9)}.short-title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#fff;text-decoration:none;font-size:14px;line-height:1.4;font-weight:850}.short-tags{display:flex;gap:6px;overflow:hidden;white-space:nowrap;color:rgba(255,255,255,.94);font-size:12px;font-weight:700}.short-tags span:nth-child(n+4){display:none}.short-stats{display:flex;gap:7px;color:rgba(255,255,255,.64);font-size:10px}.short-stats span+span:before{content:"·";margin-right:7px}
.short-actions{position:absolute;z-index:7;right:7px;bottom:calc(61px + var(--short-safe-bottom));display:flex;flex-direction:column;align-items:center;gap:7px}.short-action{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:46px;border:0;background:none;color:#fff;padding:0;font:inherit;cursor:pointer;text-shadow:0 2px 6px #000}.short-action b{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.13);border-radius:50%;background:rgba(7,8,11,.28);font-size:19px;line-height:1;backdrop-filter:blur(7px)}.short-action span{max-width:48px;overflow:hidden;text-overflow:ellipsis;font-size:9px;font-weight:800}.short-action.active b{color:var(--short-accent);border-color:rgba(255,45,85,.4);background:rgba(32,5,12,.44)}
.short-mobile-nav{position:fixed;z-index:65;left:8px;right:8px;bottom:calc(6px + var(--short-safe-bottom));height:44px;display:flex;align-items:center;justify-content:space-around;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(7,8,11,.7);box-shadow:0 10px 34px rgba(0,0,0,.38);backdrop-filter:blur(14px)}.short-mobile-nav a,.short-mobile-nav button{border:0;background:none;color:rgba(255,255,255,.78);padding:8px 6px;text-decoration:none;font:inherit;font-size:10px;font-weight:800}
.short-feed-sentinel{height:1px;scroll-snap-align:none}.short-empty{height:var(--short-app-height);display:grid;place-items:center;text-align:center;padding:24px;color:var(--short-muted)}.short-empty a{color:#fff}
.short-left-rail,.short-right-rail{display:none}.short-drawer[hidden],.short-legal-drawer[hidden]{display:none!important}.short-drawer{position:fixed;z-index:180;inset:0}.short-drawer-mask{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(0,0,0,.62)}.short-drawer-panel{position:absolute;left:0;right:0;bottom:0;max-height:min(68dvh,620px);display:grid;grid-template-rows:auto minmax(100px,1fr) auto;border:1px solid var(--short-line);border-radius:22px 22px 0 0;background:#111217;box-shadow:0 -24px 70px rgba(0,0,0,.62);overflow:hidden}.short-drawer-panel header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--short-line)}.short-drawer-panel h2{margin:0;font-size:18px}.short-drawer-panel header button{width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:24px}.short-comment-list{overflow:auto;padding:8px 16px 18px}.short-comment{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.short-comment-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#4d5568,#181b24);font-weight:900}.short-comment b{display:block;font-size:13px}.short-comment p{margin:4px 0 0;color:#d8dce5;font-size:14px;line-height:1.45;word-break:break-word}.short-comment time{display:block;margin-top:5px;color:#7f8797;font-size:10px}.short-comment-empty{padding:30px 0;text-align:center;color:#8f97a8}.short-comment-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px 12px calc(12px + var(--short-safe-bottom));border-top:1px solid var(--short-line);background:#111217}.short-comment-form input{min-width:0;border:1px solid var(--short-line);border-radius:12px;background:#1a1c23;color:#fff;padding:11px 12px;outline:none}.short-comment-form button{border:0;border-radius:11px;background:#fff;color:#090a0d;padding:0 16px;font-weight:900}
.short-legal-drawer{position:fixed;z-index:190;left:12px;right:12px;bottom:calc(60px + var(--short-safe-bottom));display:grid;gap:8px;padding:12px;border:1px solid var(--short-line);border-radius:18px;background:rgba(17,18,23,.97);box-shadow:0 20px 55px #000}.short-legal-drawer a,.short-legal-drawer button{border:0;border-radius:11px;background:rgba(255,255,255,.06);color:#fff;padding:11px 12px;text-align:left;text-decoration:none;font:inherit;font-size:13px;font-weight:800}.short-toast{position:fixed;z-index:240;left:50%;bottom:calc(62px + var(--short-safe-bottom));transform:translate(-50%,16px);max-width:calc(100vw - 28px);padding:9px 13px;border-radius:11px;background:rgba(255,255,255,.94);color:#090a0d;font-size:12px;font-weight:850;opacity:0;pointer-events:none;transition:.2s}.short-toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes short-spin{to{transform:rotate(360deg)}}
@media(min-width:640px){.short-brand span{display:inline}.short-drawer-panel{left:auto;width:min(460px,92vw);top:0;max-height:none;border-radius:20px 0 0 20px}.short-legal-drawer{left:auto;right:18px;width:280px}}
@media(min-width:960px){.short-topbar{display:none}.short-feed{width:min(520px,calc(100vw - 540px));margin:0 auto;background:#050506}.short-card{display:grid;place-items:center;padding:12px 0}.short-stage{width:auto;max-width:100%;height:calc(var(--short-app-height) - 24px);aspect-ratio:9/16;border:1px solid var(--short-line);border-radius:20px;box-shadow:0 28px 90px rgba(0,0,0,.62)}.short-video{object-fit:contain}.short-mobile-nav{display:none}.short-meta{bottom:24px}.short-actions{right:8px;bottom:24px}.short-mute-float{top:12px}.short-left-rail,.short-right-rail{position:fixed;top:24px;bottom:24px;display:flex;flex-direction:column;width:220px;padding:18px;border:1px solid var(--short-line);border-radius:22px;background:rgba(17,18,23,.72);backdrop-filter:blur(18px)}.short-left-rail{right:calc(50% + 290px)}.short-right-rail{left:calc(50% + 290px);width:250px}.short-rail-brand img{display:block;width:152px;height:auto;margin:2px 0 26px}.short-left-rail nav{display:grid;gap:8px}.short-left-rail nav a{border-radius:13px;color:#dfe4ee;padding:12px 13px;text-decoration:none;font-weight:800}.short-left-rail nav a:hover,.short-left-rail nav a.active{background:rgba(255,255,255,.1);color:#fff}.short-rail-modes{display:grid;gap:9px;margin-top:22px;padding-top:18px;border-top:1px solid var(--short-line)}.short-rail-modes>span{color:#8f97a8;font-size:11px;font-weight:800}.short-rail-modes>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.short-rail-modes button{border:1px solid var(--short-line);border-radius:10px;background:rgba(255,255,255,.035);color:#aeb5c2;padding:9px 4px;font:inherit;font-size:12px;font-weight:850;cursor:pointer}.short-rail-modes button.active{border-color:#fff;background:#fff;color:#090a0d}.short-rail-legal{display:grid;gap:8px;margin-top:auto;color:#8f97a8;font-size:11px}.short-rail-legal strong{color:#d9dee8}.short-rail-legal a{color:#9ca5b6;text-decoration:none}.short-now-card,.short-help-card{display:grid;gap:10px}.short-now-card>span{color:#8f97a8;font-size:12px;font-weight:800}.short-now-card h2{margin:0;font-size:20px;line-height:1.35}.short-now-card p,.short-help-card span{margin:0;color:#9da5b5;font-size:12px;line-height:1.6}.short-now-card a{display:inline-flex;justify-content:center;margin-top:6px;border-radius:12px;background:#fff;color:#08090c;padding:11px;text-decoration:none;font-size:13px;font-weight:900}.short-help-card{margin-top:auto;padding-top:18px;border-top:1px solid var(--short-line)}.short-help-card b{font-size:13px}}
@media(min-width:960px) and (max-width:1180px){.short-left-rail{right:calc(50% + 250px);width:190px}.short-right-rail{left:calc(50% + 250px);width:210px}.short-feed{width:min(460px,calc(100vw - 440px))}}
@media(max-width:430px){.short-feed-tabs{gap:13px}.short-feed-tabs button{font-size:13px}.short-actions{gap:6px}.short-action b{width:36px;height:36px;font-size:18px}.short-title{font-size:13px}.short-meta{right:58px}}
@media(prefers-reduced-motion:reduce){.short-feed{scroll-behavior:auto}.short-loading span{animation-duration:1.6s}.short-play-mark,.short-toast{transition:none}}