@import "https://cdn.jsdelivr.net/npm/lxgw-wenkai-screen-webfont@1.1.0/style.css";@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600&display=swap";:root{--color-primary-900:#3d1f0a;--color-primary-800:#6b3012;--color-primary-700:#8c4020;--color-primary-600:#b05030;--color-primary-500:#c9622f;--color-primary-400:#d98060;--color-primary-200:#f0cbba;--color-primary-100:#faf0ea;--color-accent-700:#1a5c52;--color-accent-500:#2a8c7a;--color-accent-300:#6fc4b4;--color-accent-100:#e0f5f2;--color-neutral-950:#1a1410;--color-neutral-800:#3d2f24;--color-neutral-600:#6b5744;--color-neutral-400:#a08b7a;--color-neutral-200:#ddd4cc;--color-neutral-100:#ede6de;--color-neutral-50:#f7f3ee;--color-success:#2a8c7a;--color-warning:#c9822f;--color-error:#c53030;--color-info:#3a7ab5;--bg-page:#f7f3ee;--bg-surface:#fff;--bg-sunken:#ede6de;--bg-nav:#3d2f24;--bg-overlay:#3d1f0a8c;--font-display:"DM Serif Display", "LXGW WenKai Screen", serif;--font-body:"Outfit", "LXGW WenKai Screen", "Noto Sans SC", sans-serif;--font-mono:"JetBrains Mono", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 4px #3d1f0a12, 0 1px 2px #3d1f0a0d;--shadow-md:0 4px 14px #3d1f0a1a, 0 2px 5px #3d1f0a0f;--shadow-lg:0 8px 28px #3d1f0a21, 0 4px 10px #3d1f0a14;--shadow-xl:0 16px 48px #3d1f0a29, 0 8px 16px #3d1f0a1a;--shadow-primary:0 4px 14px #c9622f40;--text:var(--color-neutral-800);--text-light:var(--color-neutral-600);--text-muted:var(--color-neutral-400);--border:var(--color-neutral-200);--bg:var(--bg-page);--white:var(--bg-surface);--container:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--color-neutral-800);background:var(--bg-page);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--color-primary-500)}img{max-width:100%;display:block}ul{list-style:none}.container{max-width:var(--container);padding:0 var(--space-5);margin:0 auto}.section{padding:var(--space-12) 0}.section-title{font-family:var(--font-display);text-align:center;color:var(--color-neutral-800);margin-bottom:var(--space-8);justify-content:center;align-items:center;gap:var(--space-4);font-size:24px;display:flex}.section-title:before,.section-title:after{content:"";flex:1;max-width:80px;height:2px}.section-title:before{background:linear-gradient(to right, transparent, var(--color-primary-400))}.section-title:after{background:linear-gradient(to left, transparent, var(--color-primary-400))}.btn{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-family:var(--font-body);border:none;font-weight:500;transition:opacity .2s,transform .15s,box-shadow .2s;display:inline-flex}.btn:hover{opacity:.9}.btn-gold,.btn-primary{background:var(--color-primary-500);color:#fff;box-shadow:var(--shadow-primary)}.btn-gold:hover,.btn-primary:hover{background:var(--color-primary-600);opacity:1}.btn-outline,.btn-secondary{background:var(--bg-surface);border:1px solid var(--color-primary-400);color:var(--color-primary-500)}.btn-outline:hover,.btn-secondary:hover{background:var(--color-primary-100);border-color:var(--color-primary-500)}.tag-red{background:var(--color-error);color:#fff;border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0;padding:2px 8px;font-size:12px;display:inline-block}.tag-blue{background:var(--color-info)!important}.tag-green{background:var(--color-accent-500)!important}.tag-grey{background:var(--color-neutral-400)!important}.more-link{color:var(--color-neutral-400);align-items:center;gap:2px;font-size:13px;display:inline-flex}.more-link:hover{color:var(--color-primary-500)}.card{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-img{object-fit:cover;background:var(--color-neutral-100);width:100%;height:180px}.pagination{justify-content:center;gap:var(--space-2);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.pagination button{border:1px solid var(--color-neutral-200);background:var(--bg-surface);cursor:pointer;border-radius:var(--radius-sm);font-size:13px;font-family:var(--font-mono);color:var(--color-neutral-800);padding:6px 12px;transition:all .2s}.pagination button.active{background:var(--color-primary-500);color:#fff;border-color:var(--color-primary-500);box-shadow:var(--shadow-primary)}.pagination button:hover:not(.active){border-color:var(--color-primary-500);color:var(--color-primary-500)}.loading,.empty{text-align:center;color:var(--color-neutral-400);font-family:var(--font-body);padding:60px}.breadcrumb{color:var(--color-neutral-400);align-items:center;gap:6px;padding:12px 0;font-size:13px;display:flex}.breadcrumb a{color:var(--color-neutral-400);text-decoration:none}.breadcrumb a:hover{color:var(--color-primary-500)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.4s cubic-bezier(.22,1,.36,1) both fadeInUp}.animate-in:first-child{animation-delay:60ms}.animate-in:nth-child(2){animation-delay:.12s}.animate-in:nth-child(3){animation-delay:.18s}.animate-in:nth-child(4){animation-delay:.24s}
