body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';line-height:1.6;color:#333;background-color:#f5f5f5}*{box-sizing:border-box}a{color:#2196F3;text-decoration:none;transition:color 0.3s ease}a:hover{color:#ff6b6b}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.1);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;padding:0.5rem 1rem;color:#333;font-weight:500;transition:all 0.3s ease}nav a:hover{color:#ff6b6b;transform:translateY(-2px)}@media (max-width:768px){nav{padding:0.8rem 0.5rem;flex-wrap:nowrap;overflow-x:visible}nav a{font-size:0.85rem;padding:0.4rem 0.3rem;flex-shrink:1}}.breadcrumb{padding:1rem 2rem;background:#fff;margin:1rem 0;font-size:0.9rem;color:#666;border-left:3px solid #2196F3}.breadcrumb a{color:#2196F3;margin-right:0.3rem}.breadcrumb span{color:#999}main{max-width:1400px;margin:0 auto;padding:1rem}section{background:#fff;padding:2rem;margin:1.5rem 0;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,0.08)}h1{font-size:2rem;margin-bottom:1rem;color:#222;line-height:1.3}h2{font-size:1.5rem;margin-bottom:1rem;color:#333;border-left:4px solid #ff6b6b;padding-left:1rem}h3{font-size:1.2rem;margin-bottom:0.5rem;color:#444}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}@media (max-width:768px){.card-grid{grid-template-columns:1fr;gap:1rem}}.card{position:relative;padding:1.5rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px;transition:all 0.3s ease;cursor:pointer}.card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,0.12);border-color:#ff6b6b}.card h3{margin-bottom:0.8rem;font-size:1.1rem}.card h3 a{color:#222;font-weight:600}.card h3 a:hover{color:#ff6b6b}.card .meta{font-size:0.85rem;color:#999;margin-bottom:0.8rem}.card .oneline{font-size:0.95rem;line-height:1.6;color:#555;margin-bottom:0.5rem}.card .summary{font-size:0.9rem;line-height:1.7;color:#666;margin-top:0.8rem}.card .tags{font-size:0.85rem;color:#888;margin-top:0.8rem;padding-top:0.8rem;border-top:1px dashed #e0e0e0}.card .rank{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#ff6b6b 0%,#ff8e53 100%);color:#fff;font-size:0.9rem;font-weight:bold;padding:0.3rem 0.8rem;border-radius:20px}.entrance-card{display:block;padding:2rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:8px;text-align:center;transition:all 0.3s ease}.entrance-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(102,126,234,0.4)}.entrance-card h3{color:#fff;margin-bottom:0.5rem;font-size:1.3rem}.entrance-card p{color:rgba(255,255,255,0.9);font-size:0.95rem}.info-block{margin:1.5rem 0;padding:1.5rem;background:#f9f9f9;border-radius:8px;border-left:4px solid #4CAF50}.info-block p{margin:0.5rem 0;line-height:1.8}.info-block strong{color:#666;min-width:80px;display:inline-block}body.ui-style-0,body.ui-style-1{background:#1a1a1a;color:#e0e0e0}body.ui-style-0 section,body.ui-style-1 section,body.ui-style-0 nav,body.ui-style-1 nav,body.ui-style-0 .breadcrumb,body.ui-style-1 .breadcrumb{background:#2a2a2a;color:#e0e0e0}body.ui-style-0 h1,body.ui-style-0 h2,body.ui-style-0 h3,body.ui-style-1 h1,body.ui-style-1 h2,body.ui-style-1 h3{color:#fff}body.ui-style-0 .card,body.ui-style-1 .card{background:#333;border-color:#444;color:#e0e0e0}body.ui-style-5,body.ui-style-6,body.ui-style-7,body.ui-style-8,body.ui-style-9{background:#141414;color:#e0e0e0}body.ui-style-5 section,body.ui-style-6 section,body.ui-style-7 section,body.ui-style-8 section,body.ui-style-9 section{background:#1f1f1f;color:#e0e0e0}body.ui-style-5 nav,body.ui-style-6 nav,body.ui-style-7 nav,body.ui-style-8 nav,body.ui-style-9 nav{background:#1f1f1f;border-bottom:1px solid #333}body.ui-style-13{background:linear-gradient(135deg,#e3f2fd 0%,#fce4ec 100%)}body.ui-style-13 .entrance-card{background:linear-gradient(135deg,#00A1D6 0%,#FB7299 100%)}body[data-skeleton="C"] .card-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}body[data-skeleton="C"] .card{padding:1rem;font-size:0.9rem}body[data-skeleton="D"] main{display:grid;grid-template-columns:1fr 300px;gap:2rem}@media (max-width:1024px){body[data-skeleton="D"] main{grid-template-columns:1fr}}body[data-skeleton="E"] section{padding:3rem}body[data-skeleton="E"] h1{margin-bottom:2rem}body[data-skeleton="E"] .card{padding:2rem}body[data-skeleton="F"] .card .tags{font-size:1rem;font-weight:600;color:#ff6b6b;border-top:2px solid #ff6b6b;padding-top:1rem}@media (max-width:768px){section{padding:1.5rem;margin:1rem 0}h1{font-size:1.5rem}h2{font-size:1.3rem}.card{padding:1rem}main{padding:0.5rem}}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background:#ff6b6b;color:#fff;border:none;border-radius:50%;font-size:1.5rem;cursor:pointer;opacity:0;transition:all 0.3s ease;z-index:999;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(255,107,107,0.4)}.back-to-top.visible{opacity:1}.back-to-top:hover{transform:translateY(-4px);box-shadow:0 6px 16px rgba(255,107,107,0.5)}