:root{--red:#9e1f2b;--red2:#7e1520;--gold:#b49055;--ink:#212321;--muted:#717670;--line:#e5e2dc;--paper:#f7f6f2;--green:#175846}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.wrap{width:min(1180px,calc(100% - 44px));margin:auto}.topline{height:34px;background:#272827;color:#d8dad8;font-size:12px}.topline .wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.topline span{color:#b8bcb9}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav{height:82px;display:flex;align-items:center;gap:30px}.logo{display:flex;align-items:center;gap:12px;margin-right:auto}.original-logo{width:48px;height:48px;display:block;overflow:hidden;border-radius:50%;border:1px solid #ddd;background:#fff;position:relative}.original-logo img{position:absolute;width:146px;height:146px;max-width:none;left:-49px;top:-49px}.logo strong,.footer-logo strong{display:block;color:#836d47;font-family:serif;font-size:23px;letter-spacing:3px}.logo small{display:block;margin-top:2px;color:#a39986;font-size:7px;letter-spacing:2px}.nav nav{display:flex;gap:25px;align-items:center;font-size:14px;font-weight:700}.nav nav a{padding:31px 0 25px;border-bottom:3px solid transparent}.nav nav a:hover{color:var(--red);border-color:var(--red)}.head-search{display:flex;height:36px;border:1px solid #d7d4ce}.head-search input{width:145px;border:0;padding:0 10px;outline:0}.head-search button{border:0;background:var(--red);color:#fff;padding:0 13px;cursor:pointer}.portal-hero{padding:63px 0;background:linear-gradient(115deg,#f5f2eb,#fff 60%,#f1ede4);border-bottom:5px solid var(--red)}.hero-layout{display:grid;grid-template-columns:1.05fr .85fr;gap:76px;align-items:center}.hero-label,.home-heading>span,.listing-hero>.wrap>span,.admin-head>span{color:var(--red);font-size:12px;letter-spacing:2px;font-weight:700}.portal-hero h1{margin:15px 0 20px;font-family:serif;font-size:48px;line-height:1.35}.portal-hero h1 em{font-style:normal;color:var(--red)}.portal-hero p{max-width:650px;color:#636863;font-size:16px;line-height:1.9}.hero-links{display:flex;gap:12px;margin-top:28px}.hero-links a{padding:13px 21px;background:var(--red);color:#fff;font-weight:700;font-size:14px}.hero-links a:last-child{background:#fff;color:var(--red);border:1px solid var(--red)}.hero-latest{background:#fff;border:1px solid #ded9cf;box-shadow:0 18px 50px rgba(70,55,30,.08);padding:25px 29px}.latest-head{display:flex;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:15px;margin-bottom:5px}.latest-head strong{font-family:serif;font-size:21px}.latest-head a{color:var(--muted);font-size:12px}.hero-latest>a{display:grid;grid-template-columns:28px 1fr;gap:13px;padding:13px 0;border-bottom:1px solid var(--line)}.hero-latest>a:last-child{border:0}.hero-latest>a span{color:var(--red);font-family:serif;font-weight:700}.hero-latest>a strong{font-size:14px;line-height:1.5;font-weight:600}.channel-nav{padding:35px 0;background:#fff}.channel-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.channel-grid>a{min-height:185px;padding:27px 25px;border-right:1px solid var(--line);position:relative}.channel-grid>a:last-child{border:0}.channel-grid>a:hover{background:#faf8f3}.channel-grid>a>span{position:absolute;right:17px;top:8px;color:#eee9df;font-family:serif;font-size:48px;font-weight:700}.channel-grid strong{display:block;color:var(--red);font-family:serif;font-size:23px;margin:10px 0}.channel-grid small{display:block;min-height:43px;color:var(--muted);line-height:1.65}.channel-grid em{display:block;margin-top:17px;font-style:normal;font-size:12px;font-weight:700}.content-home{padding:80px 0;background:var(--paper)}.home-heading{text-align:center;margin-bottom:43px}.home-heading h2{margin:8px 0;font-family:serif;font-size:35px}.home-heading p{color:var(--muted)}.blocks-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.category-block{background:#fff;padding:29px 32px 14px;border:1px solid #ebe7df}.block-title{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:17px}.block-title span{font-size:9px;letter-spacing:1.5px;color:#a2a4a0}.block-title h2{margin:5px 0 0;font-family:serif;font-size:25px}.block-title>a{font-size:12px;color:var(--red)}.article-card{padding:22px 0;border-bottom:1px solid var(--line)}.article-card:last-child{border:0}.article-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px}.article-meta a{color:var(--red);font-weight:700}.article-meta time{color:#9b9f9b}.article-card h3{margin:8px 0;font-size:18px;line-height:1.55}.article-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.card-foot{display:flex;justify-content:space-between;margin-top:13px;color:#999;font-size:11px}.card-foot a{color:#555}.article-card.compact{display:grid;grid-template-columns:1fr auto;column-gap:12px;padding:16px 0}.article-card.compact .article-meta{grid-column:1/3}.article-card.compact h3{font-size:14px;margin:7px 0}.article-card.compact .card-foot{align-items:center;margin:0}.article-card.compact .card-foot>span{display:none}.seo-region{padding:68px 0;background:var(--red2);color:#fff}.seo-region>.wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.seo-region h2{font-family:serif;font-size:31px;margin:9px 0}.seo-region p{color:#ead4d6;line-height:1.8}.seo-region form{background:#fff;padding:25px;color:var(--ink)}.seo-region label{display:block;font-weight:700;margin-bottom:13px}.seo-region form>div{display:flex}.seo-region input{flex:1;min-width:0;padding:13px;border:1px solid var(--line);outline:0}.seo-region button{border:0;background:var(--red);color:#fff;padding:0 18px}.listing-hero{padding:45px 0;background:linear-gradient(110deg,#f5f1e9,#fff);border-bottom:1px solid var(--line)}.crumb{display:flex;gap:9px;color:#8b8f8b;font-size:12px;margin-bottom:22px}.crumb a{color:#555}.listing-hero h1{margin:7px 0;font-family:serif;font-size:38px}.listing-hero p{color:var(--muted)}.listing-stat{margin-top:20px;font-size:13px}.listing-stat strong{color:var(--red);font-size:19px}.listing-layout{display:grid;grid-template-columns:1fr 280px;gap:50px;padding-top:48px;padding-bottom:75px}.article-list>.article-card{padding:24px 0}.article-list>.article-card h3{font-size:20px}.sidebar,.related{position:sticky;top:110px;align-self:start}.side-card{border-top:3px solid var(--red);background:var(--paper);padding:22px}.side-card>strong{display:block;font-family:serif;font-size:20px;margin-bottom:14px}.side-card>a{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #ddd8ce;font-size:13px}.side-card>a.active{color:var(--red);font-weight:700}.side-qr{margin-top:22px;padding:18px;background:#fff;border:1px solid var(--line);text-align:center}.side-qr img{display:block;width:150px;height:150px;margin:auto}.side-qr strong{display:block;margin-top:9px}.side-qr p{margin:4px 0;color:var(--muted);font-size:11px}.pagination{display:flex;justify-content:center;gap:25px;align-items:center;margin-top:30px;padding-top:25px;border-top:1px solid var(--line);font-size:13px}.pagination a{color:var(--red);font-weight:700}.empty{padding:70px 20px;text-align:center;color:var(--muted);background:var(--paper)}.page-empty{min-height:45vh}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:56px;padding-top:42px;padding-bottom:75px}.article-detail{min-width:0}.article-detail>header{padding-bottom:27px;border-bottom:1px solid var(--line)}.article-detail>header>span{color:var(--red);font-size:12px;font-weight:700}.article-detail h1{margin:12px 0 17px;font-family:serif;font-size:37px;line-height:1.45}.article-detail>header>p{color:var(--muted);font-size:15px;line-height:1.8}.article-detail>header>div{display:flex;gap:20px;color:#969b97;font-size:11px}.article-body{padding:27px 0;font-size:16px;line-height:2;color:#323632}.article-body h2{margin:35px 0 12px;padding-left:13px;border-left:4px solid var(--red);font-family:serif;font-size:25px}.article-body h3{margin:28px 0 10px;font-size:19px}.article-body p{margin:16px 0}.article-body .bullet{padding-left:15px;margin:7px 0}.paragraph-space{display:block;height:3px}.article-disclaimer{padding:18px 20px;background:var(--paper);color:var(--muted);font-size:12px;line-height:1.7}.related{border-top:3px solid var(--red);padding-top:20px}.related>strong{font-family:serif;font-size:20px}.related>a{display:block;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.55}.related>a span{display:block;margin-top:5px;color:#aaa;font-size:10px}.search-page,.admin-page{min-height:65vh;padding:60px 0 80px}.search-page h1,.admin-head h1{font-family:serif;font-size:36px}.search-page form{display:flex;max-width:780px;height:52px;margin:25px 0}.search-page input{flex:1;border:1px solid #cfcac0;padding:0 16px;outline:0}.search-page button,.admin-page button{border:0;background:var(--red);color:#fff;padding:0 27px;font-weight:700}.search-result{color:var(--muted);font-size:13px}.admin-head{margin-bottom:30px}.admin-head p{color:var(--muted)}.admin-guide{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}.admin-guide strong{width:100%}.admin-guide code{background:#f1eee7;padding:7px 10px}.admin-page form label{display:block;font-weight:700;margin-bottom:9px}.admin-page textarea{width:100%;height:420px;padding:18px;border:1px solid #ccc6bb;font-family:Consolas,monospace;font-size:13px;line-height:1.6;outline:0}.admin-page form>div{display:flex;align-items:center;gap:17px;margin-top:15px}.admin-page button{height:44px;cursor:pointer}.admin-message{font-size:13px;color:var(--red)}.admin-tips{margin-top:38px;padding:25px;background:var(--paper)}.admin-tips h2{font-size:20px}.admin-tips p{color:var(--muted);line-height:1.8}footer{padding:50px 0 18px;background:#242624;color:#c5c9c6}.footer-main{display:grid;grid-template-columns:1.3fr .6fr .6fr 1.4fr 130px;gap:37px}.footer-logo{display:flex;align-items:center;gap:12px}.footer-logo strong{color:#d4c19a}.footer-logo p,.footer-note p{font-size:12px;line-height:1.7}.footer-main>div>strong{display:block;color:#fff;margin-bottom:14px}.footer-main>div>a{display:block;margin:9px 0;font-size:12px}.footer-qr{text-align:center}.footer-qr img{width:90px;height:90px;display:block;margin:auto}.footer-qr span{font-size:11px}.copyright{border-top:1px solid #3c403d;margin-top:35px;padding-top:18px;text-align:center;color:#777e79;font-size:11px}
@media(max-width:900px){.nav nav{display:none}.hero-layout,.seo-region>.wrap{grid-template-columns:1fr}.channel-grid{grid-template-columns:1fr 1fr}.channel-grid>a:nth-child(2){border-right:0}.channel-grid>a{border-bottom:1px solid var(--line)}.blocks-grid{grid-template-columns:1fr}.listing-layout,.article-layout{grid-template-columns:1fr}.sidebar,.related{position:static}.footer-main{grid-template-columns:1fr 1fr 1fr}.footer-note{grid-column:span 2}}
@media(max-width:620px){.wrap{width:min(100% - 28px,1180px)}.topline{display:none}.nav{height:68px}.head-search{display:none}.portal-hero{padding:46px 0}.portal-hero h1{font-size:34px}.hero-layout{gap:35px}.hero-links{flex-direction:column}.hero-links a{text-align:center}.channel-grid{grid-template-columns:1fr}.channel-grid>a{min-height:auto;border-right:0}.content-home{padding:60px 0}.category-block{padding:23px 20px 10px}.seo-region>.wrap{gap:30px}.seo-region form>div{display:block}.seo-region input,.seo-region button{width:100%;height:47px}.listing-layout{gap:32px;padding-top:32px}.article-detail h1{font-size:29px}.article-detail>header>div{flex-wrap:wrap;gap:7px 13px}.article-body{font-size:15px}.footer-main{grid-template-columns:1fr}.footer-note{grid-column:auto}.footer-main>div:nth-child(2),.footer-main>div:nth-child(3){display:none}.admin-page textarea{height:360px}}

/* The official finalized Boqiao Education logo is used unchanged. */
.logo{gap:0}.logo .original-logo{display:block;width:150px;height:58px;object-fit:contain;overflow:visible;border:0;border-radius:0;background:transparent;position:static;mix-blend-mode:multiply}.footer-logo{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.footer-logo .original-logo{display:block;width:145px;height:78px;object-fit:contain;overflow:visible;border:0;border-radius:0;background:transparent;position:static;filter:brightness(1.25)}
.contact-footer{display:flex;align-items:center;gap:30px;margin-top:32px;padding:22px 0;border-top:1px solid #3c403d;border-bottom:1px solid #3c403d}.contact-footer>strong{color:#fff;font-family:serif;font-size:18px;white-space:nowrap}.contact-footer>div{display:flex;flex-wrap:wrap;gap:16px 38px}.contact-footer a{color:#e6e9e7;font-size:14px}.contact-footer a span{color:#d4c19a;font-weight:700;margin-right:9px}.contact-footer a:hover{color:#fff}.copyright{border-top:0;margin-top:0}
@media(max-width:620px){.contact-footer{align-items:flex-start;gap:18px}.contact-footer>div{display:grid;gap:13px}.contact-footer a{font-size:15px}}

/* Protected article management */
.admin-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.admin-summary>div{display:flex;align-items:baseline;gap:10px;padding:22px 24px;background:var(--paper);border-top:3px solid var(--red)}.admin-summary strong{font-family:serif;font-size:32px;color:var(--red)}.admin-summary span{color:var(--muted);font-size:13px}.admin-toolbar{display:flex;gap:9px;margin-bottom:18px}.admin-toolbar button{height:38px;padding:0 17px;background:#eeeae2;color:#555}.admin-toolbar button.active{background:var(--red);color:#fff}.admin-notice{margin-bottom:18px;padding:13px 16px;background:#f8f1e4;border-left:4px solid var(--gold);color:#694f26;font-size:13px}.admin-article-list{border:1px solid var(--line);background:#fff}.admin-article-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:25px;align-items:center;padding:22px 24px;border-bottom:1px solid var(--line)}.admin-article-row:last-child{border-bottom:0}.admin-row-meta{display:flex;gap:12px;align-items:center;color:#8a8e89;font-size:11px}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:54px;height:24px;padding:0 8px;border-radius:20px;font-size:11px;font-weight:700}.status-badge.draft{background:#f2e6ce;color:#825c18}.status-badge.published{background:#dcece3;color:var(--green)}.admin-article-row h2{margin:9px 0 7px;font-size:18px;line-height:1.55}.admin-article-row p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.admin-row-actions{display:flex;gap:9px}.admin-row-actions button,.admin-preview-actions button{height:38px;padding:0 18px}.admin-page button.secondary{background:#fff;color:var(--red);border:1px solid var(--red)}.admin-page button:disabled{opacity:.55;cursor:wait}.admin-list-empty{padding:55px 20px;text-align:center;color:var(--muted)}.admin-import{margin-top:35px;border:1px solid var(--line);background:var(--paper)}.admin-import summary{padding:18px 22px;cursor:pointer;font-weight:700}.admin-import>div,.admin-import>form{margin-left:22px;margin-right:22px}.admin-import form{padding-bottom:24px}.admin-preview-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:38px 20px;background:rgba(20,22,20,.72)}.admin-preview{width:min(860px,100%);max-height:calc(100vh - 76px);overflow:auto;background:#fff;box-shadow:0 24px 80px rgba(0,0,0,.35);padding:34px 42px}.admin-preview-head{display:grid;grid-template-columns:1fr auto;gap:25px;padding-bottom:20px;border-bottom:1px solid var(--line)}.admin-preview-head h2{margin:12px 0 9px;font-family:serif;font-size:30px;line-height:1.45}.admin-preview-head p{margin:0;color:var(--muted);line-height:1.7}.admin-page .preview-close{width:40px;height:40px;padding:0;background:#eeeae2;color:#555;font-size:26px}.admin-preview-meta{padding:16px 0 0;color:#999;font-size:12px}.admin-preview-body{padding-bottom:10px}.admin-preview-actions{position:sticky;bottom:-34px;display:flex;justify-content:flex-end;gap:10px;margin:15px -42px -34px;padding:15px 42px;background:rgba(255,255,255,.96);border-top:1px solid var(--line)}
@media(max-width:720px){.admin-summary{grid-template-columns:1fr}.admin-summary>div{padding:15px 18px}.admin-article-row{grid-template-columns:1fr;padding:19px}.admin-row-actions button{flex:1}.admin-preview-overlay{padding:0}.admin-preview{min-height:100vh;max-height:none;padding:24px 19px}.admin-preview-head h2{font-size:25px}.admin-preview-actions{bottom:-24px;margin:15px -19px -24px;padding:13px 19px}.admin-toolbar{overflow:auto}.admin-toolbar button{white-space:nowrap}}
