*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans SC',sans-serif;line-height:1.6;color:#333;background:#f9f9f9;font-size:16px}a{text-decoration:none;color:#0066cc;transition:color 0.2s ease}a:hover{color:#0052a3;text-decoration:underline}ul,ol{list-style:none}img{max-width:100%;height:auto}nav{background:#fff;border-bottom:1px solid #e0e0e0;padding:0.8rem 1rem;position:sticky;top:0;z-index:1000;box-shadow:0 2px 4px rgba(0,0,0,0.05)}nav ul{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}nav li{flex:1 1 0;min-width:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}nav a{color:#333;font-weight:500;display:block;padding:0.3rem 0.5rem;border-radius:4px;transition:background 0.2s ease}nav a:hover{background:#f0f0f0;text-decoration:none}.breadcrumb{padding:0.8rem 1rem;font-size:0.9rem;color:#666;background:#fff;border-bottom:1px solid #eee;max-width:1200px;margin:0 auto}.breadcrumb a{color:#0066cc;margin-right:0.3rem}main{max-width:1200px;margin:0 auto;padding:1.5rem 1rem}section{background:#fff;border-radius:8px;padding:2rem 1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px rgba(0,0,0,0.08)}h1{font-size:1.8rem;font-weight:700;margin-bottom:1rem;color:#222;line-height:1.3}h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#333;border-left:4px solid #0066cc;padding-left:0.8rem}h3{font-size:1.2rem;font-weight:600;margin-bottom:0.5rem;color:#444}p{margin-bottom:0.8rem;line-height:1.7}.hero{text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:3rem 2rem;border-radius:8px}.hero h1{color:#fff;font-size:2rem;margin-bottom:1rem}.site-intro{max-width:800px;margin:0 auto;font-size:1.05rem;line-height:1.8;opacity:0.95}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}.video-card{background:#fafafa;border:1px solid #e8e8e8;border-radius:6px;padding:1.2rem;transition:transform 0.2s ease,box-shadow 0.2s ease}.video-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,0.12);border-color:#d0d0d0}.video-card h3{font-size:1.1rem;margin-bottom:0.5rem}.video-card h3 a{color:#222}.video-card h3 a:hover{color:#0066cc}.video-card .meta{font-size:0.85rem;color:#888;margin-bottom:0.6rem}.video-card .one-line{font-size:0.95rem;color:#555;line-height:1.5;margin-bottom:0.5rem}.video-card .summary{font-size:0.9rem;color:#666;line-height:1.6;margin-bottom:0.5rem;border-left:2px solid #ddd;padding-left:0.6rem}.video-card .review{font-size:0.88rem;color:#777;font-style:italic;line-height:1.5;background:#f5f5f5;padding:0.5rem;border-radius:4px}.video-list{display:flex;flex-direction:column;gap:1.2rem;margin-top:1.5rem}.entrance-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-top:1.5rem}.entrance-card{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);color:#fff;padding:2rem 1.5rem;border-radius:8px;text-align:center;transition:transform 0.2s ease,box-shadow 0.2s ease;display:block}.entrance-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px rgba(0,0,0,0.15);text-decoration:none}.entrance-card h3{color:#fff;margin-bottom:0.5rem;font-size:1.3rem}.entrance-card p{color:rgba(255,255,255,0.9);font-size:0.95rem;margin-bottom:0}.list-page h1{font-size:2rem;margin-bottom:1rem}.page-desc{font-size:1.05rem;color:#555;margin-bottom:1.5rem;line-height:1.7}.notice{background:#fffbea;border-left:4px solid #f59e0b;padding:1rem;margin-bottom:1.5rem;font-size:0.95rem;color:#92400e;border-radius:4px}.notice a{color:#0066cc;font-weight:500}.video-detail h1{font-size:2.2rem;margin-bottom:1.5rem;color:#111}.video-meta{background:#f8f9fa;padding:1.2rem;border-radius:6px;margin-bottom:1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0.8rem}.video-meta p{margin-bottom:0.3rem;font-size:0.95rem;color:#555}.video-meta strong{color:#333;font-weight:600}.video-content h2{font-size:1.4rem;margin-top:2rem;margin-bottom:1rem}.video-content p{font-size:1.05rem;line-height:1.8;color:#444;text-align:justify}.related-videos{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.2rem;margin-top:1.5rem}.related-item{background:#f9f9f9;border:1px solid #e5e5e5;border-radius:6px;padding:1rem;transition:all 0.2s ease}.related-item:hover{border-color:#0066cc;background:#f0f7ff}.related-item h3{font-size:1.05rem;margin-bottom:0.5rem}.related-item h3 a{color:#222}.related-item p{font-size:0.9rem;color:#666;line-height:1.5;margin-bottom:0}.ui-style-0{--primary-color:#000;--accent-color:#ff4500}.ui-style-1{--primary-color:#1a1a1a;--accent-color:#ff6b35}.ui-style-2{--primary-color:#fff;--accent-color:#ff5722}.ui-style-3{--primary-color:#fff;--accent-color:#e91e63}.ui-style-4{--primary-color:#fff;--accent-color:#d32f2f}.ui-style-5{--primary-color:#141414;--accent-color:#e50914}.ui-style-6{--primary-color:#0f1b2c;--accent-color:#2196f3}.ui-style-7{--primary-color:#0d253f;--accent-color:#01b4e4}.ui-style-8{--primary-color:#1a1a1a;--accent-color:#00dc6d}.ui-style-9{--primary-color:#000;--accent-color:#00a8e1}.ui-style-10{--primary-color:#fff;--accent-color:#00c75a}.ui-style-11{--primary-color:#fff;--accent-color:#0099ff}.ui-style-12{--primary-color:#fff;--accent-color:#ff6700}.ui-style-13{--primary-color:#fff;--accent-color:#00a1d6}.ui-style-14{--primary-color:#fff;--accent-color:#1e3a8a}@media (max-width:768px){nav{padding:0.6rem 0.8rem}nav li{font-size:0.85rem}nav a{padding:0.3rem 0.3rem}main{padding:1rem 0.8rem}section{padding:1.5rem 1rem;margin-bottom:1.5rem}h1{font-size:1.5rem}h2{font-size:1.3rem}.hero{padding:2rem 1.2rem}.hero h1{font-size:1.6rem}.site-intro{font-size:0.95rem}.video-grid{grid-template-columns:1fr;gap:1rem}.entrance-links{grid-template-columns:1fr;gap:1rem}.video-meta{grid-template-columns:1fr;gap:0.5rem}.related-videos{grid-template-columns:1fr;gap:1rem}.video-detail h1{font-size:1.7rem}.breadcrumb{font-size:0.85rem;padding:0.6rem 0.8rem}}@media (max-width:480px){nav a{font-size:0.8rem;padding:0.3rem 0.2rem}h1{font-size:1.3rem}.hero h1{font-size:1.4rem}.video-card{padding:1rem}}