:root{--color-background:#f4f6f9;--color-background-soft:#eef2f7;--color-surface:#fff;--color-surface-strong:#f8fafc;--color-border:#dde5ef;--color-heading:#132133;--color-text:#2b3a4d;--color-muted-text:#6f7f93;--color-accent:#1d8f88;--color-accent-soft:#1d8f8829;--header-height:68px}*,:before,:after{box-sizing:border-box;margin:0}body{min-height:100vh;color:var(--color-text);background:radial-gradient(circle at 12% 16%, #fff 0%, transparent 40%), radial-gradient(circle at 86% 10%, #ddeaf5 0%, transparent 34%), var(--color-background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Manrope,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:15px;line-height:1.6}button,input,textarea{font:inherit}#app{min-height:100vh}a{color:inherit;text-decoration:none}.app-root{min-height:100vh}.app-shell{width:min(1280px,100% - 2.2rem);margin-inline:auto}.page-pad{padding-top:1.1rem;padding-bottom:1.8rem}.home-page{gap:1rem;display:grid}.home-head h1{letter-spacing:.01em;color:var(--color-heading);margin-bottom:.2rem;font-family:Space Grotesk,Noto Sans SC,sans-serif}.sub-title{color:var(--color-muted-text)}.video-grid{grid-template-columns:1fr;gap:.9rem;display:grid}.card-btn{text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.state-box{border:1px dashed var(--color-border);background:var(--color-surface);color:var(--color-muted-text);border-radius:14px;padding:1rem}.state-error{color:#b9372e}.placeholder-page{min-height:calc(100vh - var(--header-height))}.placeholder-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:1.2rem}@media (width>=768px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1200px){.video-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.site-header[data-v-6488d50d]{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);background:#f5f7fad1;position:sticky;top:0}.header-inner[data-v-6488d50d]{grid-template-columns:180px minmax(220px,1fr) 140px;align-items:center;gap:1rem;min-height:68px;display:grid}.brand-wrap[data-v-6488d50d]{align-items:center;display:flex}.brand[data-v-6488d50d]{letter-spacing:.02em;color:var(--color-heading);font-family:Space Grotesk,Noto Sans SC,sans-serif;font-size:1.25rem;font-weight:700}.search-wrap[data-v-6488d50d]{grid-template-columns:1fr auto;gap:.625rem;display:grid}.search-input[data-v-6488d50d]{border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);border-radius:12px;padding:.65rem .85rem}.search-input[data-v-6488d50d]:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft);outline:none}.search-btn[data-v-6488d50d]{color:#fff;background:var(--color-accent);border:0;border-radius:12px;padding:0 1rem;font-weight:600}.search-btn[data-v-6488d50d]:hover{filter:brightness(.95)}.header-nav[data-v-6488d50d]{justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.nav-link[data-v-6488d50d]{color:var(--color-muted-text);border-radius:8px;padding:.25rem .5rem}.nav-link.active[data-v-6488d50d]{color:var(--color-heading);background:var(--color-accent-soft)}.avatar-btn[data-v-6488d50d]{border:1px solid var(--color-border);background:var(--color-surface-strong);cursor:pointer;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.avatar-dot[data-v-6488d50d]{color:var(--color-muted-text);font-size:.85rem;font-weight:700}@media (width<=899px){.header-inner[data-v-6488d50d]{grid-template-columns:1fr auto;grid-template-areas:"brand nav""search search"}.brand-wrap[data-v-6488d50d]{grid-area:brand}.search-wrap[data-v-6488d50d]{grid-area:search}.header-nav[data-v-6488d50d]{grid-area:nav}}.video-card[data-v-ee6f8a17]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;gap:.72rem;padding:.65rem;transition:transform .25s,box-shadow .25s;display:grid}.video-card[data-v-ee6f8a17]:hover{transform:translateY(-3px);box-shadow:0 12px 26px #141f2e14}.cover-wrap[data-v-ee6f8a17]{position:relative}.cover[data-v-ee6f8a17]{aspect-ratio:16/9;object-fit:cover;background:#d9dfe8;border-radius:12px;width:100%}.duration-chip[data-v-ee6f8a17]{color:#fff;background:#000000b8;border-radius:999px;padding:.14rem .45rem;font-size:.72rem;position:absolute;bottom:.55rem;right:.55rem}.card-body[data-v-ee6f8a17]{gap:.35rem;display:grid}.title[data-v-ee6f8a17]{color:var(--color-heading);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.98rem;line-height:1.45;display:-webkit-box;overflow:hidden}.meta[data-v-ee6f8a17]{color:var(--color-muted-text);font-size:.84rem}