/* 全局重置 */*{ margin: 0;padding: 0;box-sizing: border-box;}body{ font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;line-height: 1.6;color: #333;background: #f5f5f5;font-size: 16px;}a{ color: #0066cc;text-decoration: none;transition: color 0.3s ease;}a:hover{ color: #0052a3;text-decoration: underline;}img{ max-width: 100%;height: auto;display: block;}/* 头部与导航 */header{ background: #fff;box-shadow: 0 2px 8px rgba(0,0,0,0.1);position: sticky;top: 0;z-index: 1000;}header nav{ max-width: 1200px;margin: 0 auto;display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: center;padding: 1rem 1.5rem;}header .logo{ font-size: 1.5rem;font-weight: 700;color: #000;margin-right: 2rem;flex: 0 0 auto;}header nav a{ flex: 1 1 0;min-width: 0;text-align: center;padding: 0.75rem 1rem;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-radius: 4px;transition: background 0.3s ease;}header nav a:hover{ background: #f0f0f0;text-decoration: none;}/* 面包屑 */.breadcrumb{ max-width: 1200px;margin: 1rem auto;padding: 0 1.5rem;font-size: 0.9rem;color: #666;}.breadcrumb a{ color: #0066cc;margin-right: 0.5rem;}.breadcrumb span{ color: #999;}/* 主内容区 */main{ max-width: 1200px;margin: 2rem auto;padding: 0 1.5rem;min-height: 60vh;}section{ background: #fff;border-radius: 8px;padding: 2rem;margin-bottom: 2rem;box-shadow: 0 2px 4px rgba(0,0,0,0.05);}h1{ font-size: 2rem;font-weight: 700;margin-bottom: 1rem;color: #000;line-height: 1.3;}h2{ font-size: 1.5rem;font-weight: 600;margin-bottom: 1rem;color: #111;border-left: 4px solid #0066cc;padding-left: 0.75rem;}h3{ font-size: 1.2rem;font-weight: 600;margin-bottom: 0.5rem;color: #222;}p{ margin-bottom: 1rem;line-height: 1.8;}/* 卡片网格 */.card-grid{ display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: 1.5rem;margin-top: 1.5rem;}.card{ background: #fff;border: 1px solid #e0e0e0;border-radius: 8px;padding: 1.5rem;transition: all 0.3s ease;position: relative;}.card:hover{ box-shadow: 0 4px 12px rgba(0,0,0,0.1);transform: translateY(-2px);}.card h3{ margin-bottom: 0.75rem;}.card .meta{ font-size: 0.85rem;color: #666;margin-bottom: 0.5rem;}.card .tags{ font-size: 0.85rem;color: #888;margin-bottom: 0.5rem;}.card .oneline{ font-size: 0.95rem;color: #555;line-height: 1.6;}.card .summary{ font-size: 0.9rem;color: #666;line-height: 1.7;margin-top: 0.5rem;}.card .review{ font-size: 0.9rem;color: #777;font-style: italic;margin-top: 0.5rem;border-left: 3px solid #0066cc;padding-left: 0.5rem;}.card .rank{ position: absolute;top: 0.5rem;right: 0.5rem;background: #ff6b35;color: #fff;font-weight: 700;font-size: 1.2rem;width: 2.5rem;height: 2.5rem;border-radius: 50%;display: flex;align-items: center;justify-content: center;}/* 首页特殊区块 */.hero{ text-align: center;padding: 3rem 2rem;background: linear-gradient(135deg,#667eea 0%,#764ba2 100%);color: #fff;border-radius: 12px;}.hero h1{ color: #fff;font-size: 2.5rem;margin-bottom: 1rem;}.hero p{ font-size: 1.1rem;line-height: 1.8;max-width: 800px;margin: 0 auto 0.5rem;}.intro{ background: #f9f9f9;}.intro p{ text-indent: 2em;}/* 入口链接区 */.entrance-links{ display: grid;grid-template-columns: repeat(auto-fit,minmax(240px,1fr));gap: 1.5rem;margin-top: 1.5rem;}.entrance-card{ display: block;background: linear-gradient(135deg,#667eea 0%,#764ba2 100%);color: #fff;padding: 2rem;border-radius: 8px;text-align: center;transition: transform 0.3s ease;}.entrance-card:hover{ transform: scale(1.05);text-decoration: none;}.entrance-card h3{ color: #fff;margin-bottom: 0.5rem;}.entrance-card p{ color: rgba(255,255,255,0.9);margin: 0;}/* 列表页特殊样式 */.list-intro{ background: #fffbea;padding: 1.5rem;border-left: 4px solid #ffc107;margin-bottom: 2rem;border-radius: 4px;}.list-intro ul{ list-style: none;margin-top: 0.5rem;}.list-intro li{ margin: 0.25rem 0;}.list-intro a{ font-weight: 600;}/* 详情页 */.detail-page .meta-info{ background: #f9f9f9;padding: 1.5rem;border-radius: 8px;margin-bottom: 2rem;}.detail-page .meta-info p{ margin-bottom: 0.5rem;font-size: 0.95rem;}.detail-page .oneline,.detail-page .summary,.detail-page .review{ margin-bottom: 2rem;}.detail-page .oneline p{ font-size: 1.1rem;font-weight: 600;color: #0066cc;}.detail-page .summary p{ text-indent: 2em;line-height: 2;}.detail-page .review{ background: #f0f7ff;padding: 1.5rem;border-left: 4px solid #0066cc;border-radius: 4px;}.detail-page .related{ margin-top: 3rem;padding-top: 2rem;border-top: 2px solid #e0e0e0;}/* 错误页面 */.invalid-page,.error-page{ text-align: center;padding: 4rem 2rem;}.invalid-page h1,.error-page h1{ font-size: 3rem;color: #999;margin-bottom: 1rem;}.invalid-page p,.error-page p{ font-size: 1.1rem;margin-bottom: 0.5rem;}/* 页脚 */footer{ background: #2c3e50;color: #ecf0f1;text-align: center;padding: 2rem 1.5rem;margin-top: 4rem;}footer p{ margin: 0;font-size: 0.9rem;}/* 响应式设计 */@media (max-width: 768px){ header nav{ padding: 0.75rem 1rem;} header .logo{ font-size: 1.2rem;margin-right: 1rem;} header nav a{ font-size: 0.85rem;padding: 0.5rem 0.25rem;} .breadcrumb{ font-size: 0.8rem;} main{ padding: 0 1rem;margin: 1rem auto;} section{ padding: 1.5rem 1rem;} h1{ font-size: 1.5rem;} h2{ font-size: 1.3rem;} .hero{ padding: 2rem 1rem;} .hero h1{ font-size: 1.75rem;} .hero p{ font-size: 1rem;} .card-grid{ grid-template-columns: 1fr;gap: 1rem;} .entrance-links{ grid-template-columns: 1fr;}}@media (max-width: 480px){ header nav a{ font-size: 0.75rem;padding: 0.5rem 0.15rem;} .hero h1{ font-size: 1.5rem;}}/* UI样式变体 */.ui-style-0{ --primary: #667eea;}.ui-style-1{ --primary: #ff6b35;}.ui-style-2{ --primary: #f59e0b;}.ui-style-3{ --primary: #ef4444;}.ui-style-4{ --primary: #dc2626;}.ui-style-5{ --primary: #991b1b;}.ui-style-6{ --primary: #1e40af;}.ui-style-7{ --primary: #0ea5e9;}.ui-style-8{ --primary: #10b981;}.ui-style-9{ --primary: #000;}.ui-style-10{ --primary: #00C75A;}.ui-style-11{ --primary: #0099FF;}.ui-style-12{ --primary: #FF6700;}.ui-style-13{ --primary: #00A1D6;}.ui-style-14{ --primary: #1e3a8a;}