/* ======================================== 站点全局样式 UI风格索引:13 (品牌蓝+粉色+白底) 布局变体:B (首屏主推+双列) ======================================== */:root{--primary-color:#00A1D6;--secondary-color:#FB7299;--text-color:#333;--text-light:#666;--bg-main:#fff;--bg-alt:#f5f7fa;--border-color:#e5e9ef;--shadow:0 2px 8px rgba(0, 0, 0, 0.08);--shadow-hover:0 4px 16px rgba(0, 0, 0, 0.12);--radius:8px;}body.ui-style-13{background:var(--bg-alt);}.container{max-width:1200px;margin:0 auto;padding:1.5rem 1rem;}.page-header{background:var(--bg-main);padding:2rem;border-radius:var(--radius);margin-bottom:2rem;box-shadow:var(--shadow);}.page-header h1{font-size:1.8rem;color:var(--primary-color);margin-bottom:0.5rem;font-weight:600;}.page-header .intro,.page-header p{color:var(--text-light);font-size:0.95rem;line-height:1.6;}.breadcrumb{padding:1rem 1rem 0.5rem;font-size:0.85rem;color:var(--text-light);}.breadcrumb a{color:var(--primary-color);transition:opacity 0.3s;}.breadcrumb a:hover{opacity:0.8;}.section{margin-bottom:2.5rem;}.section h2{font-size:1.5rem;margin-bottom:1rem;color:var(--text-color);font-weight:600;padding-left:0.5rem;border-left:4px solid var(--primary-color);}.section h3{font-size:1.2rem;margin-bottom:0.8rem;color:var(--text-color);}.section p{color:var(--text-light);margin-bottom:1rem;line-height:1.8;}.section a{color:var(--primary-color);transition:opacity 0.3s;}.section a:hover{opacity:0.8;}.card-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:1.2rem;}.layout-B .card-grid{grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));}.card{background:var(--bg-main);padding:1.5rem;border-radius:var(--radius);box-shadow:var(--shadow);transition:all 0.3s;position:relative;}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px);}.card[data-index]::before{content:attr(data-index);position:absolute;top:0.5rem;right:0.5rem;background:var(--secondary-color);color:#fff;width:1.8rem;height:1.8rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:bold;}.card h3{font-size:1.1rem;margin-bottom:0.5rem;font-weight:600;color:var(--text-color);}.card h3 a{color:inherit;transition:color 0.3s;}.card h3 a:hover{color:var(--primary-color);}.card .meta{font-size:0.85rem;color:var(--text-light);margin-bottom:0.5rem;}.card .genre{font-size:0.85rem;color:var(--secondary-color);margin-bottom:0.5rem;}.card .one-line{font-size:0.9rem;color:var(--text-color);line-height:1.6;margin-top:0.5rem;}.card .summary{font-size:0.85rem;color:var(--text-light);line-height:1.6;margin-top:0.5rem;}.card-list{display:flex;flex-direction:column;gap:1rem;}.card-compact{background:var(--bg-main);padding:1rem 1.2rem;border-radius:var(--radius);box-shadow:var(--shadow);transition:all 0.3s;}.card-compact:hover{box-shadow:var(--shadow-hover);transform:translateX(4px);}.card-compact h3{font-size:1rem;margin-bottom:0.3rem;font-weight:500;}.card-compact h3 a{color:var(--text-color);transition:color 0.3s;}.card-compact h3 a:hover{color:var(--primary-color);}.card-compact .one-line{font-size:0.85rem;color:var(--text-light);line-height:1.5;}.detail-page{background:var(--bg-main);padding:2rem;border-radius:var(--radius);box-shadow:var(--shadow);}.detail-content header h1{font-size:2rem;margin-bottom:1rem;color:var(--text-color);font-weight:600;}.meta-info{display:flex;flex-wrap:wrap;gap:0.8rem;margin-bottom:1rem;}.meta-info span{padding:0.3rem 0.8rem;background:var(--bg-alt);border-radius:4px;font-size:0.85rem;color:var(--text-color);}.tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1.5rem;}.tag{padding:0.25rem 0.6rem;background:var(--primary-color);color:#fff;border-radius:4px;font-size:0.8rem;}.detail-content section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color);}.detail-content section:first-of-type{border-top:none;padding-top:0;}.detail-content section h2{font-size:1.3rem;margin-bottom:0.8rem;color:var(--text-color);font-weight:600;}.detail-content section p{line-height:1.8;color:var(--text-color);text-align:justify;}.highlight{background:linear-gradient(135deg, rgba(0, 161, 214, 0.05), rgba(251, 114, 153, 0.05));padding:1.2rem;border-radius:var(--radius);border-left:4px solid var(--primary-color);}.highlight p{font-size:1.05rem;font-weight:500;color:var(--text-color);}.note{background:#fff9e6;border-left:4px solid #ffcc00;padding:1rem;border-radius:var(--radius);margin-bottom:1.5rem;font-size:0.9rem;color:#666;}.note a{color:var(--primary-color);font-weight:500;}@media (max-width:768px){.container{padding:1rem 0.8rem;} .page-header{padding:1.5rem 1rem;} .page-header h1{font-size:1.4rem;} .card-grid{grid-template-columns:1fr;gap:1rem;} .detail-content header h1{font-size:1.5rem;} .meta-info{gap:0.5rem;}}@media (min-width:769px) and (max-width:1024px){.card-grid{grid-template-columns:repeat(2, 1fr);}}