.container{max-width:1200px;margin:0 auto;padding:20px}h1{font-size:2em;margin-bottom:0.5em;color:#222;line-height:1.2}h2{font-size:1.5em;margin:1.5em 0 0.8em;color:#333;border-bottom:2px solid #e0e0e0;padding-bottom:0.3em}h3{font-size:1.2em;margin:0.5em 0;color:#444}p{margin:0.8em 0;line-height:1.6}footer{background:#333;color:#fff;text-align:center;padding:20px;margin-top:40px}footer p{margin:0}.breadcrumb{padding:15px 20px;background:#f8f8f8;font-size:0.9em;color:#666}.breadcrumb a{color:#0066cc}.breadcrumb .sep{margin:0 8px;color:#999}.hero{text-align:center;padding:40px 20px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border-radius:8px;margin-bottom:30px}.hero h1{color:white;margin-bottom:15px;font-size:2.2em}.hero .intro{font-size:1.1em;line-height:1.8;max-width:800px;margin:0 auto}.quick-links{margin:30px 0}.link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}.link-card{background:white;padding:25px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:transform 0.3s,box-shadow 0.3s;text-align:center}.link-card:hover{transform:translateY(-5px);box-shadow:0 4px 16px rgba(0,0,0,0.15);text-decoration:none}.link-card h3{color:#333;margin-bottom:10px}.link-card p{color:#666;font-size:0.9em;margin:0}.content-section{margin:40px 0;background:white;padding:30px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.08)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;margin-top:20px}.card{background:#f9f9f9;padding:20px;border-radius:6px;border-left:4px solid #667eea;transition:transform 0.2s,box-shadow 0.2s}.card:hover{transform:translateX(5px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.card h3{margin-top:0}.card h3 a{color:#333}.card h3 a:hover{color:#667eea}.card .meta{font-size:0.9em;color:#999;margin:8px 0}.card .one-line{font-weight:500;color:#555;margin:12px 0}.card .summary{font-size:0.95em;color:#666;line-height:1.6}.about-section{margin:40px 0;background:white;padding:30px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.08)}.about-section p{line-height:1.8;color:#555}.page-header{text-align:center;padding:30px 20px;background:white;border-radius:8px;margin-bottom:30px;box-shadow:0 2px 8px rgba(0,0,0,0.08)}.list-view{background:white;border-radius:8px}.list-item{padding:25px;border-bottom:1px solid #e8e8e8;position:relative;transition:background 0.2s}.list-item:hover{background:#f8f8f8}.list-item:last-child{border-bottom:none}.list-item h3{margin-top:0;margin-bottom:8px}.list-item h3 a{color:#333;font-size:1.3em}.list-item h3 a:hover{color:#667eea}.list-item .meta{font-size:0.9em;color:#999;margin:5px 0}.list-item .one-line{color:#555;line-height:1.6;margin-top:10px}.list-item .rank{position:absolute;top:25px;right:25px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:5px 15px;border-radius:20px;font-weight:bold;font-size:0.9em}.list-item .date{position:absolute;top:25px;right:25px;background:#4caf50;color:white;padding:5px 15px;border-radius:4px;font-size:0.9em}.detail-page{max-width:900px}.detail-content{background:white;padding:40px;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,0.08)}.detail-header{border-bottom:3px solid #667eea;padding-bottom:20px;margin-bottom:30px}.detail-header h1{font-size:2.5em;margin-bottom:15px}.meta-info{margin:15px 0}.meta-info span{display:inline-block;background:#f0f0f0;padding:5px 15px;margin-right:10px;border-radius:4px;font-size:0.9em;color:#666}.tags{margin-top:15px}.tag{display:inline-block;background:#667eea;color:white;padding:4px 12px;margin-right:8px;margin-bottom:8px;border-radius:3px;font-size:0.85em}.one-line-section{background:#f8f9fa;padding:20px;border-radius:6px;border-left:4px solid #667eea;margin:25px 0}.one-line-section h2{margin-top:0;font-size:1.3em;border:none;padding:0}.one-line-highlight{font-size:1.1em;color:#333;font-weight:500;line-height:1.8;margin:10px 0 0}.summary-section,.review-section{margin:30px 0}.summary-text,.review-text{color:#444;line-height:1.8}.summary-text p,.review-text p{margin:15px 0}.related-section{margin-top:40px;padding-top:30px;border-top:2px solid #e8e8e8}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:20px}.related-card{background:#f9f9f9;padding:20px;border-radius:6px;border-left:3px solid #667eea;transition:transform 0.2s}.related-card:hover{transform:translateX(5px)}.related-card h3{margin-top:0;font-size:1.1em}.related-card h3 a{color:#333}.related-card h3 a:hover{color:#667eea}.related-card .one-line{font-size:0.9em;color:#666;margin-top:8px}.error-page{text-align:center;padding:60px 20px}.error-content{background:white;padding:60px 40px;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,0.08);max-width:600px;margin:0 auto}.error-content h1{color:#e74c3c;font-size:2.5em;margin-bottom:20px}.error-message{font-size:1.2em;color:#666;margin:20px 0}.error-links{margin-top:30px}.btn{display:inline-block;background:#667eea;color:white;padding:12px 30px;margin:0 10px;border-radius:6px;font-weight:500;transition:background 0.3s,transform 0.2s}.btn:hover{background:#5568d3;transform:translateY(-2px);text-decoration:none}@media (max-width:768px){.container{padding:15px}h1{font-size:1.6em}h2{font-size:1.3em}.hero{padding:30px 15px}.hero h1{font-size:1.6em}.hero .intro{font-size:1em}.card-grid{grid-template-columns:1fr;gap:15px}.link-grid{grid-template-columns:1fr;gap:15px}.detail-content{padding:25px 20px}.detail-header h1{font-size:1.8em}.related-grid{grid-template-columns:1fr}.list-item{padding:20px 15px}.list-item .rank,.list-item .date{position:static;display:inline-block;margin-top:10px}.btn{display:block;margin:10px 0}}.ui-style-0{--primary-color:#ff6b6b;--accent-color:#4ecdc4}.ui-style-1{--primary-color:#ff8c42;--accent-color:#d946a6}.ui-style-2{--primary-color:#667eea;--accent-color:#764ba2}.ui-style-3{--primary-color:#f06292;--accent-color:#ba68c8}.ui-style-4{--primary-color:#e53935;--accent-color:#ec407a}.ui-style-5{--primary-color:#1e88e5;--accent-color:#d32f2f}.ui-style-6{--primary-color:#5e35b1;--accent-color:#3949ab}.ui-style-7{--primary-color:#039be5;--accent-color:#fbc02d}.ui-style-8{--primary-color:#00897b;--accent-color:#43a047}.ui-style-9{--primary-color:#424242;--accent-color:#6d4c41}.ui-style-10{--primary-color:#00c853;--accent-color:#00e676}.ui-style-11{--primary-color:#0091ea;--accent-color:#ff6e40}.ui-style-12{--primary-color:#ff6d00;--accent-color:#ff3d00}.ui-style-13{--primary-color:#00b0ff;--accent-color:#f50057}.ui-style-14{--primary-color:#1a237e;--accent-color:#e64a19}.back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:#667eea;color:white;border:none;border-radius:50%;cursor:pointer;display:none;align-items:center;justify-content:center;font-size:1.5em;box-shadow:0 4px 12px rgba(0,0,0,0.2);transition:background 0.3s,transform 0.2s;z-index:999}.back-to-top:hover{background:#5568d3;transform:translateY(-3px)}.back-to-top.show{display:flex}