:root{--primary-bg:#1a1d29;--secondary-bg:#0f111a;--card-bg:#252836;--text-primary:#e0e0e0;--text-secondary:#b0b3c1;--accent-blue:#4da6ff;--accent-yellow:#ffd93d;--border-color:#2a2d3a;}body{background:var(--primary-bg);color:var(--text-primary);font-size:16px;}main{max-width:1200px;margin:0 auto;padding:24px 16px;}h1,h2,h3{color:var(--text-primary);margin-top:0;}h1{font-size:28px;font-weight:600;line-height:1.2;margin-bottom:16px;}h2{font-size:22px;font-weight:600;line-height:1.2;margin-bottom:12px;border-left:4px solid var(--accent-yellow);padding-left:12px;}h3{font-size:18px;font-weight:500;line-height:1.3;margin-bottom:8px;}a{color:var(--accent-blue);transition:color 0.2s;}a:hover{color:var(--accent-yellow);}.breadcrumb{font-size:14px;color:var(--text-secondary);margin-bottom:20px;padding:8px 0;}.breadcrumb a{color:var(--text-secondary);}.breadcrumb a:hover{color:var(--accent-blue);}.site-header{text-align:center;padding:32px 0;border-bottom:2px solid var(--border-color);margin-bottom:32px;}.site-header h1{font-size:32px;margin:0;}.site-intro{background:var(--card-bg);padding:24px;border-radius:8px;margin-bottom:32px;border:1px solid var(--border-color);}.site-intro h2{border-left:none;padding-left:0;}.site-intro p{line-height:1.8;color:var(--text-secondary);}section{margin-bottom:48px;}.page-header{margin-bottom:32px;padding-bottom:16px;border-bottom:2px solid var(--border-color);}.page-header p{color:var(--text-secondary);font-size:16px;margin-top:8px;}.notice{background:var(--secondary-bg);padding:20px;border-radius:8px;border-left:4px solid var(--accent-yellow);margin-bottom:24px;}.notice p{margin:0 0 12px 0;}.notice ul{list-style:disc;padding-left:24px;margin:8px 0 0 0;}.notice li{margin:4px 0;}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;}@media (max-width:767px){.video-grid{grid-template-columns:1fr;gap:16px;}}.video-card{background:var(--card-bg);padding:20px;border-radius:8px;border:1px solid var(--border-color);transition:transform 0.2s,box-shadow 0.2s;position:relative;}.video-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,0.3);border-color:var(--accent-blue);}.video-card .rank{position:absolute;top:12px;right:12px;background:var(--accent-yellow);color:var(--secondary-bg);padding:4px 10px;border-radius:12px;font-weight:600;font-size:14px;}.video-card h3{margin-top:0;margin-bottom:8px;}.video-card h3 a{color:var(--text-primary);text-decoration:none;}.video-card h3 a:hover{color:var(--accent-blue);}.video-card .meta{font-size:14px;color:var(--text-secondary);margin:4px 0;}.video-card .one-line{font-size:15px;line-height:1.6;color:var(--text-secondary);margin:8px 0 0 0;}.video-card .excerpt{font-size:14px;line-height:1.6;color:var(--text-secondary);margin:12px 0 0 0;padding-top:12px;border-top:1px solid var(--border-color);}.quick-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;}@media (max-width:767px){.quick-links{grid-template-columns:1fr;}}.link-card{display:block;background:var(--card-bg);padding:24px;border-radius:8px;border:2px solid var(--border-color);text-decoration:none;transition:transform 0.2s,border-color 0.2s;}.link-card:hover{transform:translateY(-4px);border-color:var(--accent-blue);text-decoration:none;}.link-card h3{color:var(--accent-blue);margin:0 0 8px 0;}.link-card p{color:var(--text-secondary);margin:0;font-size:14px;}.detail-page{max-width:800px;margin:0 auto;}.detail-page header{margin-bottom:32px;padding-bottom:16px;border-bottom:2px solid var(--border-color);}.detail-page .meta-info{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px;}.detail-page .tag{display:inline-block;background:var(--secondary-bg);color:var(--accent-blue);padding:4px 12px;border-radius:4px;font-size:14px;border:1px solid var(--border-color);}.detail-page section{margin-bottom:32px;}.detail-page section h2{font-size:20px;margin-bottom:12px;}.detail-page section p{line-height:1.8;color:var(--text-secondary);}.detail-page .one-line p{font-size:18px;font-weight:500;color:var(--text-primary);background:var(--card-bg);padding:16px;border-radius:8px;border-left:4px solid var(--accent-yellow);}.detail-page .summary p{text-align:justify;}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;}@media (max-width:767px){.related-grid{grid-template-columns:1fr;}}.related-card{background:var(--card-bg);padding:16px;border-radius:8px;border:1px solid var(--border-color);transition:transform 0.2s;}.related-card:hover{transform:translateY(-2px);border-color:var(--accent-blue);}.related-card h3{font-size:16px;margin:0 0 8px 0;}.related-card h3 a{color:var(--text-primary);text-decoration:none;}.related-card h3 a:hover{color:var(--accent-blue);}.related-card p{font-size:14px;color:var(--text-secondary);margin:0;}.back-links{margin-top:24px;display:flex;gap:12px;}.btn{display:inline-block;background:var(--accent-blue);color:var(--secondary-bg);padding:10px 24px;border-radius:6px;text-decoration:none;font-weight:500;transition:background 0.2s;}.btn:hover{background:var(--accent-yellow);color:var(--secondary-bg);text-decoration:none;}footer{text-align:center;padding:32px 16px;border-top:2px solid var(--border-color);color:var(--text-secondary);font-size:14px;background:var(--secondary-bg);margin-top:48px;}