:root{--primary-color:#0066cc;--secondary-color:#ff6600;--text-color:#333;--bg-color:#fff;--border-color:#ddd;--hover-bg:#f5f5f5;}*{box-sizing:border-box;}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;background:var(--bg-color);color:var(--text-color);line-height:1.6;font-size:16px;}a{color:var(--primary-color);text-decoration:none;transition:color 0.2s;}a:hover{color:var(--secondary-color);text-decoration:underline;}nav{background:#222;color:#fff;padding:0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 4px rgba(0,0,0,0.1);}nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;}nav li{flex:1 1 0;min-width:0;text-align:center;}nav a{display:block;padding:15px 10px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background 0.3s;}nav a:hover{background:#333;text-decoration:none;}@media (max-width:768px){nav a{padding:12px 5px;font-size:14px;}}main{max-width:1200px;margin:0 auto;padding:20px;}.breadcrumb{font-size:14px;color:#666;padding:10px 0;margin-bottom:20px;}.breadcrumb a{color:#666;}.breadcrumb a:hover{color:var(--primary-color);}.hero{text-align:center;padding:40px 20px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:8px;margin-bottom:40px;}.hero h1{font-size:2em;margin:0;font-weight:700;}@media (max-width:768px){.hero h1{font-size:1.5em;}}.site-intro{background:#f9f9f9;padding:30px;border-radius:8px;margin-bottom:40px;border-left:4px solid var(--primary-color);}.site-intro h2{margin-top:0;color:var(--primary-color);}section{margin-bottom:50px;}section h2{font-size:1.8em;margin-bottom:20px;color:var(--text-color);border-bottom:3px solid var(--primary-color);padding-bottom:10px;}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;}@media (max-width:768px){.card-grid{grid-template-columns:1fr;}}.card{background:#fff;border:1px solid var(--border-color);border-radius:8px;padding:20px;transition:transform 0.3s,box-shadow 0.3s;}.card:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,0.1);}.card h3{margin:0 0 10px 0;font-size:1.3em;}.card h3 a{color:var(--text-color);}.card h3 a:hover{color:var(--primary-color);}.card .meta{font-size:0.9em;color:#666;margin-bottom:10px;}.card .one-line{font-size:0.95em;color:#555;line-height:1.5;margin-bottom:10px;}.card .summary{font-size:0.9em;color:#777;line-height:1.5;margin-bottom:8px;}.card .review{font-size:0.85em;color:#888;font-style:italic;border-left:3px solid #ddd;padding-left:10px;margin-top:10px;}.card .tags{font-size:0.85em;color:#999;}.card .year-label{font-size:0.9em;color:#666;font-weight:bold;}.card .rank{display:inline-block;background:var(--secondary-color);color:#fff;width:30px;height:30px;line-height:30px;text-align:center;border-radius:50%;font-weight:bold;margin-right:10px;float:left;}.entry-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;}.entry-card{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);color:#fff;padding:30px;border-radius:8px;text-align:center;transition:transform 0.3s;display:block;}.entry-card:hover{transform:scale(1.05);text-decoration:none;}.entry-card h3{margin:0 0 10px 0;font-size:1.5em;}.entry-card p{margin:0;font-size:0.95em;}.card-list{display:flex;flex-direction:column;gap:20px;}.intro{background:#f0f8ff;padding:20px;border-radius:8px;margin-bottom:30px;line-height:1.8;}.more-link{text-align:center;margin-top:30px;}.more-link a{display:inline-block;padding:12px 30px;background:var(--primary-color);color:#fff;border-radius:5px;font-weight:bold;transition:background 0.3s;}.more-link a:hover{background:var(--secondary-color);text-decoration:none;}.detail{max-width:900px;margin:0 auto;}.detail h1{font-size:2.2em;margin-bottom:20px;color:var(--text-color);}.meta-info{background:#f9f9f9;padding:20px;border-radius:8px;margin-bottom:30px;}.meta-info p{margin:8px 0;}.one-line-section,.summary-section,.review-section{margin-bottom:30px;}.one-line-section h2,.summary-section h2,.review-section h2{font-size:1.5em;margin-bottom:15px;color:var(--primary-color);}.one-line-section p{font-size:1.1em;line-height:1.8;color:#555;font-weight:500;}.summary-section p,.review-section p{font-size:1.05em;line-height:1.8;color:#444;text-align:justify;}.related{margin-top:50px;padding-top:30px;border-top:2px solid var(--border-color);}.related-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;}.related-card{background:#fafafa;border:1px solid var(--border-color);border-radius:6px;padding:15px;transition:background 0.3s;}.related-card:hover{background:var(--hover-bg);}.related-card h3{margin:0 0 8px 0;font-size:1.1em;}.related-card p{margin:0;font-size:0.9em;color:#666;}footer{background:#222;color:#fff;text-align:center;padding:30px 20px;margin-top:60px;}footer p{margin:0;}.ui-style-0 body{--primary-color:#1da1f2;--secondary-color:#ff6b6b;}.ui-style-1 body{--primary-color:#ff4500;--secondary-color:#ffa500;}.ui-style-2 body{--primary-color:#0066cc;--secondary-color:#ff6600;}.ui-style-3 body{--primary-color:#ff0000;--secondary-color:#ff69b4;}.ui-style-4 body{--primary-color:#e50914;--secondary-color:#b20710;}.ui-style-5 body{--primary-color:#000;--secondary-color:#e50914;}.ui-style-6 body{--primary-color:#0063e5;--secondary-color:#f9c513;}.ui-style-7 body{--primary-color:#1f80e0;--secondary-color:#ffcd00;}.ui-style-8 body{--primary-color:#00c75a;--secondary-color:#00e068;}.ui-style-9 body{--primary-color:#141414;--secondary-color:#e5e5e5;}.ui-style-10 body{--primary-color:#00c75a;--secondary-color:#00e068;}.ui-style-11 body{--primary-color:#0099ff;--secondary-color:#ff6600;}.ui-style-12 body{--primary-color:#ff6700;--secondary-color:#ff8533;}.ui-style-13 body{--primary-color:#00a1d6;--secondary-color:#fb7299;}.ui-style-14 body{--primary-color:#1e3a8a;--secondary-color:#dc2626;}