@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#4a5568;--primary-dark:#2d3748;--accent:#6366f1;--accent-light:#818cf8;--bg:#f8fafc;--bg-card:#fff;--text:#1e293b;--text-secondary:#64748b;--text-light:#94a3b8;--border:#e2e8f0;--shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px #0000000d, 0 2px 4px #0000000a;--shadow-lg:0 10px 15px #0000000f, 0 4px 6px #0000000a;--radius:12px;--radius-sm:8px;--max-width:1200px}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.page-header{text-align:center;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:40px 16px 28px}.page-header h1{letter-spacing:.05em;margin-bottom:4px;font-size:1.6rem;font-weight:700}.page-subtitle{opacity:.85;font-size:.9rem;font-weight:300}.article-grid{max-width:600px;margin:0 auto;padding:12px 0 40px}.article-card{background:var(--bg-card);border-bottom:1px solid var(--border);flex-direction:row;align-items:center;padding:12px 16px;transition:background-color .15s;display:flex}.article-card:first-child{border-top:1px solid var(--border)}.article-card:active{background-color:#f1f5f9}.card-image{border-radius:var(--radius-sm);flex-shrink:0;width:72px;min-width:72px;height:72px;position:relative;overflow:hidden}.card-image img{object-fit:cover;width:100%;height:100%}.card-number{display:none}.card-content{flex-direction:column;flex:1;justify-content:center;gap:4px;min-width:0;padding:0 0 0 14px;display:flex}.card-title{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.95rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.card-subtitle{color:var(--text-light);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.article-detail-page{max-width:800px;margin:0 auto;padding:0 24px 80px}.article-nav{background:var(--bg);z-index:10;padding:20px 0;position:sticky;top:0}.back-link{color:var(--accent);align-items:center;gap:4px;padding:8px 0;font-size:.95rem;font-weight:500;transition:color .2s;display:inline-flex}.back-link:hover{color:var(--accent-light)}.article-hero{border-radius:var(--radius);box-shadow:var(--shadow-md);margin-bottom:32px;overflow:hidden}.article-hero img{aspect-ratio:16/9;object-fit:cover;width:100%}.article-header{margin-bottom:32px}.article-number{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;margin-bottom:16px;padding:4px 14px;font-size:.85rem;font-weight:600;display:inline-block}.article-header h1{color:var(--text);margin-bottom:12px;font-size:2rem;font-weight:700;line-height:1.4}.article-subtitle{color:var(--text-secondary);font-size:1.1rem;font-weight:400}.article-body{color:var(--primary-dark);font-size:1.05rem;line-height:1.9}.article-body p{margin-bottom:1.2em}.article-body strong{color:var(--text);font-weight:600}.article-body ul,.article-body ol{margin-bottom:1.2em;padding-left:1.5em}.article-body li{margin-bottom:.5em}.article-body h2,.article-body h3{color:var(--text);margin-top:2em;margin-bottom:.8em}.article-pagination{border-top:1px solid var(--border);justify-content:space-between;gap:16px;margin-top:48px;padding-top:32px;display:flex}.pagination-link{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:4px;max-width:48%;padding:16px 20px;transition:border-color .2s,box-shadow .2s;display:flex}.pagination-link:hover{border-color:var(--accent);box-shadow:var(--shadow)}.pagination-link.next{text-align:right;margin-left:auto}.pagination-label{color:var(--text-light);text-transform:uppercase;font-size:.8rem;font-weight:500}.pagination-title{color:var(--accent);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.95rem;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.not-found{text-align:center;padding:120px 24px}.not-found h2{color:var(--text-secondary);margin-bottom:16px;font-size:1.5rem}@media (width<=768px){.article-detail-page{padding:0 16px 60px}.article-header h1{font-size:1.5rem}.article-body{font-size:1rem}.article-hero img{aspect-ratio:3/2}.article-pagination{flex-direction:column}.pagination-link{max-width:100%}.pagination-link.next{text-align:left}}