*{box-sizing:border-box;}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;line-height:1.6;color:#333;background:#f5f5f5;font-size:16px;}nav{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;background:#fff;padding:1rem 2rem;box-shadow:0 2px 8px rgba(0,0,0,0.08);position:sticky;top:0;z-index:1000;}nav a{flex:1 1 0;min-width:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;text-decoration:none;padding:0.5rem 1rem;font-weight:500;transition:all 0.3s ease;border-radius:4px;}nav a:hover{color:#ff6b6b;background:#fff5f5;}.breadcrumb{padding:1rem 2rem;background:#fff;margin-bottom:1rem;font-size:0.9rem;color:#666;border-bottom:1px solid #eee;}.breadcrumb a{color:#0066cc;text-decoration:none;}.breadcrumb a:hover{text-decoration:underline;}main{max-width:1200px;margin:0 auto;padding:2rem;}h1{font-size:2rem;margin:0 0 1rem 0;color:#222;line-height:1.3;}h2{font-size:1.5rem;margin:2rem 0 1rem 0;color:#333;border-left:4px solid #ff6b6b;padding-left:1rem;}h3{font-size:1.2rem;margin:0 0 0.5rem 0;color:#333;}p{margin:0.5rem 0;line-height:1.8;}a{color:#0066cc;text-decoration:none;transition:color 0.3s ease;}a:hover{color:#ff6b6b;text-decoration:underline;}ul{list-style:none;margin:0;padding:0;}section{background:#fff;border-radius:8px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px rgba(0,0,0,0.05);}.hero{text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:3rem 2rem;}.hero h1{color:#fff;font-size:2.5rem;margin-bottom:1rem;}.hero .site-intro{font-size:1.1rem;opacity:0.95;}.site-description{background:#f9f9f9;}.site-description p{margin:1rem 0;}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;}.card{background:#fff;border:1px solid #eee;border-radius:8px;padding:1.5rem;transition:all 0.3s ease;position:relative;}.card:hover{box-shadow:0 4px 12px rgba(0,0,0,0.1);transform:translateY(-2px);}.card .rank{position:absolute;top:1rem;right:1rem;background:#ff6b6b;color:#fff;padding:0.25rem 0.75rem;border-radius:12px;font-size:0.9rem;font-weight:bold;}.card h3{margin:0 0 0.5rem 0;}.card h3 a{color:#333;font-weight:600;}.card h3 a:hover{color:#ff6b6b;}.card .meta{color:#999;font-size:0.9rem;margin:0.5rem 0;}.card .genre{color:#666;font-size:0.9rem;margin:0.5rem 0;}.card .one-line{color:#555;font-size:0.95rem;line-height:1.6;margin-top:0.75rem;}.card .summary{color:#666;font-size:0.9rem;line-height:1.6;margin-top:0.5rem;font-style:italic;}.card .review{color:#888;font-size:0.85rem;line-height:1.5;margin-top:0.5rem;font-style:italic;border-left:2px solid #ddd;padding-left:0.5rem;}.card-list{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem;}.card-compact{background:#fafafa;border-left:3px solid #ff6b6b;padding:1rem;border-radius:4px;transition:background 0.3s ease;}.card-compact:hover{background:#fff;}.card-compact h3{margin:0 0 0.5rem 0;font-size:1.1rem;}.card-compact .meta{color:#999;font-size:0.85rem;margin:0.25rem 0;}.entrance-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem;}.entrance-card{display:block;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);color:#fff;padding:2rem;border-radius:8px;text-align:center;transition:all 0.3s ease;text-decoration:none;}.entrance-card:hover{transform:scale(1.05);box-shadow:0 8px 16px rgba(0,0,0,0.2);text-decoration:none;}.entrance-card h3{color:#fff;margin:0 0 0.5rem 0;}.entrance-card p{color:rgba(255,255,255,0.9);font-size:0.9rem;}.intro{color:#666;font-size:1rem;line-height:1.8;margin-bottom:1.5rem;}.detail-page .meta-info{background:#f9f9f9;padding:1.5rem;border-radius:8px;margin:1.5rem 0;}.detail-page .meta-info p{margin:0.5rem 0;color:#555;}.detail-page .one-line,.detail-page .summary,.detail-page .review{margin:2rem 0;}.detail-page .one-line h2,.detail-page .summary h2,.detail-page .review h2{font-size:1.3rem;}.detail-page .review{background:#fffbf0;padding:1.5rem;border-radius:8px;border-left:4px solid #ffd700;}.detail-page .related{margin-top:3rem;}.list-page .intro{background:#f0f8ff;padding:1rem;border-radius:4px;border-left:4px solid #0066cc;}.error-page{text-align:center;padding:4rem 2rem;}.error-page h1{font-size:3rem;color:#ff6b6b;}footer{background:#333;color:#fff;text-align:center;padding:2rem;margin-top:3rem;}footer p{margin:0;font-size:0.9rem;}@media (max-width:768px){nav{padding:0.75rem 1rem;flex-wrap:nowrap;}nav a{font-size:0.85rem;padding:0.4rem 0.3rem;min-width:0;}main{padding:1rem;}section{padding:1.5rem;margin-bottom:1rem;}h1{font-size:1.5rem;}h2{font-size:1.3rem;}.hero{padding:2rem 1rem;}.hero h1{font-size:1.75rem;}.card-grid{grid-template-columns:1fr;gap:1rem;}.card{padding:1rem;}.breadcrumb{padding:0.75rem 1rem;font-size:0.85rem;}.entrance-links{grid-template-columns:1fr;}}@media (max-width:480px){nav a{font-size:0.75rem;padding:0.3rem 0.2rem;}h1{font-size:1.3rem;}.hero h1{font-size:1.5rem;}}body.ui-style-0{--primary:#ff6b6b;--secondary:#4ecdc4;}body.ui-style-1{--primary:#ff6347;--secondary:#ffa500;}body.ui-style-2{--primary:#ff7f50;--secondary:#ff4500;}body.ui-style-3{--primary:#dc143c;--secondary:#999;}body.ui-style-4{--primary:#e74c3c;--secondary:#333;}body.ui-style-5{--primary:#c0392b;--secondary:#fff;}body.ui-style-5 nav{background:#1a1a1a;}body.ui-style-5 nav a{color:#fff;}body.ui-style-6{--primary:#3498db;--secondary:#2ecc71;}body.ui-style-7{--primary:#2980b9;--secondary:#f39c12;}body.ui-style-8{--primary:#27ae60;--secondary:#2c3e50;}body.ui-style-9{--primary:#34495e;--secondary:#95a5a6;}body.ui-style-10{--primary:#00C75A;--secondary:#fff;}body.ui-style-11{--primary:#0099FF;--secondary:#ff6347;}body.ui-style-12{--primary:#FF6700;--secondary:#ffcc00;}body.ui-style-13{--primary:#00A1D6;--secondary:#FB7299;}body.ui-style-14{--primary:#3b5998;--secondary:#8b9dc3;}