/* 全站基础样式 - UI_STYLE 响应式布局 *//* 全局重置与基础 */*{box-sizing:border-box;}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;margin:0;padding:0;background:#f5f5f5;color:#333;line-height:1.6;font-size:16px;}a{color:#3498db;text-decoration:none;transition:color 0.3s;}a:hover{color:#e74c3c;}/* 导航栏 */.main-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-logo a{font-size:1.5rem;font-weight:bold;color:#e74c3c;text-decoration:none;}.nav-menu{display:flex;flex-wrap:nowrap;list-style:none;margin:0;padding:0;gap:1.5rem;}.nav-menu li{flex:1 1 0;min-width:0;text-align:center;}.nav-menu a{color:#333;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;padding:0.5rem 0;border-bottom:2px solid transparent;transition:border-color 0.3s;}.nav-menu a:hover{border-bottom-color:#e74c3c;}/* 移动端导航 - 单行不换行 */@media (max-width:768px){.main-nav{padding:0.75rem 1rem;}.nav-logo a{font-size:1.2rem;}.nav-menu{gap:0.5rem;font-size:0.85rem;}.nav-menu a{padding:0.4rem 0;}}/* 主内容区 */main{max-width:1200px;margin:2rem auto;padding:0 1rem;}/* 面包屑 */.breadcrumb{font-size:0.9rem;color:#666;padding:1rem;background:#fff;border-radius:4px;margin-bottom:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,0.05);}.breadcrumb a{color:#3498db;text-decoration:none;}.breadcrumb a:hover{text-decoration:underline;}/* 首页hero区 */.hero{text-align:center;padding:3rem 1rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:8px;margin-bottom:3rem;box-shadow:0 4px 12px rgba(0,0,0,0.15);}.hero h1{font-size:2rem;margin:0 0 1rem;font-weight:700;}.hero .intro{font-size:1.1rem;line-height:1.8;max-width:800px;margin:0 auto;opacity:0.95;}@media (max-width:768px){.hero{padding:2rem 1rem;}.hero h1{font-size:1.5rem;}.hero .intro{font-size:1rem;}}/* 章节section */section{margin-bottom:3rem;}section h2{font-size:1.75rem;margin-bottom:1.5rem;color:#2c3e50;border-left:4px solid #e74c3c;padding-left:1rem;}/* 卡片网格 */.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;}@media (max-width:768px){.card-grid{grid-template-columns:1fr;gap:1rem;}}/* 卡片样式 */.card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,0.08);transition:transform 0.3s,box-shadow 0.3s;position:relative;}.card:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,0.12);}.card .rank{position:absolute;top:1rem;right:1rem;background:#e74c3c;color:#fff;font-weight:bold;padding:0.25rem 0.75rem;border-radius:20px;font-size:0.9rem;}.card h3{font-size:1.25rem;margin:0 0 0.75rem;color:#2c3e50;}.card h3 a{color:#2c3e50;font-weight:600;}.card h3 a:hover{color:#e74c3c;}.card .one-line{color:#555;margin:0.5rem 0;line-height:1.5;}.card .summary-snippet{color:#777;font-size:0.95rem;margin:0.5rem 0;line-height:1.6;}.card .meta{font-size:0.9rem;color:#888;margin-top:0.75rem;padding-top:0.75rem;border-top:1px solid #eee;}.card .tags{font-size:0.85rem;color:#999;margin-top:0.5rem;}/* 更多链接 */.more-link{text-align:center;margin-top:2rem;font-size:1.1rem;}.more-link a{color:#3498db;font-weight:500;}/* 通知框 */.notice{background:#fff3cd;border:1px solid #ffc107;border-radius:6px;padding:1.5rem;margin-bottom:2rem;}.notice p{margin:0 0 0.5rem;font-weight:500;}.notice ul{margin:0.5rem 0 0 1.5rem;padding:0;}.notice li{margin:0.25rem 0;}/* 列表页样式 */.page-desc{font-size:1rem;color:#666;margin-bottom:2rem;line-height:1.8;}/* 详情页样式 */.detail{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 8px rgba(0,0,0,0.08);}.detail h1{font-size:2rem;color:#2c3e50;margin-bottom:1.5rem;border-bottom:3px solid #e74c3c;padding-bottom:0.75rem;}.meta-info{background:#f8f9fa;padding:1.5rem;border-radius:6px;margin-bottom:2rem;}.meta-info p{margin:0.5rem 0;font-size:1rem;}.meta-info strong{color:#2c3e50;margin-right:0.5rem;}.oneline,.summary,.review{margin-bottom:2rem;}.oneline h2,.summary h2,.review h2{font-size:1.5rem;color:#34495e;margin-bottom:1rem;border-left:4px solid #3498db;padding-left:1rem;}.oneline p,.summary p,.review p{font-size:1.05rem;line-height:1.8;color:#444;}/* 相关推荐 */.related{margin-top:3rem;padding-top:2rem;border-top:2px solid #eee;}.related h2{font-size:1.5rem;margin-bottom:1.5rem;color:#2c3e50;border-left:4px solid #e74c3c;padding-left:1rem;}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;}@media (max-width:768px){.related-grid{grid-template-columns:1fr;}}.related-card{background:#f8f9fa;padding:1.25rem;border-radius:6px;border-left:3px solid #3498db;transition:background 0.3s;}.related-card:hover{background:#e9ecef;}.related-card h4{font-size:1.1rem;margin:0 0 0.5rem;color:#2c3e50;}.related-card h4 a{color:#2c3e50;}.related-card h4 a:hover{color:#e74c3c;}.related-card p{font-size:0.95rem;color:#666;margin:0;line-height:1.6;}/* 页脚 */footer{background:#2c3e50;color:#ecf0f1;text-align:center;padding:2rem 1rem;margin-top:4rem;}footer p{margin:0;font-size:0.95rem;}/* UI风格变体（基于UI_INDEX 0-14）*/body.ui-style-0{/* 抖音风格：黑白+品牌彩 */ --primary:#fe2c55;--bg:#000;--text:#fff;}body.ui-style-1{/* 快手风格：橙红点缀 */ --primary:#ff6600;}body.ui-style-2{/* 今日头条：白底+橙红 */ --primary:#ff6600;}body.ui-style-3{/* 小红书：品牌红 */ --primary:#ff2442;}body.ui-style-4{/* 知乎：蓝色 */ --primary:#0084ff;}body.ui-style-5{/* Netflix：深色+红 */ --primary:#e50914;background:#141414;}body.ui-style-6{/* Disney+：深蓝 */ --primary:#0063e5;}body.ui-style-7{/* Hulu：绿色 */ --primary:#1ce783;}body.ui-style-8{/* Spotify：绿色 */ --primary:#1db954;}body.ui-style-9{/* Apple TV+：极简黑白 */ --primary:#000;}body.ui-style-10{/* WeChat：绿色 */ --primary:#00c75a;}body.ui-style-11{/* Alipay：蓝色 */ --primary:#0099ff;}body.ui-style-12{/* Mi：橙色 */ --primary:#ff6700;}body.ui-style-13{/* Bilibili：粉蓝 */ --primary:#00a1d6;}body.ui-style-14{/* 腾讯视频：蓝色 */ --primary:#ff6600;}/* 骨架布局变体（A-G）可通过JS或body class进一步控制 */