:root{--primary: #D32F2F;--primary-hover: #B71C1C;--primary-light: #EF5350;--text-main: #333333;--text-sub: #555555;--text-muted: #9E9E9E;--bg-page: #f4f6f9;--bg-card: #ffffff;--border-light: #e1e4e8;--accent-light: #fff4f4;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 8px 32px rgba(0, 0, 0, .08);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .12);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px}*,*:before,*:after{box-sizing:border-box}body,html{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;height:100%;width:100%;background:var(--bg-page);color:var(--text-main);overflow-x:hidden}.app{min-height:100vh;display:flex;flex-direction:column}.site-header{background:var(--bg-card);border-bottom:1px solid var(--border-light);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.header-inner{max-width:1400px;margin:0 auto;padding:0 32px;height:64px;display:flex;align-items:center;gap:40px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none;color:inherit}.brand-logo{width:36px;height:36px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;font-weight:700}.brand-title{font-size:1.05rem;font-weight:700;color:var(--text-main);line-height:1.2}.brand-subtitle{font-size:.72rem;color:var(--text-muted);margin-top:1px}.main-nav{display:flex;align-items:center;gap:4px;flex:1}.nav-item{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:.9rem;color:var(--text-sub);text-decoration:none;border-radius:8px;transition:color .2s,background .2s;white-space:nowrap}.nav-item__icon{width:16px;height:16px;flex-shrink:0;opacity:.75;transition:opacity .2s}.nav-item:hover .nav-item__icon,.nav-item.active .nav-item__icon{opacity:1}.nav-item:hover{color:var(--primary);background:var(--accent-light)}.nav-item.active{color:var(--primary);font-weight:600;background:var(--accent-light);border-bottom:2px solid var(--primary);border-radius:8px 8px 0 0}.header-actions{flex-shrink:0}.search-box{display:flex;align-items:center;gap:8px;background:var(--bg-page);border:1px solid var(--border-light);border-radius:24px;padding:8px 16px;min-width:220px}.search-icon{font-size:.85rem;opacity:.5}.search-box input{border:none;background:transparent;outline:none;font-size:.85rem;color:var(--text-sub);width:100%}.search-box input::placeholder{color:var(--text-muted)}.main-content{flex:1;padding:16px 32px 32px}.tool-page{margin:-16px -32px -32px;min-height:calc(100vh - 64px)}.tool-page__frame{display:block;width:100%;min-height:calc(100vh - 64px);border:none;background:var(--bg-card)}.placeholder-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 128px)}.placeholder-page__content{text-align:center;max-width:420px;padding:48px 32px;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.placeholder-page__icon{font-size:3rem;margin-bottom:16px}.placeholder-page__title{margin:0 0 12px;font-size:1.5rem;color:var(--text-main)}.placeholder-page__desc{margin:0;color:var(--text-sub);line-height:1.6}.content-layout{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:420px 1fr;gap:28px;align-items:stretch}.feature-cards{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:16px}.feature-card{display:flex;align-items:center;justify-content:space-between;padding:24px 20px;border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:transform .25s ease,box-shadow .25s ease;min-height:130px;position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.feature-card__content{flex:1;z-index:1}.feature-card__title{font-size:1rem;font-weight:700;color:var(--text-main);margin-bottom:8px;display:flex;align-items:center;gap:4px}.feature-card__arrow{font-size:1.2rem;color:var(--text-muted);font-weight:400;transition:transform .2s}.feature-card:hover .feature-card__arrow{transform:translate(3px);color:var(--primary)}.feature-card__desc{font-size:.8rem;color:var(--text-sub);line-height:1.4}.feature-card__icon{font-size:2.8rem;opacity:.85;flex-shrink:0;margin-left:8px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.feature-card--orange{background:linear-gradient(135deg,#fff5f0,#ffe8dc);border:1px solid rgba(255,120,60,.12)}.feature-card--purple{background:linear-gradient(135deg,#fff4f4,#ffe8e8);border:1px solid rgba(211,47,47,.12)}.feature-card--green{background:linear-gradient(135deg,#f0faf4,#dcf5e7);border:1px solid rgba(52,168,83,.12)}.feature-card--blue{background:linear-gradient(135deg,#f0f4ff,#dce8ff);border:1px solid rgba(66,133,244,.12)}.carousel-container{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);min-height:420px;background:#333}.carousel-track{display:flex;transition:transform .6s cubic-bezier(.25,1,.5,1);height:100%;min-height:420px}.carousel-slide{min-width:100%;flex-shrink:0;height:100%}.banner-slide{width:100%;height:100%;min-height:420px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:48px}.banner-slide__decor{position:absolute;border-radius:50%;opacity:.15;background:#fff}.banner-slide__decor--1{width:300px;height:300px;top:-80px;right:-60px}.banner-slide__decor--2{width:200px;height:200px;bottom:-50px;left:-40px}.banner-slide__content{text-align:center;z-index:1;color:#fff;max-width:520px}.banner-slide__icon{font-size:4rem;margin-bottom:20px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.2))}.banner-slide__title{font-size:2.4rem;font-weight:800;margin:0 0 16px;letter-spacing:-.5px;text-shadow:0 2px 12px rgba(0,0,0,.15)}.banner-slide__subtitle{font-size:1.05rem;margin:0 0 24px;opacity:.92;line-height:1.6}.banner-slide__tag{display:inline-block;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 20px;border-radius:24px;font-size:.9rem;font-weight:600;border:1px solid rgba(255,255,255,.3)}.carousel-dots{display:flex;align-items:center;gap:8px;position:absolute;bottom:20px;left:24px;z-index:10}.dot{width:8px;height:8px;background-color:#fff6;border-radius:50px;cursor:pointer;transition:all .4s cubic-bezier(.25,1,.5,1);border:none;padding:0}.dot.active{background-color:#fff;width:28px}.dot:hover{background-color:#fffc}.hot-recommendations{max-width:1400px;margin:40px auto 0}.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.section-header__actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.section-header__icon{font-size:1.1rem}.section-header__title{font-size:1.15rem;font-weight:700;margin:0;color:var(--text-main)}.toolbar-menu{position:relative}.toolbar-menu__trigger{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border:1px solid var(--border-light);border-radius:999px;background:var(--bg-card);color:var(--text-main);font:inherit;font-size:.82rem;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.toolbar-menu__trigger:hover{border-color:#d0d5dd;box-shadow:var(--shadow-sm)}.toolbar-menu__trigger-label{color:var(--text-muted)}.toolbar-menu__trigger-value{font-weight:600}.toolbar-menu__chevron{font-size:.7rem;color:var(--text-muted)}.toolbar-menu__panel{position:absolute;top:calc(100% + 8px);right:0;z-index:20;min-width:180px;margin:0;padding:6px;list-style:none;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-card);box-shadow:var(--shadow-md)}.toolbar-menu__option{display:block;width:100%;padding:10px 12px;border:none;border-radius:8px;background:transparent;color:var(--text-main);font:inherit;font-size:.84rem;text-align:left;cursor:pointer}.toolbar-menu__option:hover{background:var(--accent-light)}.toolbar-menu__option.is-active{color:var(--primary);background:var(--accent-light);font-weight:600}.masonry-grid{column-count:6;column-gap:16px}.masonry-item{break-inside:avoid;margin-bottom:16px}.recommend-card{display:block;width:100%;text-align:left;text-decoration:none;color:inherit;background:var(--bg-card);border-radius:var(--radius-md);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease;border:1px solid var(--border-light);cursor:pointer;padding:0;font:inherit}.recommend-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.recommend-card__media{position:relative;overflow:hidden;border-radius:var(--radius-md) var(--radius-md) 0 0}.recommend-card__media img{display:block;width:100%;height:auto;object-fit:cover;vertical-align:middle}.recommend-card__badge{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:4px;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:.7rem;font-weight:500;padding:4px 8px;border-radius:6px}.recommend-card__badge-icon{font-size:.65rem;opacity:.8}.recommend-card__play{position:absolute;top:10px;right:10px;width:28px;height:28px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;color:var(--text-main);box-shadow:0 2px 8px #00000026}.recommend-card__duration{position:absolute;bottom:10px;right:10px;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:.7rem;font-weight:500;padding:4px 8px;border-radius:6px;line-height:1;pointer-events:none}.recommend-card__info{padding:12px 14px 8px}.recommend-card__title{font-size:.88rem;font-weight:600;color:var(--text-main);margin-bottom:10px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recommend-card__footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;align-items:center;padding:0 10px 10px 14px}.recommend-card__author{display:flex;align-items:center;gap:6px;min-width:0}.recommend-card__avatar{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;color:#fff;font-weight:600;flex-shrink:0}.recommend-card__author-name{font-size:.75rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.detail-modal{background:var(--bg-card);border-radius:var(--radius-lg);width:min(1200px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px #00000059}.detail-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-light);flex-shrink:0}.detail-modal__header-left{display:flex;align-items:center;gap:10px;min-width:0}.detail-modal__title{font-size:1rem;font-weight:700;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-modal__refresh{color:var(--text-muted);font-size:.9rem;cursor:default}.detail-modal__date{font-size:.82rem;color:var(--text-muted);white-space:nowrap}.detail-modal__header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.detail-modal__action-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid var(--border-light);border-radius:8px;background:#fff;font-size:.82rem;color:var(--text-sub);cursor:pointer;transition:background .2s,border-color .2s}.detail-modal__action-btn:hover{background:var(--accent-light)}.detail-modal__action-btn--like.active{color:#e84393;border-color:#e843934d;background:#e843930f}.detail-modal__close{width:32px;height:32px;border:none;background:transparent;font-size:1.1rem;color:var(--text-muted);cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center}.detail-modal__close:hover{background:var(--accent-light);color:var(--text-main)}.detail-modal__body{display:flex;flex:1;min-height:0;overflow:hidden}.detail-modal__image-panel{flex:1;min-width:0;background:var(--bg-page);display:flex;align-items:center;justify-content:center;overflow:hidden}.detail-modal__image-panel img{max-width:100%;max-height:calc(100vh - 140px);object-fit:contain;display:block}.detail-modal__sidebar{width:380px;flex-shrink:0;border-left:1px solid var(--border-light);padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:18px}.detail-modal__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.detail-modal__generate-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;border:none;border-radius:10px;font-size:.88rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .2s}.detail-modal__generate-btn:hover{opacity:.92;transform:translateY(-1px);background:linear-gradient(135deg,var(--primary-hover),var(--primary))}.detail-modal__download-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:#fff;color:var(--text-main);border:1px solid var(--border-light);border-radius:10px;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .2s}.detail-modal__download-btn:hover{background:var(--accent-light)}.detail-modal__creator{display:flex;align-items:center;gap:8px;margin-left:auto}.detail-modal__creator-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#fff;font-weight:600}.detail-modal__creator-name{font-size:.85rem;color:var(--text-sub);font-weight:500}.detail-modal__section-title{font-size:.82rem;font-weight:600;color:var(--text-main);margin-bottom:10px}.detail-modal__tags{display:flex;flex-wrap:wrap;gap:8px}.detail-modal__tag{padding:4px 12px;background:var(--accent-light);color:var(--primary);border-radius:6px;font-size:.78rem;font-weight:500}.detail-modal__model{display:flex;align-items:center;gap:12px;padding:10px;background:var(--bg-page);border-radius:var(--radius-sm);border:1px solid var(--border-light)}.detail-modal__model img{width:48px;height:48px;border-radius:8px;object-fit:cover}.detail-modal__model-name{font-size:.88rem;font-weight:600;color:var(--text-main);margin-bottom:4px}.detail-modal__model-badge{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;color:var(--text-muted)}.detail-modal__section--grow{flex:1;min-height:0}.detail-modal__prompt{font-size:.82rem;line-height:1.7;color:var(--text-sub);background:var(--bg-page);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:12px 14px;max-height:160px;overflow-y:auto}.detail-modal__prompt--muted{color:var(--text-muted);font-style:italic;max-height:80px}@media(max-width:1280px){.masonry-grid{column-count:4}}@media(max-width:1024px){.header-inner{padding:0 20px;gap:20px}.main-nav{display:none}.search-box{min-width:160px}.content-layout{grid-template-columns:1fr;gap:24px}.feature-cards{grid-template-columns:1fr 1fr}.carousel-container,.carousel-track{min-height:320px}.banner-slide{min-height:320px;padding:32px 24px}.banner-slide__title{font-size:1.8rem}.masonry-grid{column-count:3}}@media(max-width:600px){.main-content{padding:16px}.header-actions{display:none}.feature-cards{grid-template-columns:1fr}.feature-card{min-height:100px;padding:20px 16px}.banner-slide__title{font-size:1.5rem}.banner-slide__icon{font-size:3rem}.masonry-grid{column-count:2}.hot-recommendations{margin-top:28px}.section-header{flex-wrap:wrap}.section-header__actions{width:100%;justify-content:flex-end}.toolbar-menu__trigger{padding:0 10px;font-size:.78rem}.detail-modal-overlay{padding:0;align-items:flex-end}.detail-modal{width:100%;max-height:95vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.detail-modal__body{flex-direction:column;overflow-y:auto}.detail-modal__image-panel img{max-height:50vh}.detail-modal__sidebar{width:100%;border-left:none;border-top:1px solid var(--border-light)}.detail-modal__creator{margin-left:0}}.recommend-card__media video{display:block;width:100%;height:auto;object-fit:cover;vertical-align:middle}.detail-modal__image-panel video{max-width:100%;max-height:calc(100vh - 140px);object-fit:contain;display:block}@media(max-width:768px){.detail-modal__image-panel video{max-height:50vh}}.hot-recommendations__grid{display:flex;align-items:flex-start;gap:16px}.hot-recommendations__column{flex:1;min-width:0}.hot-recommendations__item{margin-bottom:16px}.hot-recommendations__item:last-child{margin-bottom:0}.hot-recommendations__load-more{height:1px;margin-top:16px}.hot-recommendations__status{margin-left:auto;font-size:.75rem;color:var(--text-muted)}.hot-recommendations__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px 16px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md)}.hot-recommendations__empty-text{margin:0;color:var(--text-sub);font-size:.95rem}.video-feed__reset-btn{padding:10px 24px;border:1px solid var(--border-light);border-radius:999px;background:var(--bg-card);color:var(--text-main);font-size:.88rem;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s}.video-feed__reset-btn:hover{background:var(--accent-light);border-color:var(--primary-light);color:var(--primary)}.video-feed-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000;display:flex;flex-direction:column}.video-feed-viewer__close{position:absolute;top:16px;left:16px;z-index:10;width:40px;height:40px;border:none;border-radius:50%;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.video-feed-viewer__close:hover{background:#000000bf}.video-feed-viewer__nav{position:absolute;top:50%;z-index:10;transform:translateY(-50%);width:48px;height:72px;border:none;border-radius:12px;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,opacity .2s}.video-feed-viewer__nav:hover:not(:disabled){background:#000000b3}.video-feed-viewer__nav:disabled{opacity:.25;cursor:not-allowed}.video-feed-viewer__nav--prev{left:16px;padding-right:4px}.video-feed-viewer__nav--next{right:16px;padding-left:4px}.video-feed-viewer__feed{flex:1;min-height:0;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.video-feed__slide-wrapper{height:100%;scroll-snap-align:start;scroll-snap-stop:always}.video-feed__slide{height:100%;width:100%}.video-feed__media{position:relative;height:100%;width:100%;background:#111}.video-feed__media video{display:block;width:100%;height:100%;object-fit:contain;background:#000}.video-feed__progress{position:absolute;left:0;right:0;bottom:0;z-index:9;padding:12px 0 6px;cursor:pointer;touch-action:none}.video-feed__progress-track{position:relative;height:3px;background:#ffffff40;transition:height .15s ease}.video-feed__progress:hover .video-feed__progress-track,.video-feed__progress--dragging .video-feed__progress-track{height:5px}.video-feed__progress-bar{height:100%;background:#fff;pointer-events:none;transition:width .15s linear}.video-feed__progress--dragging .video-feed__progress-bar{transition:none}.video-feed__progress-thumb{position:absolute;top:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:#fff;transform:translateY(-50%) scale(0);transition:transform .15s ease;pointer-events:none}.video-feed__progress:hover .video-feed__progress-thumb,.video-feed__progress--dragging .video-feed__progress-thumb{transform:translateY(-50%) scale(1)}.video-feed__pause-indicator{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;pointer-events:none}.video-feed__pause-indicator-icon{width:64px;height:64px;border-radius:50%;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:1.6rem;display:flex;align-items:center;justify-content:center;padding-left:4px}.video-feed__media video{cursor:pointer}.video-feed__info{width:100%;padding:48px 16px 12px;text-align:left;border:none;background:none;color:#fff;cursor:pointer;font:inherit}.video-feed__bottom{position:absolute;left:0;right:88px;bottom:14px;background:linear-gradient(transparent,#000000a6);color:#fff;pointer-events:none}.video-feed__bottom .video-feed__info{pointer-events:auto}.video-feed-actions--sidebar{position:absolute;right:80px;bottom:50%;transform:translateY(40%);z-index:8;padding:0}.video-feed-actions--sidebar .video-feed-actions__bar{display:flex;flex-direction:column;align-items:center;gap:18px}.video-feed-actions--sidebar .video-feed-actions__btn{flex-direction:column;align-items:center;gap:4px;padding:0;min-width:52px;border:none;border-radius:0;background:transparent;color:#fff}.video-feed-actions--sidebar .video-feed-actions__btn:hover{background:transparent;transform:scale(1.05)}.video-feed-actions--sidebar .video-feed-actions__btn.active{background:transparent;color:#fff}.video-feed-actions--sidebar .video-feed-actions__btn.active .video-feed-actions__icon{background:#ff4d4f59;color:#ff6b6b}.video-feed-actions--sidebar .video-feed-actions__icon{width:44px;height:44px;border-radius:50%;background:#00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;font-size:1.15rem;line-height:1;color:#fff;transition:background .2s,transform .15s,color .2s}.video-feed-actions--sidebar .video-feed-actions__icon svg{width:22px;height:22px}.video-feed-actions--sidebar .video-feed-actions__label{font-size:.68rem;font-weight:500;color:#fffffff2;text-shadow:0 1px 4px rgba(0,0,0,.6);white-space:nowrap}.video-feed-actions--sidebar .video-feed-actions__tip{position:absolute;right:0;top:-28px;margin:0;padding:4px 10px;border-radius:999px;background:#000000a6;white-space:nowrap}.video-comment-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:210;display:flex;flex-direction:column;justify-content:flex-end}.video-comment-sheet__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;padding:0;background:#0000008c;cursor:pointer}.video-comment-sheet__panel{position:relative;display:flex;flex-direction:column;max-height:min(55vh,420px);padding:0 16px 16px;padding-bottom:max(16px,env(safe-area-inset-bottom));border-radius:16px 16px 0 0;background:#1c1c1e;color:#fff;animation:video-comment-sheet-in .25s ease}@keyframes video-comment-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.video-comment-sheet__header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:14px 0 12px;border-bottom:1px solid rgba(255,255,255,.08)}.video-comment-sheet__title{margin:0;font-size:.95rem;font-weight:600}.video-comment-sheet__close{width:32px;height:32px;border:none;border-radius:50%;background:#ffffff1a;color:#ffffffd9;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.video-comment-sheet__close:hover{background:#ffffff2e}.video-comment-sheet__body{flex:1;min-height:80px;overflow-y:auto;padding:12px 0}.video-comment-sheet__list{list-style:none;margin:0;padding:0}.video-comment-sheet__item{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:.88rem;line-height:1.5;word-break:break-word}.video-comment-sheet__item:last-child{border-bottom:none}.video-comment-sheet__empty{margin:0;padding:24px 0;text-align:center;font-size:.85rem;color:#ffffff73}.video-comment-sheet__form{display:flex;gap:10px;flex-shrink:0;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.video-comment-sheet__input{flex:1;min-width:0;padding:10px 14px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:#ffffff14;color:#fff;font:inherit;font-size:.88rem}.video-comment-sheet__input::placeholder{color:#fff6}.video-comment-sheet__input:focus{outline:none;border-color:#ffffff59}.video-comment-sheet__submit{flex-shrink:0;padding:10px 18px;border:none;border-radius:999px;background:var(--primary);color:#fff;font-size:.88rem;font-weight:500;cursor:pointer}.video-comment-sheet__submit:disabled{opacity:.45;cursor:not-allowed}.video-feed-actions__bar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.video-feed-actions__btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border:none;border-radius:10px;background:#ffffff14;color:#ffffffeb;font:inherit;cursor:pointer;transition:background .2s,color .2s,transform .15s}.video-feed-actions__btn:hover{background:#ffffff29}.video-feed-actions__btn.active{color:#ff8a80;background:#d32f2f38}.video-feed-actions__icon{font-size:1.15rem;line-height:1}.video-feed-actions__label{font-size:.72rem;font-weight:500}.video-feed-actions__tip{margin:8px 0 0;text-align:center;font-size:.72rem;color:#ffffffbf}.video-feed-actions__panel{margin-top:10px;padding:12px;border-radius:12px;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.video-feed-actions__form{display:flex;gap:8px;margin-bottom:10px}.video-feed-actions__input{flex:1;min-width:0;padding:8px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#ffffff1a;color:#fff;font:inherit;font-size:.82rem}.video-feed-actions__input::placeholder{color:#ffffff73}.video-feed-actions__submit{flex-shrink:0;padding:8px 14px;border:none;border-radius:999px;background:var(--primary);color:#fff;font-size:.82rem;font-weight:500;cursor:pointer}.video-feed-actions__submit:disabled{opacity:.45;cursor:not-allowed}.video-feed-actions__comments{list-style:none;margin:0;padding:0;max-height:120px;overflow-y:auto}.video-feed-actions__comment{padding:8px 0;border-top:1px solid rgba(255,255,255,.1);font-size:.82rem;line-height:1.4;word-break:break-word}.video-feed-actions__comment:first-child{border-top:none;padding-top:0}.video-feed-actions__empty{margin:0;font-size:.78rem;color:#ffffff8c;text-align:center}.video-feed__badge{display:inline-flex;align-items:center;gap:4px;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:.7rem;font-weight:500;padding:4px 8px;border-radius:6px;margin-bottom:8px}.video-feed__title{margin:0 0 10px;font-size:1rem;font-weight:600;line-height:1.35;text-shadow:0 1px 4px rgba(0,0,0,.5)}.video-feed__meta{display:flex;align-items:center;gap:8px;font-size:.82rem;opacity:.9}.video-feed__author{font-weight:500}.video-feed__meta-right{margin-left:auto;display:flex;align-items:center;gap:8px;flex-shrink:0}.video-feed__time{opacity:.75;font-variant-numeric:tabular-nums;white-space:nowrap}.video-playback-speed{position:relative;flex-shrink:0}.video-playback-speed__trigger{padding:0;border:none;border-radius:0;background:transparent;color:#fff;font:inherit;font-size:.82rem;line-height:1.4;opacity:.75;white-space:nowrap;cursor:pointer;transition:opacity .15s ease}.video-playback-speed__trigger:hover{opacity:1}.video-playback-speed__panel{position:absolute;right:0;bottom:calc(100% + 8px);z-index:12;min-width:96px;margin:0;padding:4px;list-style:none;border-radius:8px;background:#141414eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px #00000073}.video-playback-speed__option{display:block;width:100%;padding:8px 12px;border:none;border-radius:6px;background:transparent;color:#fff;font:inherit;font-size:.78rem;text-align:center;white-space:nowrap;cursor:pointer}.video-playback-speed__option:hover{background:#ffffff1f}.video-playback-speed__option.is-active{color:#fff;background:#fff3;font-weight:600}.video-fullscreen-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;padding:0;border:none;border-radius:0;background:transparent;color:#fff;opacity:.75;cursor:pointer;transition:opacity .15s ease}.video-fullscreen-btn:hover{opacity:1}.video-fullscreen-btn svg{width:18px;height:18px}.video-feed__media:fullscreen,.video-feed__media:-webkit-full-screen{width:100%;height:100%;background:#000}.video-feed__media:fullscreen video,.video-feed__media:-webkit-full-screen video{width:100%;height:100%;object-fit:contain}.video-feed__media:fullscreen .video-feed-actions,.video-feed__media:-webkit-full-screen .video-feed-actions{display:none}@media(max-width:768px){.hot-recommendations__grid{gap:12px}.hot-recommendations__item{margin-bottom:12px}.video-feed-viewer__nav{width:40px;height:56px;font-size:1.6rem}.video-feed-viewer__nav--prev{left:8px}.video-feed-viewer__nav--next{right:8px}.video-feed-actions--sidebar{right:56px;gap:14px}.video-feed-actions--sidebar .video-feed-actions__bar{gap:14px}.video-feed-actions--sidebar .video-feed-actions__icon{width:40px;height:40px}.video-feed-actions--sidebar .video-feed-actions__icon svg{width:20px;height:20px}.video-feed__bottom{right:52px}}.recommend-card-wrap{display:flex;flex-direction:column;background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-light);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.recommend-card-wrap:has(.recommend-card__media video){gap:4px}.recommend-card-wrap:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.recommend-card-wrap .recommend-card{border:none;border-radius:0;box-shadow:none;transition:none}.recommend-card-wrap .recommend-card:hover{transform:none;box-shadow:none}.recommend-card__footer>.video-feed-actions--grid{display:contents}.recommend-card__footer>.video-feed-actions--grid .video-feed-actions__bar{grid-column:2;grid-row:1;display:flex;gap:4px}.recommend-card__footer>.video-feed-actions--grid .video-feed-actions__tip,.recommend-card__footer>.video-feed-actions--grid .video-feed-actions__panel{grid-column:1 / -1}.recommend-card__footer>.video-feed-actions--grid .video-feed-actions__tip{grid-row:2;margin:0;text-align:left;font-size:.68rem}.recommend-card__footer>.video-feed-actions--grid .video-feed-actions__panel{grid-row:3;margin-top:0}.video-feed-actions--grid{padding:0}.video-feed-actions--grid .video-feed-actions__btn{padding:4px;min-width:0;border:none;border-radius:6px;background:transparent;color:var(--text-muted)}.video-feed-actions--grid .video-feed-actions__btn:hover{background:transparent;color:var(--text-main);transform:scale(1.08)}.video-feed-actions--grid .video-feed-actions__btn.active{background:transparent;color:var(--primary)}.video-feed-actions--grid .video-feed-actions__btn.active .video-feed-actions__icon{color:var(--primary)}.video-feed-actions--grid .video-feed-actions__icon{width:auto;height:auto;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;display:flex;align-items:center;justify-content:center;color:inherit;transition:color .2s,transform .15s}.video-feed-actions--grid .video-feed-actions__icon svg{width:16px;height:16px}.video-feed-actions--grid .video-feed-actions__panel{background:var(--bg-page);border:1px solid var(--border-light)}.video-feed-actions--grid .video-feed-actions__input{border-color:var(--border-light);background:var(--bg-card);color:var(--text-main)}.video-feed-actions--grid .video-feed-actions__input::placeholder{color:var(--text-muted)}.video-feed-actions--grid .video-feed-actions__comment{border-top-color:var(--border-light);color:var(--text-sub)}.video-feed-actions--grid .video-feed-actions__empty,.video-feed-actions--grid .video-feed-actions__tip{color:var(--text-muted)}