:root{--blue:#0B3D91;--ink:#24170f;--brown:#51301d;--sand:#f5ead8;--gold:#c58a32;--cream:#fffaf2;--line:#eadbc6;--shadow:0 14px 36px rgba(58,35,17,.1)}
*{box-sizing:border-box}html,body{margin:0;padding:0;color:var(--ink);background:var(--cream);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 40px));margin:auto}
.topbar{background:var(--brown);color:#f8ead4;font-size:13px}.topbar .container{height:36px;display:flex;align-items:center;justify-content:space-between}.topbar a{color:#fff2d8}
.header{position:relative;z-index:20;background:#fffaf3;border-bottom:1px solid var(--line)}.header-inner{height:76px;display:flex;align-items:center;gap:28px}.logo{display:flex;align-items:center;gap:10px;min-width:185px;color:var(--brown);font-weight:800;font-size:19px}.logo img{width:34px;height:34px;object-fit:contain}.main-nav{flex:1}.nav-list{list-style:none;padding:0;margin:0;display:flex;align-items:stretch;justify-content:center;gap:4px}.nav-item{position:relative}.nav-link{display:block;padding:25px 13px;font-size:14px;white-space:nowrap}.nav-link:hover,.nav-link:focus{color:var(--gold)}.has-arrow:after{content:"⌄";font-size:12px;margin-left:6px}.dropdown-panel,.mega-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:330px;padding:20px;background:#fffaf3;border:1px solid var(--line);border-radius:0 0 14px 14px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transition:.2s}.mega-menu{width:680px}.nav-item:hover .dropdown-panel,.nav-item:focus-within .dropdown-panel,.nav-item:hover .mega-menu,.nav-item:focus-within .mega-menu{opacity:1;visibility:visible}.panel-title{font-weight:800;color:var(--brown);margin-bottom:12px;border-bottom:1px solid var(--line);padding-bottom:8px}.dropdown-panel>a,.mega-list>a,.mega-menu .mega-list>a{display:block;padding:8px 0;font-size:13px;border-bottom:1px solid #f0e5d6}.dropdown-panel>a:hover,.mega-list>a:hover{color:var(--gold)}.mega-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:22px}.mega-list{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.mega-card{display:flex!important;gap:8px;align-items:center}.mega-card img{width:35px;height:35px;border-radius:8px;object-fit:cover;background:var(--sand)}.mega-card span{min-width:0}.mega-card b,.mega-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mega-card b{font-size:12px}.mega-card small{font-size:10px;color:#806c5b}.mega-footer{display:inline-block;margin-top:14px;color:var(--blue);font-size:13px;font-weight:700}.header-btns{display:flex;align-items:center;gap:10px;white-space:nowrap}.member-link{color:var(--blue);font-size:13px}.open-link{background:var(--blue);color:#fff;padding:8px 14px;border-radius:7px;font-size:13px}.hamburger{display:none;border:0;background:none;padding:7px;cursor:pointer}.hamburger span{display:block;width:23px;height:2px;background:var(--brown);margin:5px 0}
.drawer-overlay{display:none;position:fixed;inset:0;background:rgba(29,18,10,.45);z-index:50}.drawer-overlay.open{display:block}.mobile-drawer{position:fixed;z-index:51;top:0;right:-360px;width:min(360px,88vw);height:100vh;background:#fffaf3;box-shadow:-12px 0 30px rgba(0,0,0,.18);transition:.25s;overflow:auto}.mobile-drawer.open{right:0}.drawer-head{display:flex;align-items:center;gap:14px;padding:20px;border-bottom:1px solid var(--line);font-weight:700}.drawer-head>a{margin-left:auto;color:var(--blue)}.drawer-close{border:0;background:none;font-size:28px;color:var(--brown);cursor:pointer}.drawer-menu{padding:10px 20px}.drawer-link,.drawer-toggle{display:block;width:100%;padding:14px 0;text-align:left;border:0;border-bottom:1px solid var(--line);background:none;font:inherit;color:var(--ink);cursor:pointer}.drawer-toggle:after{content:"＋";float:right;color:var(--gold)}.drawer-toggle.active:after{content:"－"}.drawer-submenu{display:none;padding:4px 0 8px 16px}.drawer-submenu.open{display:block}.drawer-submenu a{display:block;padding:8px 0;color:#705c4c;font-size:13px}
.category-page{padding:58px 0 80px}.page-intro{text-align:center;max-width:760px;margin:0 auto 38px}.eyebrow{display:inline-block;color:var(--gold);font-size:13px;font-weight:800;letter-spacing:2px;margin-bottom:8px}.page-intro h1{font-family:Georgia,"Microsoft YaHei",serif;color:var(--brown);font-size:clamp(30px,5vw,48px);line-height:1.2;margin:0 0 15px}.page-intro p{color:#765f4e;margin:0}.article-list{display:grid;gap:22px;max-width:980px;margin:0 auto}.article-card{display:grid;grid-template-columns:300px 1fr;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 8px 25px rgba(58,35,17,.06)}.article-cover{min-height:220px;background:var(--sand)}.article-cover img{display:block;width:100%;height:100%;min-height:220px;object-fit:cover}.article-body{padding:24px 28px}.article-category{color:var(--gold);font-size:12px;font-weight:800;letter-spacing:1px}.article-body h2{font-size:23px;line-height:1.35;color:var(--brown);margin:8px 0 10px}.article-body h2 a:hover{color:var(--blue)}.article-summary{color:#725f50;margin:0 0 15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-meta{display:flex;flex-wrap:wrap;gap:12px;color:#957e6a;font-size:12px;margin-bottom:13px}.article-tags{font-size:12px;color:#80684f;margin-bottom:17px}.read-more{display:inline-block;color:var(--blue);font-weight:800;font-size:13px}.pagination{display:flex;justify-content:center;gap:8px;margin-top:38px;flex-wrap:wrap}.pagination a{min-width:34px;padding:6px 11px;text-align:center;border:1px solid var(--line);border-radius:6px;background:#fff}.pagination a:hover,.pagination a.current{background:var(--blue);border-color:var(--blue);color:#fff}
.footer{background:var(--brown);color:#ecdcc7;padding:48px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:32px}.footer strong{font-size:20px;color:#fff4df}.footer h3{font-size:15px;color:#fff4df;margin:0 0 13px}.footer p{font-size:13px;color:#d3bda4;margin:10px 0}.footer-grid>div:not(.footer-brand) a{display:block;color:#d9c4ac;font-size:13px;padding:3px 0}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.16);margin-top:30px;padding-top:17px;text-align:center;font-size:12px;color:#cdb59b}
@media(max-width:980px){.main-nav{display:none}.hamburger{display:block}.header-inner{justify-content:space-between}.footer-grid{grid-template-columns:1fr 1fr}.mega-menu{display:none}}
@media(max-width:640px){.container{width:min(100% - 28px,1180px)}.topbar .container{height:auto;min-height:36px;padding:7px 0;display:block}.topbar .contact{display:block}.header-inner{height:65px;gap:8px}.logo{min-width:0;font-size:16px}.member-link{display:none}.article-card{display:block}.article-cover,.article-cover img{height:190px;min-height:190px}.article-body{padding:20px}.article-body h2{font-size:20px}.category-page{padding-top:40px}.footer-grid{grid-template-columns:1fr;gap:22px}}