*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.6;color:#333;background:#f5f5f5}a{text-decoration:none;color:inherit;transition:color 0.2s}a:hover{color:#e74c3c}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}main{max-width:1200px;margin:2rem auto;padding:0 1rem;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.1);border-radius:8px}header{background:#fff;box-shadow:0 2px 4px rgba(0,0,0,0.1);position:sticky;top:0;z-index:100}header nav{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem}header nav a{flex:1 1 0;min-width:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0.5rem 0.25rem;color:#333;font-weight:500;transition:color 0.2s,background 0.2s}header nav a:hover{color:#e74c3c;background:rgba(231,76,60,0.05);border-radius:4px}.breadcrumb{padding:1rem 0;font-size:0.9rem;color:#666;border-bottom:1px solid #eee;margin-bottom:1.5rem}.breadcrumb a{color:#e74c3c;margin-right:0.5rem}.breadcrumb a:hover{text-decoration:underline}.breadcrumb span{color:#999}.hero{text-align:center;padding:3rem 1rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:8px;margin-bottom:2rem}.hero h1{font-size:2rem;margin-bottom:1rem;line-height:1.4}.hero .site-intro{font-size:1.1rem;margin-bottom:0.5rem;opacity:0.95}.hero .site-style{font-size:0.95rem;opacity:0.85}.intro-section{padding:2rem 1rem;background:#f9f9f9;border-radius:8px;margin-bottom:2rem}.intro-section h2{font-size:1.5rem;margin-bottom:1rem;color:#333}.intro-section p{margin-bottom:1rem;line-height:1.8}section{padding:2rem 1rem}section h2{font-size:1.5rem;margin-bottom:1.5rem;color:#333;border-left:4px solid #e74c3c;padding-left:1rem}.section-desc{color:#666;margin-bottom:1.5rem;line-height:1.8}.section-desc a{color:#e74c3c;font-weight:500}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.video-card{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:1.5rem;transition:transform 0.2s,box-shadow 0.2s}.video-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.video-card h3{font-size:1.2rem;margin-bottom:0.75rem;color:#333}.video-card h3 a{color:#333}.video-card h3 a:hover{color:#e74c3c}.video-card .card-meta{font-size:0.85rem;color:#999;margin-bottom:0.5rem}.video-card .card-oneline{color:#666;line-height:1.6;margin-bottom:0.5rem}.video-card .card-excerpt{font-size:0.9rem;color:#555;line-height:1.7;margin-top:0.75rem;padding-top:0.75rem;border-top:1px solid #eee}.video-card .card-review{font-size:0.85rem;color:#888;margin-top:0.5rem;font-style:italic}.list-page{padding:2rem 1rem}.list-page h1{font-size:2rem;margin-bottom:1rem;color:#333}.list-page .page-desc{color:#666;margin-bottom:1.5rem;line-height:1.8}.list-page .notice{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.list-page .notice p{margin-bottom:0.75rem;color:#856404}.list-page .notice ul{margin-top:0.5rem;padding-left:1.5rem;list-style:disc}.list-page .notice li{margin-bottom:0.5rem}.list-page .notice a{color:#e74c3c;font-weight:500}.list-container{display:flex;flex-direction:column;gap:1.5rem}.list-card{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:1.5rem;transition:box-shadow 0.2s}.list-card:hover{box-shadow:0 2px 8px rgba(0,0,0,0.1)}.list-card .rank-num{display:inline-block;background:#e74c3c;color:#fff;width:2rem;height:2rem;line-height:2rem;text-align:center;border-radius:50%;font-weight:bold;margin-right:1rem;font-size:1.1rem}.list-card .date-tag{display:inline-block;background:#667eea;color:#fff;padding:0.25rem 0.75rem;border-radius:4px;font-size:0.85rem;margin-right:1rem;font-weight:500}.list-card h3{font-size:1.3rem;margin-bottom:0.75rem;color:#333;display:inline}.list-card h3 a{color:#333}.list-card h3 a:hover{color:#e74c3c}.list-card .card-meta{font-size:0.9rem;color:#999;margin:0.5rem 0}.list-card .card-oneline{color:#666;line-height:1.7}.detail-page{padding:2rem 1rem}.detail-page h1{font-size:2.2rem;margin-bottom:1.5rem;color:#333;line-height:1.4}.detail-info{background:#f9f9f9;padding:1.5rem;border-radius:8px;margin-bottom:2rem}.detail-info p{margin-bottom:0.5rem;color:#555}.detail-info strong{color:#333;margin-right:0.5rem}.detail-oneline{margin-bottom:2rem}.detail-oneline h2{font-size:1.5rem;margin-bottom:1rem;color:#333;border-left:4px solid #e74c3c;padding-left:1rem}.detail-oneline p{color:#666;line-height:1.8;font-size:1.05rem}.detail-summary{margin-bottom:2rem}.detail-summary h2{font-size:1.5rem;margin-bottom:1rem;color:#333;border-left:4px solid #e74c3c;padding-left:1rem}.detail-summary p{color:#555;line-height:1.9;text-align:justify}.detail-review{margin-bottom:2rem;background:#f0f8ff;padding:1.5rem;border-radius:8px;border-left:4px solid #667eea}.detail-review h2{font-size:1.4rem;margin-bottom:1rem;color:#333}.detail-review p{color:#555;line-height:1.9;font-style:italic}.detail-related h2{font-size:1.5rem;margin-bottom:1.5rem;color:#333;border-left:4px solid #e74c3c;padding-left:1rem}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.related-card{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:1.25rem;transition:transform 0.2s,box-shadow 0.2s}.related-card:hover{transform:translateY(-2px);box-shadow:0 3px 10px rgba(0,0,0,0.12)}.related-card h3{font-size:1.1rem;margin-bottom:0.5rem;color:#333}.related-card h3 a{color:#333}.related-card h3 a:hover{color:#e74c3c}.related-card p{font-size:0.9rem;color:#666;line-height:1.6}.more-link{text-align:center;margin-top:2rem;font-size:1.1rem}.more-link a{color:#e74c3c;font-weight:500;padding:0.75rem 2rem;border:2px solid #e74c3c;border-radius:4px;display:inline-block;transition:background 0.2s,color 0.2s}.more-link a:hover{background:#e74c3c;color:#fff}.error-page{text-align:center;padding:4rem 1rem}.error-page h1{font-size:3rem;color:#e74c3c;margin-bottom:1rem}.error-page p{font-size:1.2rem;color:#666;margin-bottom:1rem}.error-page a{color:#e74c3c;font-weight:500;text-decoration:underline}footer{background:#333;color:#fff;text-align:center;padding:2rem 1rem;margin-top:3rem}footer p{margin:0}@media (max-width:768px){header nav{padding:0.75rem 0.5rem}header nav a{font-size:0.85rem;padding:0.4rem 0.2rem}.hero h1{font-size:1.5rem}.hero .site-intro{font-size:1rem}main{margin:1rem auto;padding:0 0.5rem}section{padding:1.5rem 0.75rem}section h2{font-size:1.3rem}.video-grid{grid-template-columns:1fr;gap:1rem}.detail-page h1{font-size:1.8rem}.related-grid{grid-template-columns:1fr}}body.ui-style-0{background:#f5f5f5;color:#333}body.ui-style-0 header{background:#1a1a1a;color:#fff}body.ui-style-0 header nav a{color:#fff}body.ui-style-0 header nav a:hover{color:#e74c3c;background:rgba(231,76,60,0.1)}body.ui-style-0 .hero{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}body.ui-style-0 a:hover{color:#e74c3c}