:root{--color-primary:#e60012;--color-bg:#ffffff;--color-text:#333333;--color-text-light:#666666;--color-border:#e0e0e0;--color-hover:#f5f5f5;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--radius:8px;--shadow:0 2px 8px rgba(0,0,0,0.08);--shadow-hover:0 4px 16px rgba(0,0,0,0.12);--transition:all 0.3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',Arial,sans-serif;line-height:1.6;color:var(--color-text);background:var(--color-bg);font-size:16px}a{color:var(--color-primary);text-decoration:none;transition:var(--transition)}a:hover{color:#b30010;text-decoration:underline}h1{font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:var(--spacing-lg);color:var(--color-text)}h2{font-size:1.5rem;font-weight:600;line-height:1.2;margin-bottom:var(--spacing-md);color:var(--color-text);border-bottom:2px solid var(--color-primary);padding-bottom:var(--spacing-sm)}h3{font-size:1.125rem;font-weight:600;line-height:1.3;margin-bottom:var(--spacing-sm)}p{margin-bottom:var(--spacing-md);line-height:1.8}ul,ol{list-style:none}nav{background:var(--color-bg);padding:var(--spacing-md);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;box-shadow:var(--shadow)}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}nav a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text);font-weight:500;border-radius:var(--radius);transition:var(--transition)}nav a:hover{background:var(--color-hover);color:var(--color-primary);text-decoration:none}.breadcrumb{font-size:0.875rem;color:var(--color-text-light);padding:var(--spacing-md);background:var(--color-hover);max-width:1200px;margin:0 auto}.breadcrumb a{color:var(--color-primary);margin:0 var(--spacing-xs)}main{max-width:1200px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}section{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-bg);border-radius:var(--radius)}.hero{text-align:center;padding:var(--spacing-xl);background:linear-gradient(135deg,#f5f5f5 0%,#ffffff 100%);border-radius:var(--radius);margin-bottom:var(--spacing-xl)}.hero h1{font-size:2.5rem;margin-bottom:var(--spacing-md);color:var(--color-text)}.hero .intro{font-size:1.125rem;color:var(--color-text-light);margin-bottom:var(--spacing-md);line-height:1.8}.hero .tags{color:var(--color-primary);font-weight:500}.site-intro{background:#f9f9f9;border-left:4px solid var(--color-primary)}.site-intro p{color:var(--color-text-light);line-height:1.8}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.video-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-lg);transition:var(--transition);cursor:pointer}.video-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px);border-color:var(--color-primary)}.video-card h3{margin-bottom:var(--spacing-sm)}.video-card h3 a{color:var(--color-text);font-weight:600}.video-card h3 a:hover{color:var(--color-primary)}.video-card .meta{font-size:0.875rem;color:var(--color-text-light);margin-bottom:var(--spacing-sm)}.video-card .oneline{color:var(--color-text);margin-bottom:var(--spacing-sm);line-height:1.6}.video-card .excerpt{font-size:0.875rem;color:var(--color-text-light);margin-bottom:var(--spacing-sm);line-height:1.6}.video-card .tags{font-size:0.875rem;color:var(--color-primary);margin-top:var(--spacing-sm)}.video-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.video-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-lg);transition:var(--transition);position:relative}.video-item:hover{box-shadow:var(--shadow);border-color:var(--color-primary)}.video-item .rank{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:var(--color-primary);color:white;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius);font-weight:600;font-size:0.875rem}.video-item h3{margin-bottom:var(--spacing-sm);padding-right:3rem}.video-item h3 a{color:var(--color-text);font-weight:600}.video-item h3 a:hover{color:var(--color-primary)}.video-item .meta{font-size:0.875rem;color:var(--color-text-light);margin-bottom:var(--spacing-sm)}.video-item .oneline{color:var(--color-text);line-height:1.6;margin-bottom:var(--spacing-sm)}.video-item .tags{font-size:0.875rem;color:var(--color-primary)}.entry-list{background:#f9f9f9}.entry-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.entry-links li{background:var(--color-bg);padding:var(--spacing-md);border-radius:var(--radius);border:1px solid var(--color-border);transition:var(--transition)}.entry-links li:hover{border-color:var(--color-primary);box-shadow:var(--shadow)}.entry-links a{font-weight:600;display:block}.page-desc{color:var(--color-text-light);font-size:1rem;margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:#f9f9f9;border-radius:var(--radius);line-height:1.8}.notice{background:#fff3cd;border:1px solid #ffc107;border-radius:var(--radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.notice p{color:#856404;margin-bottom:var(--spacing-sm);font-weight:500}.notice ul{list-style:disc;padding-left:var(--spacing-lg);margin-top:var(--spacing-sm)}.notice li{margin-bottom:var(--spacing-xs);color:#856404}.detail{background:var(--color-bg)}.detail h1{font-size:2rem;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:3px solid var(--color-primary)}.basic-info ul{list-style:none}.basic-info li{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border);line-height:1.8}.basic-info strong{color:var(--color-text);font-weight:600;display:inline-block;min-width:5rem}.oneline{background:#f9f9f9;border-left:4px solid var(--color-primary)}.oneline p{font-size:1.125rem;font-weight:500;color:var(--color-text);line-height:1.8}.summary p{text-align:justify;line-height:1.8;color:var(--color-text)}.review{background:#f0f8ff;border-left:4px solid var(--color-primary)}.review p{font-style:italic;color:var(--color-text-light);line-height:1.8}.related{background:#f9f9f9}.error-page{text-align:center;padding:var(--spacing-xl) var(--spacing-md);min-height:50vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.error-page h1{color:var(--color-primary);font-size:3rem;margin-bottom:var(--spacing-lg)}.error-page p{font-size:1.125rem;color:var(--color-text-light);margin-bottom:var(--spacing-md)}.error-page a{display:inline-block;padding:var(--spacing-md) var(--spacing-xl);background:var(--color-primary);color:white;border-radius:var(--radius);font-weight:600;text-decoration:none;transition:var(--transition)}.error-page a:hover{background:#b30010;transform:translateY(-2px);box-shadow:var(--shadow-hover)}footer{background:#2c2c2c;color:#cccccc;text-align:center;padding:var(--spacing-xl) var(--spacing-md);margin-top:var(--spacing-xl)}footer p{margin:0;font-size:0.875rem}@media (max-width:768px){body{font-size:14px}h1{font-size:1.5rem}h2{font-size:1.25rem}.hero h1{font-size:1.75rem}.hero .intro{font-size:1rem}nav ul{flex-wrap:nowrap;padding:0}nav li{flex:1 1 0;min-width:0}nav a{font-size:0.85rem;padding:var(--spacing-sm) var(--spacing-xs)}.video-grid{grid-template-columns:1fr}.entry-links{grid-template-columns:1fr}main{padding:var(--spacing-md) var(--spacing-sm)}section{padding:var(--spacing-md)}.detail h1{font-size:1.5rem}}@media (min-width:769px) and (max-width:1024px){.video-grid{grid-template-columns:repeat(2,1fr)}}