:root{--primary-color:#000;--secondary-color:#fff;--accent-color:#fe2c55;--bg-color:#000;--text-color:#fff;--card-bg:#1a1a1a;--border-color:#333;--font-family:"PingFang SC","Microsoft YaHei",sans-serif;--spacing-unit:8px;--border-radius:8px;--max-width:1200px;}*{margin:0;padding:0;box-sizing:border-box;}body{font-family:var(--font-family);line-height:1.6;color:var(--text-color);background:var(--bg-color);min-height:100vh;}a{color:var(--accent-color);text-decoration:none;transition:opacity 0.2s;}a:hover{opacity:0.8;}img{max-width:100%;height:auto;}nav{background:var(--card-bg);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,0.1);}nav ul{list-style:none;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;max-width:var(--max-width);margin:0 auto;padding:0;}nav li{flex:1 1 0;min-width:0;text-align:center;}nav a{display:block;padding:calc(var(--spacing-unit) * 2) var(--spacing-unit);color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;}nav a:hover{background:var(--bg-color);opacity:1;}main{max-width:var(--max-width);margin:0 auto;padding:calc(var(--spacing-unit) * 3);}.breadcrumb{margin-bottom:calc(var(--spacing-unit) * 2);font-size:14px;color:var(--text-color);opacity:0.7;}.breadcrumb a{color:var(--accent-color);}h1{font-size:2.5rem;font-weight:700;margin-bottom:calc(var(--spacing-unit) * 2);line-height:1.2;}h2{font-size:1.8rem;font-weight:600;margin:calc(var(--spacing-unit) * 4) 0 calc(var(--spacing-unit) * 2) 0;line-height:1.2;}h3{font-size:1.2rem;font-weight:600;margin-bottom:calc(var(--spacing-unit));line-height:1.3;}p{margin-bottom:calc(var(--spacing-unit) * 2);line-height:1.8;}.layout-e .hero{text-align:center;padding:calc(var(--spacing-unit) * 8) 0;margin-bottom:calc(var(--spacing-unit) * 6);}.layout-e .hero h1{margin-bottom:calc(var(--spacing-unit) * 3);}.layout-e .site-desc{font-size:1.1rem;line-height:1.8;opacity:0.9;max-width:800px;margin:0 auto;}.layout-e section{margin-bottom:calc(var(--spacing-unit) * 8);}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:calc(var(--spacing-unit) * 3);margin-top:calc(var(--spacing-unit) * 3);}.links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:calc(var(--spacing-unit) * 3);}.video-card,.link-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:calc(var(--spacing-unit) * 3);transition:transform 0.2s,box-shadow 0.2s;}.video-card:hover,.link-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,0.1);}.video-card h3,.link-card h3{margin-bottom:calc(var(--spacing-unit) * 1.5);}.video-card .meta{font-size:0.9rem;opacity:0.7;margin-bottom:calc(var(--spacing-unit));}.video-card .one-line{font-size:0.95rem;line-height:1.6;margin-bottom:calc(var(--spacing-unit));}.video-card .summary{font-size:0.9rem;opacity:0.8;line-height:1.6;}.video-card.ranked{position:relative;padding-left:calc(var(--spacing-unit) * 7);}.rank-badge{position:absolute;left:calc(var(--spacing-unit) * 2);top:calc(var(--spacing-unit) * 2);width:32px;height:32px;background:var(--accent-color);color:var(--secondary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:14px;}.video-card.topic .tags{margin:calc(var(--spacing-unit)) 0;font-size:0.85rem;opacity:0.8;}.video-card.latest .year-badge{display:inline-block;background:var(--accent-color);color:var(--secondary-color);padding:2px 8px;border-radius:4px;font-size:0.85rem;font-weight:bold;margin-bottom:calc(var(--spacing-unit));}.video-list{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 2);}.video-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:calc(var(--spacing-unit) * 2);}.video-detail{background:var(--card-bg);border-radius:var(--border-radius);padding:calc(var(--spacing-unit) * 4);border:1px solid var(--border-color);}.video-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:calc(var(--spacing-unit) * 2);margin:calc(var(--spacing-unit) * 3) 0;padding:calc(var(--spacing-unit) * 2);background:var(--bg-color);border-radius:var(--border-radius);}.meta-item{font-size:0.95rem;}.meta-item strong{color:var(--accent-color);margin-right:calc(var(--spacing-unit));}.meta-tags{grid-column:1 / -1;}.video-highlight{margin:calc(var(--spacing-unit) * 4) 0;padding:calc(var(--spacing-unit) * 3);background:var(--bg-color);border-left:4px solid var(--accent-color);border-radius:var(--border-radius);}.video-highlight .one-line{font-size:1.1rem;line-height:1.8;font-weight:500;}.video-summary,.video-review{margin:calc(var(--spacing-unit) * 4) 0;}.video-summary p,.video-review p{line-height:1.8;text-align:justify;}.notice{background:var(--card-bg);border:1px solid var(--accent-color);border-radius:var(--border-radius);padding:calc(var(--spacing-unit) * 2);margin:calc(var(--spacing-unit) * 3) 0;}.notice ul{margin-top:calc(var(--spacing-unit));margin-left:calc(var(--spacing-unit) * 3);}.notice li{margin-bottom:calc(var(--spacing-unit));}.error-page{text-align:center;padding:calc(var(--spacing-unit) * 10) 0;}@media (max-width:768px){main{padding:calc(var(--spacing-unit) * 2);}h1{font-size:1.8rem;}h2{font-size:1.4rem;}.video-grid{grid-template-columns:1fr;gap:calc(var(--spacing-unit) * 2);}.links-grid{grid-template-columns:1fr;}nav a{padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 0.5);font-size:14px;}.layout-e .hero{padding:calc(var(--spacing-unit) * 4) 0;}.video-detail{padding:calc(var(--spacing-unit) * 2);}.video-meta{grid-template-columns:1fr;}.video-card.ranked{padding-left:calc(var(--spacing-unit) * 6);}.rank-badge{width:28px;height:28px;font-size:12px;}}@media (max-width:480px){h1{font-size:1.5rem;}nav a{padding:calc(var(--spacing-unit)) 4px;font-size:12px;}}