:root{color-scheme:light;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--accent:#4f46e5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;color:var(--ink);font:14px/1.6 system-ui,-apple-system,"Microsoft YaHei",sans-serif;background:#f8fafc;background-image:radial-gradient(circle at 12% 15%,#4f46e524,transparent 38%),radial-gradient(circle at 90% 18%,#db27771a,transparent 40%),radial-gradient(circle at 50% 95%,#0ea5e914,transparent 45%);background-attachment:fixed}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}img{display:block;max-width:100%}[hidden]{display:none!important}.container{width:100%;max-width:680px;padding:0 16px;margin:auto}.skip-link{position:fixed;top:-100px;left:16px;background:white;padding:10px;z-index:100}.skip-link:focus{top:10px}.site-header{position:fixed;top:0;left:0;right:0;z-index:30;background:#ffffffcf;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{max-width:680px;margin:auto;padding:0 16px;min-height:56px;display:grid;grid-template-columns:76px minmax(0,1fr) 76px;align-items:center;gap:8px}.home-link{display:flex;align-items:center;gap:6px;font-size:12px;color:#475569}.brand{display:flex;justify-content:center;align-items:center;gap:7px;min-width:0;font-weight:800;font-size:16px}.brand img{object-fit:contain;flex-shrink:0;border-radius:5px}.brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-link,.primary-button,.search-field button{border:0;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:white;border-radius:10px;font-weight:600;box-shadow:0 8px 20px -14px #4f46e5;cursor:pointer}.contact-link{justify-self:end;padding:7px 15px;font-size:12px}.discovery{padding-top:76px}.category-panel,.search-panel{background:#ffffffd9;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 28px -24px #0f172a33;margin-bottom:16px;padding:12px}.category-panel{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.category-panel a{display:flex;align-items:center;justify-content:center;padding:7px 3px;border-radius:9px;background:#f1f5f9;color:#475569;font-size:12px;text-align:center;overflow-wrap:anywhere}.category-panel a:hover,.category-panel a[aria-current=page]{background:#eef2ff;color:#4338ca;box-shadow:inset 0 0 0 1px #c7d2fe}.search-field{display:flex;align-items:center;gap:10px;padding:5px 5px 5px 12px;border:1px solid var(--line);border-radius:30px;background:#f8fafc}.search-field svg{flex-shrink:0;color:#64748b}.search-field input{border:0;background:transparent;min-width:0;width:100%;padding:6px 0;outline:none}.search-field:focus-within{border-color:#a5b4fc}.search-field button{flex-shrink:0;padding:8px 18px;border-radius:22px}.search-error{font-size:12px;color:#b45309;padding:6px 10px 0}.ad-zone{display:grid;gap:10px}.ad-zone:empty{display:none}.ad-zone img{height:auto;max-width:100%;margin:auto;border-radius:10px}main.container{padding-bottom:40px}.video-section{margin-top:24px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.section-heading h1,.section-heading h2{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:800;margin:0;overflow-wrap:anywhere}.section-heading h1:before,.section-heading h2:before{content:'';width:8px;height:8px;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#db2777)}.more-link{font-size:12px;color:var(--muted);white-space:nowrap}.more-link:hover{color:var(--accent)}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.video-card{min-width:0;border:1px solid var(--line);border-radius:14px;background:#ffffffdf;overflow:hidden;box-shadow:0 8px 22px -20px #0f172a66;transition:box-shadow .2s,transform .2s}.video-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px -18px #4f46e555}.y15-cover,.detail-cover{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#e0e7ff,#fae8ff)}.y15-cover img,.detail-cover img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.video-card:hover img{transform:scale(1.04)}.y15-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0003,transparent 55%);pointer-events:none}.video-card h3{margin:0;padding:12px;font-size:14px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.image-fallback{position:absolute;inset:0;display:grid;place-items:center;color:#7c83a6;font-size:13px}.empty-state{display:none;padding:28px 16px;text-align:center;color:var(--muted);background:#ffffffb3;border:1px dashed #cbd5e1;border-radius:12px}.video-grid:not(:has(.video-card))+.empty-state{display:block}.pagination{display:flex;gap:8px;align-items:center;justify-content:center;margin:28px 0 10px;font-size:13px}.pagination a,.pagination span{padding:8px 14px;border:1px solid var(--line);border-radius:8px;background:#fff}.pagination span{color:white;background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent}.pagination a[aria-disabled=true]{opacity:.4;cursor:default}.detail-panel,.watch-panel{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#ffffffd9;margin-top:24px}.play-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:10px 22px;border-radius:30px;background:#4f46e5e6;color:white;white-space:nowrap}.watch-info{padding:20px}.watch-info h1{font-size:18px;font-weight:800;line-height:1.6;margin:0 0 10px;overflow-wrap:anywhere}.watch-info p{font-size:12px;color:var(--muted);margin:8px 0}.primary-button{display:inline-block;padding:10px 22px;margin-top:8px}.player-shell{aspect-ratio:16/9;background:#000}.player-shell iframe,.player-shell video{width:100%;height:100%;border:0}.watch-info .watch-hint{padding:12px;border-radius:10px;background:#f8fafc;border:1px solid var(--line)}.site-footer{margin-top:24px;padding:30px 0;border-top:1px solid var(--line);background:#ffffff99;text-align:center;color:var(--muted);font-size:12px}.site-footer p{margin:8px 0;overflow-wrap:anywhere}.friend-links{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 18px}.to-top{display:inline-block;margin-top:10px;font-weight:600;color:#4338ca}.contact-email:empty{display:none}@media(max-width:480px){.header-inner{grid-template-columns:48px minmax(0,1fr) 48px}.home-link span{display:none}.contact-link{padding:7px 10px}.brand{font-size:15px}.brand img{width:24px;height:24px}.category-panel{gap:5px;padding:10px}.category-panel a{font-size:11px;padding:6px 2px}.video-card h3{font-size:13px;padding:10px}.watch-info{padding:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* 1.0.1: full-size brand and structured footer */
.header-inner{min-height:68px}.brand{min-height:44px}.brand img{width:160px;height:44px;max-width:100%;border-radius:0}.brand:has(img:not([hidden]))>span{display:none}.discovery{padding-top:88px}.site-footer{padding:28px 0 34px;background:#ffffff80}.footer-panel{text-align:left;padding:22px 24px;border:1px solid #e2e8f0;border-radius:16px;background:#ffffffb8}.footer-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.footer-brand{font-size:17px;font-weight:750;color:#334155;min-width:0;overflow-wrap:anywhere}.footer-heading .to-top{margin:0;padding:7px 11px;border:1px solid #e2e8f0;border-radius:8px;background:white;font-size:12px;font-weight:500;flex-shrink:0}.footer-contact{display:flex;align-items:baseline;gap:12px;margin-top:14px;font-size:12px;color:#94a3b8}.footer-contact .contact-email{color:#64748b;overflow-wrap:anywhere;min-width:0}.footer-contact:has(.contact-email:empty){display:none}.footer-links{border-top:1px solid #edf0f5;margin-top:20px;padding-top:18px}.footer-label{display:block;font-size:12px;color:#94a3b8;margin-bottom:10px}.footer-links:not(:has(a)){display:none}.footer-panel .friend-links{justify-content:flex-start;gap:8px 18px;line-height:1.9}.friend-links a{overflow-wrap:anywhere;max-width:100%}.friend-links a:hover{color:#4f46e5}@media(max-width:480px){.header-inner{min-height:64px}.brand img{width:140px;height:40px}.discovery{padding-top:82px}.footer-panel{padding:18px}.footer-heading{gap:12px}.footer-brand{font-size:15px}.footer-contact{flex-wrap:wrap;gap:4px 10px}.site-footer{padding:22px 0}}

@media(max-width:760px){.ad-zone a{display:block;width:100%}.ad-zone img{width:100%!important;height:auto;max-width:100%}}

/* Honor the banner height configured in advertisement management. */
@media(max-width:760px){.ad-zone img{min-height:72px;max-height:200px;object-fit:fill}}