/* =============================================================
   全唐诗大典 · 大气官网版
   仿 gushiwen.cn (guwendao.net)：
   顶部大背景图（自动轮播）+ 透明导航 + 大 logo + 居中搜索
   + 主体左右两栏 + 橄榄绿主色 + 米黄底
   ============================================================= */
:root{
    --primary:#5d6146;       /* 橄榄绿（gushiwen 主色） */
    --primary-dark:#3a3d2c;  /* 深橄榄 */
    --primary-light:#7a8060; /* 浅橄榄 */
    --bg:#F0EFE2;            /* 米黄底 */
    --bg-card:#FBFAF6;       /* 卡片底（更浅） */
    --bg-block:#E9E8DC;      /* 块底 */
    --border:#DAD9D1;        /* 边框米色 */
    --border-darker:#c5c4b8;
    --text:#333;
    --text-mute:#888;
    --text-strong:#222;
    --link:#5d6146;
    --link-hover:#3a3d2c;
    --tag-bg:#E9E8DC;
    --gold:#b48a3c;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Heiti SC",sans-serif;
      background:var(--bg);color:var(--text);line-height:1.75;font-size:14px;min-height:100vh;display:flex;flex-direction:column}
a{color:var(--link);text-decoration:none;transition:color .15s}
a:hover{color:var(--link-hover);text-decoration:underline;text-underline-offset:2px}
img{max-width:100%;display:block}
h1,h2,h3,h4{color:var(--text-strong);font-weight:600}
h1{font-size:20px}
h2{font-size:17px}
h3{font-size:15px}
input,select,textarea,button{font-family:inherit}
code{background:#fff;padding:1px 5px;color:var(--primary-dark)}

/* =============================================================
   顶部大背景图区（轮播）
   ============================================================= */
.maintopbc{position:relative;height:340px;overflow:hidden;background:#3a3d2c}
.maintopbc .slides{position:absolute;inset:0}
.maintopbc .slide{position:absolute;inset:0;background-size:cover;background-position:center top;opacity:0;transition:opacity 1.4s ease}
.maintopbc .slide.on{opacity:1}
.maintopbc .slide-1{background-image:url('/static/img/banner1.svg')}
.maintopbc .slide-2{background-image:url('/static/img/banner2.svg')}
.maintopbc .slide-3{background-image:url('/static/img/banner3.svg')}
.maintopbc .slide-4{background-image:url('/static/img/banner4.svg')}
.maintopbc::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.18) 0%,rgba(0,0,0,0.0) 30%,rgba(0,0,0,0.0) 70%,rgba(0,0,0,0.25) 100%);pointer-events:none}
.slide-indicators{position:absolute;bottom:90px;left:50%;transform:translateX(-50%);z-index:5;display:flex;gap:6px}
.slide-indicators span{width:24px;height:3px;background:rgba(255,255,255,0.4);cursor:pointer;transition:background .2s}
.slide-indicators span.on{background:rgba(255,255,255,0.9)}

/* 顶部透明导航条 + 大 logo */
.maintop{position:relative;z-index:3;padding:18px 0 0}
.maintop .cont{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}

.maintop .left{font-size:42px;font-weight:700;color:#fff !important;letter-spacing:6px;
              font-family:"STKaiti","KaiTi","PingFang SC",serif;text-shadow:0 2px 8px rgba(0,0,0,0.4)}
.maintop .left:hover{color:#fff !important;text-decoration:none}
.maintop .left .sub{display:block;font-size:13px;font-weight:400;color:#fff;letter-spacing:3px;margin-top:2px;text-shadow:0 1px 4px rgba(0,0,0,0.5);font-family:"PingFang SC",sans-serif}

.maintop .right{display:flex;flex-direction:column;align-items:flex-end;gap:14px;padding-top:8px}
.maintop .son1{display:flex;align-items:center;gap:0}
.maintop .son1 a{color:#fff !important;padding:0 18px;height:46px;line-height:46px;font-size:18px;letter-spacing:3px;
                 font-family:"STKaiti","KaiTi",serif;transition:color .2s, border-color .2s;
                 border-bottom:3px solid transparent}
.maintop .son1 a:hover{color:#fff !important;text-decoration:none;border-bottom-color:rgba(255,255,255,0.6)}
.maintop .son1 a.active{font-weight:700;border-bottom-color:#fff}

.maintop .son-right-group{display:flex;align-items:center;gap:14px}
.maintop .son-right-group a{color:#fff !important;font-size:14px;letter-spacing:1px;display:inline-flex;align-items:center;gap:5px;opacity:0.9}
.maintop .son-right-group a:hover{opacity:1;color:#fff !important;text-decoration:none}
.maintop .son-right-group .user-circle{width:22px;height:22px;border:1px solid #fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.1);font-size:12px}
.maintop .vip-mini{color:#f0d878;font-size:11px;margin-left:3px}

/* 顶部居中搜索框（导航下方独立区域） */
.mainbtm{position:relative;z-index:3;padding:0 0 24px;margin-top:8px}
.mainbtm .son2{max-width:780px;margin:30px auto 0;padding:0 24px}
.mainbtm .search{display:flex;align-items:center;background:rgba(255,255,255,0.92);border-radius:25px;height:48px;padding:0 6px 0 22px;backdrop-filter:blur(6px);box-shadow:0 4px 16px rgba(0,0,0,0.12)}
.mainbtm .search input{flex:1;border:0;background:transparent;font-size:15px;color:var(--text-strong);outline:0;padding:0 8px;height:46px}
.mainbtm .search input::placeholder{color:#aaa}
.mainbtm .search .search-tabs{display:flex;gap:0;margin-right:6px;border-right:1px solid var(--border);padding-right:10px}
.mainbtm .search .search-tab{font-size:13px;color:#666;padding:0 6px;cursor:pointer}
.mainbtm .search .search-tab.active{color:var(--primary);font-weight:600}
.mainbtm .search button{width:38px;height:38px;border-radius:50%;background:var(--primary);border:0;color:#fff;cursor:pointer;font-size:16px;transition:background .2s}
.mainbtm .search button:hover{background:var(--primary-dark)}

/* =============================================================
   主体两栏（主体区）
   ============================================================= */
.main3{background:var(--bg);padding:24px 0 40px;flex:1}
.main3 .container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;gap:24px;align-items:flex-start}
.left-col{width:200px;flex-shrink:0;background:var(--bg-card);border:1px solid var(--border)}
.right-col{flex:1;min-width:0;background:transparent}

/* 左栏 - 各小栏目块 */
.side-block{border-bottom:1px dashed var(--border);padding:14px 16px}
.side-block:last-child{border-bottom:0}
.side-block h3{font-size:15px;color:var(--text-strong);margin-bottom:10px;font-weight:600;display:flex;align-items:center;gap:6px;letter-spacing:1px}
.side-block h3::before{content:'';display:inline-block;width:3px;height:13px;background:var(--primary)}
.side-block .side-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 0}
.side-block .side-list a{font-size:13px;color:#555;padding:2px 8px;display:inline-block;border-radius:0}
.side-block .side-list a:hover{color:var(--primary);text-decoration:none;background:var(--bg-block)}
.side-block .side-list a.on{color:var(--primary);font-weight:600;background:var(--bg-block)}
.side-block .side-txt{display:block;padding:3px 0;font-size:13px;color:#555}
.side-block .side-txt:hover{color:var(--primary);text-decoration:none}

/* 主体右栏 */
.page-head{border-bottom:1px solid var(--border-darker);padding-bottom:8px;margin-bottom:16px;display:flex;align-items:baseline;justify-content:space-between}
.page-head h1{color:var(--text-strong);font-size:22px;letter-spacing:3px;font-weight:600;font-family:"STKaiti","KaiTi",serif}
.page-head h1 small{font-size:13px;color:var(--text-mute);font-weight:400;margin-left:8px;letter-spacing:1px;font-family:"PingFang SC",sans-serif}
.page-head .page-count{color:var(--text-mute);font-size:13px}
.page-head .right-action a{font-size:13px;color:var(--text-mute)}
.page-head .right-action a:hover{color:var(--primary)}

/* 筛选条 */
.filter-bar{background:var(--bg-card);border:1px solid var(--border);padding:8px 14px;margin-bottom:16px;font-size:13px;color:#666}
.filter-bar .row{margin:5px 0;display:flex;align-items:flex-start;gap:6px;flex-wrap:wrap}
.filter-bar .label{flex-shrink:0;color:#999;width:50px;padding-top:1px}
.filter-bar .tags{display:flex;flex-wrap:wrap;gap:0 4px;flex:1}
.filter-bar .tags a{color:#555;padding:0 6px;line-height:1.9}
.filter-bar .tags a:hover{color:var(--primary)}
.filter-bar .tags a.on{color:var(--primary);font-weight:600}

/* =============================================================
   诗作列表（仿 gushiwen 诗作条目）
   ============================================================= */
.poem-list{list-style:none;margin:0;padding:0;background:var(--bg-card);border:1px solid var(--border)}
.poem-item{padding:18px 20px;border-bottom:1px solid var(--border);position:relative}
.poem-item:last-child{border-bottom:0}
.poem-item:hover{background:#fff}
.poem-title-row{margin-bottom:6px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.poem-title{font-size:18px;font-weight:600;color:var(--primary) !important;letter-spacing:2px;font-family:"STKaiti","KaiTi",serif}
.poem-title:hover{text-decoration:underline}
.poem-author{color:#888;font-size:14px;font-family:"STKaiti","KaiTi",serif}
.poem-author a{color:#888 !important}
.poem-author a:hover{color:var(--primary) !important}
.poem-content{color:#444;font-size:14px;line-height:1.85;margin:6px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:"STKaiti","KaiTi",serif}
.poem-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px;font-size:12px;align-items:center}
.poem-tags .tag{color:var(--primary);padding:1px 6px;background:var(--bg-block);border-radius:0}
.poem-tags .tag:hover{background:var(--primary);color:#fff !important;text-decoration:none}
.poem-tags .sep{color:#ccc}
.poem-actions{position:absolute;right:20px;top:18px;font-size:12px;color:#aaa}
.poem-actions a{color:#aaa !important;margin-left:10px}
.poem-actions a:hover{color:var(--primary) !important}

/* =============================================================
   诗作详情（单列阅读型）
   ============================================================= */
.poem-detail{background:var(--bg-card);border:1px solid var(--border);padding:0}
.poem-detail-head{text-align:center;padding:30px 20px 22px;border-bottom:1px solid var(--border);background:var(--bg-block)}
.poem-detail-title{font-size:30px;color:var(--text-strong);letter-spacing:6px;margin-bottom:10px;font-weight:600;font-family:"STKaiti","KaiTi",serif}
.poem-detail-meta{color:#666;font-size:14px;letter-spacing:1px}
.poem-detail-meta a{color:#666 !important}
.poem-detail-meta a:hover{color:var(--primary) !important}
.poem-detail-body{font-size:18px;line-height:2.3;color:var(--text-strong);letter-spacing:2px;white-space:pre-line;padding:30px 20px;text-align:center;font-family:"STKaiti","KaiTi","FangSong",serif}
.poem-detail-section{padding:20px 24px;border-top:1px solid var(--border)}
.poem-detail-section h3{color:var(--text-strong);font-size:16px;margin-bottom:10px;font-weight:600;display:flex;align-items:center;gap:8px;letter-spacing:1px}
.poem-detail-section h3::before{content:'';display:inline-block;width:3px;height:14px;background:var(--primary)}
.poem-detail-section .content{color:#444;font-size:14px;line-height:1.9}
.poem-detail-tools{padding:14px 24px;border-top:1px solid var(--border);text-align:right;color:#999;font-size:12px;background:var(--bg-block)}
.poem-detail-tools a{color:#999 !important;margin:0 6px}
.poem-detail-tools a:hover{color:var(--primary) !important}

/* =============================================================
   名句
   ============================================================= */
.quote-list{list-style:none;margin:0;padding:0;background:var(--bg-card);border:1px solid var(--border)}
.quote-item{padding:16px 20px;border-bottom:1px solid var(--border);line-height:1.95}
.quote-item:last-child{border-bottom:0}
.quote-item:hover{background:#fff}
.quote-content{color:var(--text-strong);font-size:16px;font-family:"STKaiti","KaiTi","FangSong",serif;letter-spacing:1px}
.quote-by{color:#888;font-size:13px;margin-top:4px;font-family:"STKaiti","KaiTi",serif}
.quote-by a{color:var(--primary) !important}
.quote-by a:hover{text-decoration:underline}

/* =============================================================
   作者列表
   ============================================================= */
.author-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:var(--bg-card);border:1px solid var(--border);border-bottom:0;border-right:0}
@media(max-width:900px){.author-grid{grid-template-columns:repeat(2,1fr)}}
.author-grid li{padding:16px 18px;border-bottom:1px solid var(--border);border-right:1px solid var(--border);background:var(--bg-card)}
.author-grid .a-name{font-size:16px;font-weight:600;margin-bottom:4px;font-family:"STKaiti","KaiTi",serif}
.author-grid .a-name a{color:var(--primary) !important}
.author-grid .a-name a:hover{text-decoration:underline}
.author-grid .a-dyn{color:#999;font-size:12px;margin-left:4px;font-weight:400}
.author-grid .a-bio{color:#666;font-size:13px;line-height:1.7;margin:6px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.author-grid .a-cnt{color:#999;font-size:12px}

/* 作者详情 */
.author-detail{background:var(--bg-card);border:1px solid var(--border);padding:24px}
.author-detail-head{display:flex;align-items:flex-start;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--border);margin-bottom:20px}
.author-detail-avatar{width:80px;height:80px;background:var(--bg-block);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:32px;flex-shrink:0;font-family:"STKaiti","KaiTi",serif;border:1px solid var(--border)}
.author-detail-info h1{font-size:26px;margin-bottom:6px;letter-spacing:2px;font-family:"STKaiti","KaiTi",serif}
.author-detail-info .a-dyn{color:#999;font-size:13px;margin-right:10px}
.author-detail-info .a-bio{color:#555;font-size:14px;line-height:1.9;margin-top:8px}
.author-detail-section{padding:20px 0;border-top:1px solid var(--border)}
.author-detail-section h2{color:var(--text-strong);font-size:18px;margin-bottom:14px;font-weight:600;display:flex;align-items:center;gap:8px;letter-spacing:1px}
.author-detail-section h2::before{content:'';display:inline-block;width:3px;height:16px;background:var(--primary)}

/* =============================================================
   书籍列表
   ============================================================= */
.book-list{list-style:none;margin:0;padding:0;background:var(--bg-card);border:1px solid var(--border)}
.book-item{padding:18px 20px;border-bottom:1px solid var(--border);display:flex;gap:18px;align-items:flex-start}
.book-item:last-child{border-bottom:0}
.book-item:hover{background:#fff}
.book-cover{width:60px;height:80px;background:#f0e8d8;color:#7a0e16;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;border:1px solid #d4c5a0;font-family:"STKaiti","KaiTi",serif}
.book-info{flex:1;min-width:0}
.book-info .book-title{font-size:16px;font-weight:600;margin-bottom:4px;font-family:"STKaiti","KaiTi",serif}
.book-info .book-title a{color:var(--primary) !important}
.book-info .book-meta{color:#999;font-size:12px;margin-bottom:6px}
.book-info .book-desc{color:#666;font-size:13px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.book-info .book-foot{margin-top:8px;display:flex;justify-content:space-between;align-items:center}
.book-info .book-foot .price{color:#a04030;font-size:18px;font-weight:600;font-family:"STKaiti","KaiTi",serif}
.book-info .book-foot .price small{font-size:12px;color:#999;font-weight:400}

/* =============================================================
   词典
   ============================================================= */
.word-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:0;background:var(--bg-card);border:1px solid var(--border);border-bottom:0;border-right:0}
@media(max-width:700px){.word-list{grid-template-columns:1fr}}
.word-list li{padding:14px 18px;border-bottom:1px solid var(--border);border-right:1px solid var(--border);background:var(--bg-card)}
.word-list .w-word{font-size:17px;font-weight:600;color:var(--text-strong);margin-bottom:2px;font-family:"STKaiti","KaiTi",serif}
.word-list .w-pinyin{color:#999;font-size:12px;margin-left:6px;font-weight:400}
.word-list .w-def{color:#666;font-size:13px;line-height:1.7;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* =============================================================
   会员价格
   ============================================================= */
.plan-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}
@media(max-width:800px){.plan-list{grid-template-columns:1fr}}
.plan-item{background:var(--bg-card);border:1px solid var(--border);padding:24px 20px;text-align:center;transition:all .2s}
.plan-item:hover{border-color:var(--primary);transform:translateY(-2px)}
.plan-item.featured{border-color:var(--primary);background:#fff;box-shadow:0 2px 8px rgba(93,97,70,0.15)}
.plan-name{font-size:18px;color:var(--text-strong);margin-bottom:8px;letter-spacing:3px;font-weight:600;font-family:"STKaiti","KaiTi",serif}
.plan-price{color:var(--primary);font-size:34px;font-weight:700;margin:12px 0 4px;font-family:"STKaiti","KaiTi",serif}
.plan-price small{font-size:12px;color:#999;font-weight:400}
.plan-per{color:#999;font-size:12px;margin-bottom:14px}
.plan-features{list-style:none;margin:14px 0;text-align:left;color:#555;font-size:13px;padding:0}
.plan-features li{padding:4px 0;border-bottom:1px dashed var(--border)}
.plan-features li::before{content:'· ';color:var(--primary)}

/* =============================================================
   表单
   ============================================================= */
.form-group{margin-bottom:14px}
.form-group label{display:block;margin-bottom:5px;color:#555;font-size:13px}
input[type=text],input[type=email],input[type=password],input[type=number],input:not([type]),select,textarea{
    width:100%;padding:7px 10px;background:#fff;border:1px solid var(--border-darker);font-size:14px;color:var(--text-strong);transition:border-color .2s;outline:0;border-radius:0}
input:focus,select:focus,textarea:focus{border-color:var(--primary)}
textarea{resize:vertical;min-height:80px;line-height:1.6}

/* =============================================================
   按钮
   ============================================================= */
.btn{display:inline-block;padding:6px 18px;background:#f5f5f0;color:var(--text-strong) !important;border:1px solid var(--border-darker);font-size:14px;cursor:pointer;transition:all .2s;letter-spacing:1px;border-radius:0}
.btn:hover{background:var(--bg-block);border-color:var(--primary);color:var(--primary) !important;text-decoration:none}
.btn-primary{background:var(--primary);color:#fff !important;border-color:var(--primary)}
.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff !important}
.btn-sm{padding:3px 12px;font-size:12px}
.btn-lg{padding:9px 28px;font-size:15px}
.btn-block{display:block;width:100%;text-align:center;box-sizing:border-box;padding:9px 0;font-size:14px}

/* =============================================================
   表格
   ============================================================= */
.table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--border-darker);font-size:13px}
.table th{background:var(--bg-block);color:var(--text-strong);text-align:left;padding:9px 12px;font-weight:600;border-bottom:1px solid var(--border-darker)}
.table td{padding:9px 12px;border-bottom:1px solid var(--border);color:#555;vertical-align:middle}
.table tr:last-child td{border-bottom:0}
.table tr:hover td{background:#fdfcf6}

/* =============================================================
   登录/注册
   ============================================================= */
.auth-wrap{max-width:420px;margin:20px auto;padding:0 16px}
.auth-card{background:var(--bg-card);border:1px solid var(--border);padding:32px 32px 28px}
.auth-title{text-align:center;font-size:22px;margin-bottom:24px;color:var(--text-strong);letter-spacing:6px;padding-bottom:14px;border-bottom:1px solid var(--border);font-family:"STKaiti","KaiTi",serif}
.auth-foot{text-align:center;margin-top:18px;font-size:13px;color:#888}
.auth-foot a{color:var(--primary)}

/* =============================================================
   通用辅助
   ============================================================= */
.text-mute{color:var(--text-mute)}
.text-center{text-align:center}
.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}
.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}
.flex{display:flex;gap:12px;align-items:center}
.between{justify-content:space-between}
.empty{text-align:center;padding:60px 20px;color:#aaa;font-size:14px;background:var(--bg-card);border:1px solid var(--border)}
.vip-tag{color:var(--gold);font-size:11px;margin-left:4px;font-weight:600}
.flash{padding:8px 16px;margin:12px 0;font-size:13px;border:1px solid}
.flash-success{background:#f0f9eb;border-color:#b3d8a5;color:#5a8a3a}
.flash-error,.flash-danger{background:#fef0f0;border-color:#fbc4c4;color:#c45656}
.flash-info{background:#e8eee0;border-color:var(--primary);color:var(--primary)}
.flash-ok{background:#f0f9eb;border-color:#b3d8a5;color:#5a8a3a}

/* =============================================================
   页脚
   ============================================================= */
.site-foot{background:var(--primary-dark);color:#ccc;padding:30px 0 20px;margin-top:0;font-size:13px}
.site-foot .foot-inner{max-width:1200px;margin:0 auto;padding:0 24px}
.site-foot .foot-cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.1)}
@media(max-width:800px){.site-foot .foot-cols{grid-template-columns:1fr 1fr}}
.site-foot h4{color:#fff;font-size:15px;margin-bottom:12px;letter-spacing:2px;font-family:"STKaiti","KaiTi",serif}
.site-foot .foot-about{color:#aaa;line-height:1.9;font-size:12px}
.site-foot .foot-about p{margin:4px 0}
.site-foot ul{list-style:none;margin:0;padding:0}
.site-foot ul li{padding:3px 0}
.site-foot ul a{color:#ccc !important;font-size:13px}
.site-foot ul a:hover{color:#fff !important;text-decoration:underline}
.site-foot .foot-copy{text-align:center;padding-top:16px;color:#888;font-size:12px;line-height:1.9}
.site-foot .foot-copy p{margin:2px 0}

/* =============================================================
   后台
   ============================================================= */
.admin-body{background:var(--bg)}
.admin-topbar{background:var(--primary-dark);color:#d0d0d0}
.admin-topbar-inner{display:flex;justify-content:space-between;align-items:center;height:50px;max-width:1400px;margin:0 auto;padding:0 24px}
.admin-brand{color:#fff !important;font-size:16px;letter-spacing:2px;font-weight:600;font-family:"STKaiti","KaiTi",serif}
.admin-brand:hover{text-decoration:none}
.admin-user{color:#999;font-size:13px}
.admin-user a{color:#d0d0d0 !important;margin-left:8px}
.admin-user a:hover{color:#fff}
.admin-wrap{display:flex;min-height:calc(100vh - 50px)}
.admin-sidebar{width:180px;background:#fff;border-right:1px solid var(--border);flex-shrink:0;padding:10px 0}
.admin-sidebar a{display:block;padding:9px 18px;color:#555 !important;font-size:14px;border-left:3px solid transparent;transition:all .15s}
.admin-sidebar a:hover{background:var(--bg);color:var(--primary) !important;text-decoration:none}
.admin-sidebar a.active{background:var(--bg);color:var(--primary) !important;border-left-color:var(--primary);font-weight:600}
.admin-main{flex:1;padding:20px 24px;overflow-x:auto;background:var(--bg)}
.admin-h1{font-size:20px;color:var(--text-strong);padding-bottom:8px;margin-bottom:16px;border-bottom:1px solid var(--border-darker);font-family:"STKaiti","KaiTi",serif}
.admin-card{background:var(--bg-card);border:1px solid var(--border);padding:20px;margin-bottom:14px}
.admin-card h2{font-size:15px;color:var(--text-strong);margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid var(--border);font-family:"STKaiti","KaiTi",serif}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}
@media(max-width:800px){.stats-grid{grid-template-columns:repeat(2,1fr)}}
.stat-card{background:var(--bg-card);border:1px solid var(--border);padding:14px}
.stat-card .label{color:#999;font-size:12px;margin-bottom:4px}
.stat-card .num{color:var(--primary);font-size:22px;font-weight:600}

/* =============================================================
   手机端
   ============================================================= */
@media (max-width: 800px) {
    body { font-size: 13px; }
    .maintopbc { height: 280px; }
    .maintop .cont { padding: 0 16px; flex-direction: column; align-items: stretch; gap: 10px; }
    .maintop .left { font-size: 28px; letter-spacing: 3px; text-align: center; }
    .maintop .left .sub { font-size: 11px; letter-spacing: 2px; }
    .maintop .right { padding-top: 0; align-items: center; }
    .maintop .son1 { overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; scrollbar-width: none; justify-content: center; max-width: 100%; }
    .maintop .son1::-webkit-scrollbar { display: none; }
    .maintop .son1 a { padding: 0 12px; font-size: 15px; letter-spacing: 2px; flex-shrink: 0; }
    .maintop .son-right-group { font-size: 12px; }
    .mainbtm { margin-top: 0; padding-bottom: 16px; }
    .mainbtm .son2 { margin-top: 16px; padding: 0 16px; }
    .mainbtm .search { height: 42px; padding: 0 4px 0 14px; }
    .mainbtm .search input { font-size: 13px; height: 40px; }
    .mainbtm .search .search-tabs { display: none; }
    .mainbtm .search button { width: 34px; height: 34px; }
    .slide-indicators { bottom: 60px; }

    .main3 .container { padding: 0 12px; flex-direction: column; gap: 12px; }
    .left-col { width: 100%; }
    .side-block .side-list { gap: 2px 0; }
    .page-head h1 { font-size: 18px; }
    .filter-bar { padding: 6px 10px; font-size: 12px; }
    .filter-bar .label { width: 42px; }

    .poem-item { padding: 14px 14px; }
    .poem-title { font-size: 16px; }
    .poem-actions { position: static; float: none; margin-top: 6px; }
    .author-grid { grid-template-columns: repeat(2, 1fr); }
    .word-list { grid-template-columns: 1fr; }
    .plan-list { grid-template-columns: 1fr; }

    .poem-detail-head { padding: 20px 12px 16px; }
    .poem-detail-title { font-size: 22px; letter-spacing: 3px; }
    .poem-detail-body { font-size: 16px; line-height: 2.1; letter-spacing: 1px; padding: 20px 12px; }

    .stats-grid { grid-template-columns: repeat(2, 1fr); }
    .admin-wrap { flex-direction: column; }
    .admin-sidebar { width: 100%; display: flex; overflow-x: auto; padding: 0; }
    .admin-sidebar a { padding: 9px 14px; font-size: 13px; border-left: 0; border-bottom: 3px solid transparent; flex-shrink: 0; }
    .admin-sidebar a.active { border-left: 0; border-bottom-color: var(--primary); }
    .admin-main { padding: 14px 12px; }

    .site-foot .foot-cols { grid-template-columns: 1fr; gap: 16px; }
}