/* Base Styles */:root{--primary-color:#00A1D6;--secondary-color:#FB7299;--text-color:#333;--text-light:#666;--text-muted:#999;--bg-color:#f5f5f5;--card-bg:#fff;--border-color:#ddd;--hover-bg:#f0f0f0;--shadow-sm:0 2px 4px rgba(0,0,0,0.1);--shadow-md:0 4px 8px rgba(0,0,0,0.12);--shadow-lg:0 8px 16px rgba(0,0,0,0.15);--spacing-xs:0.5rem;--spacing-sm:0.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-xxl:2rem;--border-radius:8px;--transition:all 0.3s ease;}*{margin:0;padding:0;box-sizing:border-box;}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Noto Sans CJK SC",sans-serif;font-size:var(--font-size-md);line-height:1.6;color:var(--text-color);background:var(--bg-color);min-height:100vh;display:flex;flex-direction:column;}a{text-decoration:none;color:var(--primary-color);transition:var(--transition);}a:hover{color:#0080b0;}h1,h2,h3,h4,h5,h6{line-height:1.2;margin-bottom:var(--spacing-md);font-weight:600;}h1{font-size:var(--font-size-xxl);margin-bottom:var(--spacing-lg);}h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);}h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);}p{margin-bottom:var(--spacing-md);}/* Navigation */nav{background:var(--card-bg);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm);}nav ul{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;list-style:none;max-width:1200px;margin:0 auto;padding:0;}nav li{flex:1 1 0;min-width:0;text-align:center;}nav a{display:block;padding:var(--spacing-md) var(--spacing-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-color);font-weight:500;transition:var(--transition);}nav a:hover{background:var(--hover-bg);color:var(--primary-color);}/* Breadcrumb */.breadcrumb{font-size:var(--font-size-sm);color:var(--text-light);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);background:var(--card-bg);border-radius:var(--border-radius);display:inline-block;}.breadcrumb a{color:var(--primary-color);transition:var(--transition);}.breadcrumb a:hover{color:#0080b0;text-decoration:underline;}.breadcrumb span{margin:0 var(--spacing-xs);color:var(--text-muted);}/* Main Container */main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md);}/* Hero Section */.hero{text-align:center;padding:var(--spacing-xxl) var(--spacing-md);background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl);}.hero h1{color:var(--text-color);margin-bottom:var(--spacing-lg);}.hero .intro{font-size:var(--font-size-lg);line-height:1.8;color:var(--text-light);max-width:900px;margin:0 auto;}/* Sections */section{background:var(--card-bg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);}section h2{color:var(--text-color);border-bottom:2px solid var(--primary-color);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-lg);}/* Page Intro */.page-intro{font-size:var(--font-size-lg);color:var(--text-light);line-height:1.8;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--card-bg);border-left:4px solid var(--primary-color);border-radius:var(--border-radius);}/* Daquan Notice */.daquan-notice{padding:var(--spacing-md);background:#fff9e6;border:1px solid #ffe066;border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);font-size:var(--font-size-md);color:#806600;}.daquan-notice a{color:var(--primary-color);font-weight:600;}/* Card Grid */.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg);}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg);transition:var(--transition);box-shadow:var(--shadow-sm);}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}.card h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);}.card h3 a{color:var(--text-color);transition:var(--transition);}.card h3 a:hover{color:var(--primary-color);}.card .meta{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--spacing-sm);}.card .one-line{font-size:var(--font-size-md);color:var(--text-light);margin-bottom:var(--spacing-sm);line-height:1.6;}.card .summary-excerpt{font-size:var(--font-size-sm);color:var(--text-light);margin-bottom:var(--spacing-xs);line-height:1.5;}.card .review-excerpt{font-size:var(--font-size-sm);color:var(--text-muted);font-style:italic;line-height:1.5;}/* Entry Grid */.entry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);}.entry-card{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:var(--spacing-xl);border-radius:var(--border-radius);transition:var(--transition);box-shadow:var(--shadow-md);}.entry-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}.entry-card h3 a{color:white;font-size:var(--font-size-xl);}.entry-card p{color:rgba(255,255,255,0.9);margin:0;}/* Card List */.card-list{display:flex;flex-direction:column;gap:var(--spacing-md);}.card-compact{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md);transition:var(--transition);}.card-compact:hover{background:var(--hover-bg);border-color:var(--primary-color);}.card-compact h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs);}.card-compact h3 a{color:var(--text-color);}.card-compact h3 a:hover{color:var(--primary-color);}.card-compact .meta{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--spacing-xs);}.card-compact .one-line{font-size:var(--font-size-md);color:var(--text-light);margin:0;}/* More Link */.more-link{text-align:center;margin-top:var(--spacing-lg);}.more-link a{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);background:var(--primary-color);color:white;border-radius:var(--border-radius);font-weight:600;transition:var(--transition);}.more-link a:hover{background:#0080b0;transform:translateX(4px);}/* List Container */.list-container{display:flex;flex-direction:column;gap:var(--spacing-lg);}.list-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg);transition:var(--transition);position:relative;}.list-item:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color);}.list-item h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm);border:none;}.list-item h2 a{color:var(--text-color);}.list-item h2 a:hover{color:var(--primary-color);}.list-item .meta{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--spacing-sm);}.list-item .one-line{font-size:var(--font-size-md);color:var(--text-light);line-height:1.6;margin-bottom:var(--spacing-sm);}.list-item .summary-brief{font-size:var(--font-size-sm);color:var(--text-light);line-height:1.5;margin-bottom:0;}/* Rank Number */.rank-number{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;font-size:var(--font-size-xl);font-weight:bold;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);}.top-item h2{padding-right:60px;}/* Tags */.tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);}.tag{display:inline-block;padding:4px 12px;background:var(--bg-color);color:var(--text-light);border-radius:16px;font-size:var(--font-size-sm);border:1px solid var(--border-color);transition:var(--transition);}.tag:hover{background:var(--primary-color);color:white;border-color:var(--primary-color);}.tag-site{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border:none;}/* Detail Page */.detail-page{background:var(--card-bg);padding:var(--spacing-xxl);border-radius:var(--border-radius);box-shadow:var(--shadow-md);}.detail-page h1{color:var(--text-color);margin-bottom:var(--spacing-xl);border-bottom:3px solid var(--primary-color);padding-bottom:var(--spacing-md);}.detail-info{background:var(--bg-color);padding:var(--spacing-lg);border-radius:var(--border-radius);margin-bottom:var(--spacing-xl);border-left:4px solid var(--primary-color);}.detail-info p{margin-bottom:var(--spacing-sm);font-size:var(--font-size-md);}.detail-info strong{color:var(--text-color);font-weight:600;margin-right:var(--spacing-xs);}.tags-section{margin-top:var(--spacing-md);}.one-line-section,.summary-section,.review-section,.related-section{margin-bottom:var(--spacing-xl);}.one-line-section h2,.summary-section h2,.review-section h2,.related-section h2{color:var(--text-color);font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);border-bottom:2px solid var(--primary-color);padding-bottom:var(--spacing-sm);}.one-line-text{font-size:var(--font-size-lg);color:var(--primary-color);font-weight:600;line-height:1.8;padding:var(--spacing-md);background:rgba(0,161,214,0.05);border-radius:var(--border-radius);}.summary-text,.review-text{font-size:var(--font-size-md);color:var(--text-light);line-height:1.8;text-indent:2em;}.review-text{font-style:italic;color:var(--text-muted);background:var(--bg-color);padding:var(--spacing-lg);border-radius:var(--border-radius);border-left:4px solid var(--secondary-color);}/* Related Grid */.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg);}.related-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg);transition:var(--transition);}.related-card:hover{background:var(--card-bg);box-shadow:var(--shadow-md);transform:translateY(-2px);}.related-card h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs);}.related-card h3 a{color:var(--text-color);}.related-card h3 a:hover{color:var(--primary-color);}.related-card .meta{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--spacing-xs);}.related-card .one-line{font-size:var(--font-size-sm);color:var(--text-light);margin:0;}/* Notice */.notice{font-size:var(--font-size-lg);color:var(--text-light);margin-bottom:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-color);border-radius:var(--border-radius);border-left:4px solid var(--primary-color);}.back-links{margin-top:var(--spacing-xl);text-align:center;}.back-links a{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);background:var(--primary-color);color:white;border-radius:var(--border-radius);font-weight:600;transition:var(--transition);margin:0 var(--spacing-xs);}.back-links a:hover{background:#0080b0;}/* Error Page */.error-page{text-align:center;padding:var(--spacing-xxl);background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-md);}.error-page h1{color:var(--text-color);font-size:3rem;margin-bottom:var(--spacing-xl);}.error-page a{display:inline-block;padding:var(--spacing-md) var(--spacing-xl);background:var(--primary-color);color:white;border-radius:var(--border-radius);font-size:var(--font-size-lg);font-weight:600;transition:var(--transition);}.error-page a:hover{background:#0080b0;}/* Footer */footer{background:var(--card-bg);border-top:1px solid var(--border-color);padding:var(--spacing-lg);text-align:center;color:var(--text-muted);font-size:var(--font-size-sm);margin-top:auto;}/* Responsive Design */@media (max-width:768px){:root{--font-size-xxl:1.5rem;--font-size-xl:1.25rem;--font-size-lg:1.125rem;--spacing-xl:1.5rem;--spacing-xxl:2rem;} nav a{padding:var(--spacing-sm) 4px;font-size:var(--font-size-sm);} .hero{padding:var(--spacing-xl) var(--spacing-md);} .hero .intro{font-size:var(--font-size-md);} section{padding:var(--spacing-lg);} .card-grid{grid-template-columns:1fr;gap:var(--spacing-md);} .entry-grid{grid-template-columns:1fr;} .related-grid{grid-template-columns:1fr;} .detail-page{padding:var(--spacing-lg);} .rank-number{width:36px;height:36px;font-size:var(--font-size-lg);top:var(--spacing-md);right:var(--spacing-md);} .top-item h2{padding-right:48px;font-size:var(--font-size-lg);}}@media (max-width:480px){main{padding:var(--spacing-md);} .card{padding:var(--spacing-md);} .entry-card{padding:var(--spacing-lg);}}/* UI Style Variants */.ui-style-0{--primary-color:#0066cc;--secondary-color:#ff6b6b;}.ui-style-1{--primary-color:#ff6b35;--secondary-color:#004e89;}.ui-style-2{--primary-color:#ff6f00;--secondary-color:#d32f2f;}.ui-style-3{--primary-color:#e53935;--secondary-color:#9e9e9e;}.ui-style-4{--primary-color:#d32f2f;--secondary-color:#616161;}.ui-style-5{--primary-color:#e53935;--bg-color:#1a1a1a;--card-bg:#2a2a2a;--text-color:#e0e0e0;}.ui-style-6{--primary-color:#1976d2;--secondary-color:#ffc107;}.ui-style-7{--primary-color:#1976d2;--secondary-color:#fbc02d;}.ui-style-8{--primary-color:#00c853;--bg-color:#212121;--card-bg:#303030;--text-color:#e0e0e0;}.ui-style-9{--primary-color:#ffffff;--bg-color:#000000;--card-bg:#1a1a1a;--text-color:#ffffff;}.ui-style-10{--primary-color:#00C75A;--bg-color:#ffffff;}.ui-style-11{--primary-color:#0099FF;--secondary-color:#ff6a00;}.ui-style-12{--primary-color:#FF6700;--secondary-color:#ff4444;}.ui-style-13{--primary-color:#00A1D6;--secondary-color:#FB7299;}.ui-style-14{--primary-color:#1a237e;--secondary-color:#ff6f00;}/* Layout Variants */.layout-A .hero{padding:var(--spacing-xxl) var(--spacing-md);}.layout-B .card-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));}.layout-C .card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));}.layout-D main{max-width:1400px;}.layout-E section{padding:var(--spacing-xxl) var(--spacing-xl);}.layout-F .tags{margin-bottom:var(--spacing-lg);}.layout-F .tag{font-size:var(--font-size-md);padding:6px 16px;}.layout-G .list-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--primary-color);border-radius:4px 0 0 4px;}