*{box-sizing:border-box;}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:#002235;color:#e0e0e0;line-height:1.7;font-size:16px;}nav{background:#001a28;box-shadow:0 2px 8px rgba(0,0,0,0.3);position:sticky;top:0;z-index:1000;}nav ul{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;list-style:none;margin:0;padding:0;overflow:hidden;}nav li{flex:1 1 0;min-width:0;text-align:center;}nav a{display:block;padding:14px 6px;text-decoration:none;color:#b0d4f1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:500;transition:background 0.2s,color 0.2s;}nav a:hover{background:#003d5c;color:#fff;}nav a[aria-current="page"]{background:#005580;color:#fff;}.breadcrumb{background:#003347;padding:10px 20px;font-size:14px;color:#90b8d4;}.breadcrumb a{color:#5ca9d9;text-decoration:none;margin-right:4px;}.breadcrumb a:hover{text-decoration:underline;}.breadcrumb span{color:#e0e0e0;}main{max-width:1200px;margin:0 auto;padding:20px;}.hero{background:linear-gradient(135deg,#004466 0%,#002d44 100%);padding:50px 30px;text-align:center;border-radius:12px;margin-bottom:30px;box-shadow:0 4px 12px rgba(0,0,0,0.4);}.hero h1{margin:0 0 16px 0;font-size:2rem;color:#ffffff;font-weight:600;line-height:1.3;}.hero .site-intro{font-size:1.1rem;color:#b8d8f0;margin:0;line-height:1.6;}.content-section,.intro-section,.page-header,.detail-section,.error-section{background:#00304a;padding:30px;margin-bottom:30px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,0.3);}.content-section h2,.intro-section h2,.page-header h1,.detail-section h1,.detail-section h2{margin-top:0;color:#70c0f0;border-bottom:2px solid #00608e;padding-bottom:12px;margin-bottom:20px;}.content-section p,.intro-section p,.page-header p{color:#c8dce8;line-height:1.8;}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px;}.card{background:#004a66;padding:20px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,0.3);transition:transform 0.2s,box-shadow 0.2s;position:relative;}.card:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,100,150,0.4);}.card h3{margin:0 0 12px 0;font-size:1.2rem;color:#90d5ff;}.card h3 a{color:#90d5ff;text-decoration:none;}.card h3 a:hover{color:#c0e8ff;text-decoration:underline;}.card .meta{font-size:0.9rem;color:#80b8d8;margin:8px 0;}.card .tags{font-size:0.85rem;color:#60a0c0;margin:8px 0;}.card .one-line{font-size:0.95rem;color:#c8dce8;margin:12px 0;font-style:italic;}.card .summary,.card .review{font-size:0.9rem;color:#b0c8d8;margin:12px 0;line-height:1.7;}.card .rank{position:absolute;top:10px;right:10px;background:#ff9800;color:#fff;padding:4px 10px;border-radius:4px;font-weight:bold;font-size:0.9rem;}.special-note{background:#003d5c;padding:20px;border-left:4px solid #00a8e8;margin-bottom:20px;border-radius:6px;}.special-note p{margin:0 0 10px 0;color:#d0e8f8;}.special-note strong{color:#70c0f0;}.special-note ul{margin:10px 0 0 20px;padding:0;}.special-note li{margin:6px 0;}.special-note a{color:#5ca9d9;}.meta-info{background:#004a66;padding:20px;border-radius:8px;margin-bottom:24px;}.meta-info p{margin:10px 0;color:#c8dce8;line-height:1.6;}.meta-info strong{color:#70c0f0;}.one-line,.summary,.review,.related{margin-top:24px;}a{color:#5ca9d9;text-decoration:none;transition:color 0.2s;}a:hover{color:#90d5ff;text-decoration:underline;}footer{background:#001a28;color:#80a0b0;text-align:center;padding:20px;margin-top:40px;border-top:2px solid #003d5c;}footer p{margin:0;font-size:0.9rem;}@media (min-width:768px){nav ul{justify-content:center;}nav li{flex:0 0 auto;min-width:120px;}nav a{font-size:15px;padding:16px 24px;}.hero h1{font-size:2.5rem;}.card-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));}}@media (max-width:767px){main{padding:15px;}.hero{padding:30px 20px;}.hero h1{font-size:1.5rem;}.hero .site-intro{font-size:1rem;}.content-section,.intro-section,.page-header,.detail-section{padding:20px;}.card-grid{grid-template-columns:1fr;gap:15px;}}