/* ============================================
   MFZY 资源站 · 完整样式表（绿色主题）
   主色：#10B981  强调色：#F59E0B  深色：#1E293B
   ============================================ */

/* ========== 1. 变量 ========== */
:root{
    --main:#10B981;
    --main-hover:#059669;
    --accent:#F59E0B;
    --text:#1E293B;
    --text2:#475569;
    --muted:#64748B;
    --light:#94A3B8;
    --border:#E2E8F0;
    --bg:#F5F7FA;
    --white:#FFFFFF;
    --radius:6px;
    --radius-lg:10px;
}

/* ========== 2. 重置 ========== */
*{margin:0;padding:0;box-sizing:border-box;-webkit-text-size-adjust:none}
html{-webkit-text-size-adjust:none}
body{
    font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",sans-serif;
    font-size:14px;line-height:1.65;color:var(--text);
    background:var(--bg);min-width:0;overflow-x:hidden;
}
a{color:var(--text);text-decoration:none;transition:color .2s}
a:hover{color:var(--main)}
img{max-width:100%;height:auto;display:block;border:0}
ul,ol{list-style:none}
button,input,textarea{font:inherit;outline:none;border:0;background:none}
h1,h2,h3,h4{font-weight:600;line-height:1.4}
.container{width:1200px;margin:0 auto;padding:0 15px}
.clearfix::after{content:"";display:table;clear:both}
.fl{float:left}.fr{float:right}.ta-c{text-align:center}

/* ========== 3. 顶部条 ========== */
.topbar{background:#F8FAFC;border-bottom:1px solid var(--border);height:38px;line-height:38px;font-size:13px;color:var(--muted)}
.topbar .container{display:flex;justify-content:space-between}
.topbar a{color:var(--muted)}
.topbar a:hover{color:var(--main)}
.topbar-right a{margin-left:12px}

/* ========== 4. 头部 ========== */
.header{background:#fff;padding:18px 0;border-bottom:1px solid var(--border)}
.header .container{display:flex;align-items:center;justify-content:space-between;gap:30px}
.header .logo{display:block;flex-shrink:0}
.header .logo img{height:50px;width:auto}
.head-ad{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;margin:0 20px;overflow:hidden}
.head-ad img{max-width:100%;max-height:70px;height:auto;width:auto}
.header .search{width:400px;flex-shrink:0}
.header .search form{display:flex;height:42px;background:#fff;border:1px solid var(--main);border-radius:21px;overflow:hidden;transition:all .25s}
.header .search form:focus-within{box-shadow:0 0 0 3px rgba(16,185,129,.18)}
.header .search input{flex:1;border:0;background:transparent;padding:0 20px;font-size:14px;color:var(--text)}
.header .search input::placeholder{color:var(--light)}
.header .search button{width:88px;border:0;background:var(--main);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}
.header .search button:hover{background:var(--main-hover)}
.nav-toggle{display:none}

/* ========== 5. 导航栏 ========== */
.nav{background:var(--main);border-bottom:0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 12px rgba(16,185,129,.2)}
.nav .container{position:relative}
.nav-list{display:flex;height:52px;list-style:none}
.nav-list > li{position:relative;height:52px}
.nav-list > li > a{display:flex;align-items:center;height:52px;padding:0 26px;font-size:15px;font-weight:500;color:#fff;position:relative;transition:all .2s}
.nav-list > li > a:hover{color:#fff;background:rgba(255,255,255,.15)}
.nav-list > li > a:hover::after,
.nav-list > li.on > a::after,
.nav-list > li.current-menu-item > a::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:32px;height:3px;background:#fff;border-radius:3px 3px 0 0}
.nav-list > li.on > a,
.nav-list > li.current-menu-item > a{color:#fff;font-weight:600;background:rgba(255,255,255,.22)}
.nav-list > li > ul{display:none;position:absolute;top:100%;left:0;min-width:150px;background:#fff;border-top:2px solid var(--main);box-shadow:0 6px 20px rgba(0,0,0,.15);padding:6px 0;z-index:1001;border-radius:0 0 8px 8px}
.nav-list > li:hover > ul{display:block}
.nav-list > li > ul > li{display:block}
.nav-list > li > ul > li > a{display:block;height:40px;line-height:40px;padding:0 24px;font-size:14px;color:var(--text);white-space:nowrap;transition:all .15s}
.nav-list > li > ul > li > a:hover{background:rgba(16,185,129,.08);color:var(--main);padding-left:28px}

/* ========== 6. 主内容 ========== */
.site-main{padding:12px 0 20px}

/* ========== 7. 首页顶部 ========== */
.home-top{display:flex;gap:12px;margin-bottom:12px;align-items:flex-start}
.home-left{width:400px;flex-shrink:0;display:flex;flex-direction:column;gap:12px}

/* ========== 8. 幻灯片 400x420 ========== */
.slider{position:relative;width:400px;height:420px;overflow:hidden;border-radius:var(--radius-lg);background:var(--bg);flex-shrink:0;box-shadow:0 2px 8px rgba(15,23,42,.06)}
.slider ul{display:flex;height:100%;transition:transform .5s ease}
.slider ul li{min-width:100%;height:100%}
.slider ul li img{width:100%;height:100%;object-fit:cover}
.slider .dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:10}
.slider .dots span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:all .2s}
.slider .dots span.active{background:#fff;width:20px;border-radius:4px}

/* ========== 9. 快捷卡片 2x2 长方形 ========== */
.quick-cards{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:10px;flex:0 0 auto;min-height:0}
.quick-card{display:flex;align-items:center;justify-content:center;gap:8px;height:56px;min-height:56px;max-height:56px;padding:0 12px;border-radius:10px;color:#fff;text-decoration:none;transition:all .3s;box-shadow:0 4px 12px rgba(0,0,0,.08);width:100%}
.quick-card:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.18)}
.quick-card:nth-child(1){background:linear-gradient(135deg,#10B981 0%,#34D399 100%)}
.quick-card:nth-child(2){background:linear-gradient(135deg,#059669 0%,#10B981 100%)}
.quick-card:nth-child(3){background:linear-gradient(135deg,#0D9488 0%,#14B8A6 100%)}
.quick-card:nth-child(4){background:linear-gradient(135deg,#047857 0%,#059669 100%)}
.qc-icon{font-size:20px;line-height:1;flex-shrink:0}
.qc-title{font-size:14px;font-weight:600;white-space:nowrap;letter-spacing:.3px}

/* ========== 10. 每日一荐 ========== */
.today-pick{background:#fff;border-radius:10px;padding:16px;box-shadow:0 2px 8px rgba(15,23,42,.06)}
.today-pick .tp-title{font-size:16px;font-weight:700;color:var(--text);margin-bottom:12px;letter-spacing:.5px}
.today-pick .tp-body{display:flex;gap:14px;align-items:flex-start;margin-bottom:10px}
.today-pick .tp-thumb{width:84px;height:84px;border-radius:16px;overflow:hidden;flex-shrink:0;display:block;background:#F1F5F9;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.today-pick .tp-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.today-pick .tp-info{flex:1;min-width:0;padding-top:2px}
.today-pick .tp-info h3{font-size:16px;font-weight:600;color:var(--text);margin:0 0 4px 0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.today-pick .tp-info h3 a{color:var(--text)}
.today-pick .tp-info h3 a:hover{color:var(--main)}
.today-pick .tp-cate{font-size:13px;color:var(--light);margin:0 0 8px 0}
.today-pick .tp-btn{display:inline-block;text-align:center;padding:0 24px;min-width:100px;height:30px;line-height:30px;background:var(--main);color:#fff !important;font-size:13px;font-weight:600;border-radius:6px;text-decoration:none;transition:all .2s;box-sizing:border-box;white-space:nowrap;vertical-align:middle}
.today-pick .tp-btn:hover{background:var(--main-hover);color:#fff !important;box-shadow:0 4px 12px rgba(16,185,129,.3)}
.today-pick .tp-desc{font-size:13px;color:var(--muted);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;padding-top:10px;border-top:1px dashed var(--border)}

/* ========== 11. 最近更新 ========== */
.home-news{flex:1;background:#fff;padding:18px 24px 14px;border-radius:var(--radius-lg);min-width:0;display:flex;flex-direction:column;box-shadow:0 2px 8px rgba(15,23,42,.06)}
.news-head{display:flex;align-items:center;justify-content:space-between;height:40px;border-bottom:2px solid var(--main);margin-bottom:6px;position:relative;padding-left:14px}
.news-head::before{content:"";position:absolute;left:0;top:10px;width:4px;height:20px;background:var(--main);border-radius:2px}
.news-head h2{font-size:17px;color:var(--main);letter-spacing:.5px}
.news-head .count{font-size:13px;color:var(--muted)}
.news-head .count em{color:#EF4444;font-style:normal;font-weight:700;margin:0 2px;font-size:15px}
.news-list{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;padding-top:6px;flex:1}
.news-list li{height:38px;line-height:38px;overflow:hidden;display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed var(--border)}
.news-list li a{flex:1;font-size:14px;color:var(--text);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;padding-left:16px;min-width:0}
.news-list li a::before{content:"";position:absolute;left:0;top:17px;width:5px;height:5px;background:#CBD5E1;border-radius:50%;transition:all .2s}
.news-list li a:hover{color:var(--main)}
.news-list li a:hover::before{background:var(--main);transform:scale(1.3)}
.news-list li span{font-size:12px;color:var(--light);flex-shrink:0;font-family:"Helvetica Neue",Arial,sans-serif}
.news-list li.news-ad{background:#FAFAFA;border-radius:4px;padding-left:8px;padding-right:8px;margin-bottom:2px;height:36px;line-height:36px}
.news-list li.news-ad a{color:var(--muted)}
.news-list li.news-ad a::before{background:var(--accent)}
.news-list li.news-ad a:hover{color:var(--main)}
.news-list li .ad-tag{display:inline-block;background:#F1F5F9;color:var(--light);font-size:11px;line-height:16px;padding:0 6px;border-radius:3px;flex-shrink:0;height:16px;margin-top:11px;font-style:normal;font-weight:500}
.news-list li.news-top{background:#FEF2F2;border-radius:4px;padding-left:8px;padding-right:8px;margin-bottom:2px;height:36px;line-height:36px}
.news-list li.news-top a{color:#DC2626;font-weight:500}
.news-list li.news-top a::before{background:#EF4444}
.news-list li.news-top a:hover{color:#EF4444}
.news-list li .top-tag{display:inline-block;background:#EF4444;color:#fff;font-size:11px;line-height:16px;padding:0 6px;border-radius:3px;flex-shrink:0;height:16px;margin-top:11px;font-weight:500}

/* ========== 12. 翻页 ========== */
.news-pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:8px;padding-top:12px;border-top:1px dashed var(--border)}
.news-pager .pg-side{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:0 0 auto;min-width:100px;height:32px;padding:0 18px;background:#fff;border:1px solid var(--border);border-radius:6px;color:var(--text2);font-size:13px;font-weight:500;transition:all .2s;white-space:nowrap}
.news-pager .pg-side svg{width:12px;height:12px}
.news-pager .pg-side:hover:not(.disabled){background:var(--main);border-color:var(--main);color:#fff;transform:translateY(-1px);box-shadow:0 3px 10px rgba(16,185,129,.25)}
.news-pager .pg-side.disabled{color:#CBD5E1;background:#FAFAFA;cursor:not-allowed;pointer-events:none}

/* ========== 13. 区块通用 ========== */
.block{background:#fff;padding:16px 20px 20px;margin-bottom:12px;border-radius:var(--radius-lg);box-shadow:0 2px 8px rgba(15,23,42,.06)}
.block-title{display:flex;align-items:center;gap:16px;height:36px;border-bottom:1px solid var(--border);margin-bottom:14px;position:relative;padding-left:12px;flex-wrap:wrap}
.block-title::before{content:"";position:absolute;left:0;top:8px;width:4px;height:16px;background:var(--main);border-radius:2px}
.block-title h2{font-size:16px;color:var(--text);line-height:36px;flex-shrink:0}
.block-title h2 a{color:var(--text)}
.block-title h2 a:hover{color:var(--main)}
.block-title .tabs{display:flex;gap:4px;flex:1;flex-wrap:wrap;min-width:0;justify-content:flex-end}
.block-title .tabs a{display:inline-block;padding:4px 12px;font-size:13px;color:var(--muted);border-radius:14px;transition:all .2s;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.block-title .tabs a:hover{color:var(--main);background:rgba(16,185,129,.08)}
.block-title .tabs a.hover{color:#fff;background:var(--main)}
.block-title .more{font-size:13px;color:var(--light);flex-shrink:0}
.block-title .more:hover{color:var(--main)}

/* ========== 14. 下载专区 ========== */
.download-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 20px}
.download-item{position:relative;display:flex;gap:12px;padding:12px 12px 50px 12px;border:1px solid var(--border);border-radius:var(--radius);transition:all .25s;min-width:0;background:#fff;min-height:96px}
.download-item:hover{border-color:var(--main);transform:translateY(-2px);box-shadow:0 6px 16px rgba(16,185,129,.12)}
.download-item .thumb{width:70px;height:70px;border-radius:var(--radius);overflow:hidden;background:var(--bg);flex-shrink:0;align-self:flex-start}
.download-item .thumb img{width:100%;height:100%;object-fit:cover}
.download-item .info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;text-align:left;padding:2px 0;padding-bottom:0}
.download-item .info h3{font-size:14px;font-weight:500;line-height:1.4;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width:100%;text-align:left;margin:0}
.download-item:hover .info h3{color:var(--main)}
.download-item .info .btn{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;padding:0 22px;min-width:100px;height:28px;line-height:1;background:var(--main);border:0;border-radius:6px;font-size:12px;color:#fff;font-weight:600;transition:all .2s;text-align:center;white-space:nowrap;box-sizing:border-box}
.download-item .info .btn:hover{background:var(--main-hover);transform:translateX(-50%) translateY(-1px);box-shadow:0 4px 12px rgba(16,185,129,.3)}

/* ========== 15. 文章专区 ========== */
.article-list{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 18px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px dashed var(--border)}
.article-item a{display:block}
.article-item .thumb{width:100%;aspect-ratio:16/10;overflow:hidden;border-radius:var(--radius);background:var(--bg);margin-bottom:8px}
.article-item .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.article-item:hover .thumb img{transform:scale(1.06)}
.article-item h3{font-size:14px;line-height:1.5;font-weight:500;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.article-item:hover h3{color:var(--main)}
.article-titles{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}
.article-titles li{height:32px;line-height:32px;overflow:hidden;display:flex;justify-content:space-between;gap:10px}
.article-titles li a{flex:1;font-size:14px;color:var(--text);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}
.article-titles li a:hover{color:var(--main)}
.article-titles li span{font-size:12px;color:var(--light);flex-shrink:0}

/* ========== 16. 友情链接 ========== */
.links-wrap{display:flex;flex-wrap:wrap;gap:8px 16px}
.links-wrap a{font-size:13px;color:var(--muted)}
.links-wrap a:hover{color:var(--main)}
.links-wrap li{display:inline-block}

/* ========== 17. 广告 ========== */
.ad-wrap{margin:12px auto;text-align:center}
.ad-content{text-align:center;padding:10px 0}
.ad-content img{display:inline-block;max-width:100%}

/* ========== 18. 分类页 ========== */
.list-layout{display:flex;gap:12px;margin-bottom:12px}
.list-main{flex:1;min-width:0}
.list-side{width:300px;flex-shrink:0}
.cate-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.cate-card{display:flex;gap:12px;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;transition:all .25s;min-width:0}
.cate-card:hover{border-color:var(--main);background:rgba(16,185,129,.03);transform:translateY(-2px);box-shadow:0 6px 16px rgba(16,185,129,.1)}
.cate-thumb{width:72px;height:72px;border-radius:var(--radius);overflow:hidden;background:var(--bg);flex-shrink:0}
.cate-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.cate-card:hover .cate-thumb img{transform:scale(1.08)}
.cate-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:4px}
.cate-info h3{font-size:14px;font-weight:500;line-height:1.4;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}
.cate-card:hover .cate-info h3{color:var(--main)}
.cate-desc{font-size:12px;line-height:1.5;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}
.cate-meta{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:11px;color:var(--light);align-items:center}
.cate-meta span{white-space:nowrap}
.cate-cate{color:var(--main);font-weight:500}
.cate-ver{background:rgba(16,185,129,.08);padding:1px 6px;border-radius:3px;color:var(--main)}
.cate-size{background:#F1F5F9;padding:1px 6px;border-radius:3px;color:var(--text2)}
.cate-date{margin-left:auto}
.download-list-full{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.dl-card{display:flex;gap:12px;padding:14px;border:1px solid var(--border);border-radius:var(--radius);transition:all .25s;min-width:0;background:#fff}
.dl-card:hover{border-color:var(--main);transform:translateY(-2px);box-shadow:0 6px 16px rgba(16,185,129,.1)}
.dl-card-thumb{width:80px;height:80px;border-radius:var(--radius);overflow:hidden;background:var(--bg);flex-shrink:0}
.dl-card-thumb img{width:100%;height:100%;object-fit:cover}
.dl-card-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between}
.dl-card-info h3{font-size:14px;font-weight:500;line-height:1.4;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:6px}
.dl-card:hover h3{color:var(--main)}
.dl-card-meta{display:flex;flex-wrap:wrap;gap:4px 6px;font-size:12px;color:var(--muted);margin-bottom:6px}
.dl-card-meta span{background:#F1F5F9;padding:1px 6px;border-radius:3px}
.dl-card-footer{display:flex;justify-content:space-between;font-size:12px;color:var(--light)}
.dl-card-cate{color:var(--main)}

/* ========== 19. 文章页 ========== */
.single-layout{display:flex;gap:12px;margin-bottom:12px}
.single-main{flex:1;min-width:0}
.single-side{width:300px;flex-shrink:0}
.breadcrumb{background:#fff;padding:14px 20px;margin-bottom:12px;font-size:13px;color:var(--muted);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:6px;align-items:center;box-shadow:0 2px 8px rgba(15,23,42,.06)}
.breadcrumb a{color:var(--muted)}
.breadcrumb a:hover{color:var(--main)}
.article{background:#fff;padding:32px 40px;border-radius:var(--radius-lg);margin-bottom:12px;box-shadow:0 2px 8px rgba(15,23,42,.06)}
.article-header{padding-bottom:20px;margin-bottom:22px;border-bottom:1px dashed var(--border)}
.article-title{font-size:24px;font-weight:600;line-height:1.4;color:var(--text);margin-bottom:14px}
.article-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:var(--muted)}
.article-meta a{color:var(--muted)}
.article-meta a:hover{color:var(--main)}
.article-content{font-size:15px;line-height:1.85;color:var(--text);word-wrap:break-word;overflow-wrap:break-word}
.article-content p{margin:0 0 1em 0}
.article-content h1,.article-content h2,.article-content h3,.article-content h4{font-weight:600;color:var(--text);margin:1.5em 0 .8em 0}
.article-content h2{font-size:20px;padding-left:12px;border-left:4px solid var(--main)}
.article-content h3{font-size:17px}
.article-content img{max-width:100%;height:auto;display:block;margin:1em auto;border-radius:var(--radius)}
.article-content a{color:var(--main)}
.article-content a:hover{text-decoration:underline}
.article-content ul,.article-content ol{margin:1em 0;padding-left:1.5em}
.article-content ul li{list-style:disc;margin-bottom:.4em}
.article-content ol li{list-style:decimal;margin-bottom:.4em}
.article-content blockquote{border-left:4px solid var(--main);background:#F8FAFC;padding:14px 20px;margin:1em 0;border-radius:0 var(--radius) var(--radius) 0;color:var(--text2)}
.article-content pre{background:#0F172A;color:#E2E8F0;padding:16px;border-radius:var(--radius);overflow-x:auto;margin:1em 0;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.6}
.article-content code{background:#F1F5F9;color:#DB2777;padding:2px 6px;border-radius:3px;font-family:Consolas,Monaco,monospace;font-size:.9em}
.article-content pre code{background:none;color:inherit;padding:0}
.article-content table{width:100%;border-collapse:collapse;margin:1em 0;font-size:14px}
.article-content table th,.article-content table td{border:1px solid var(--border);padding:8px 12px;text-align:left}
.article-content table th{background:#F8FAFC;font-weight:600}
.article-content hr{border:0;border-top:1px dashed var(--border);margin:1.5em 0}
.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 0 0;padding-top:20px;border-top:1px dashed var(--border)}
.article-tags a{display:inline-block;padding:4px 12px;background:#F1F5F9;border-radius:14px;font-size:13px;color:var(--text2);transition:all .2s}
.article-tags a:hover{background:var(--main);color:#fff}
.article-share{margin:20px 0 0 0;padding:16px;background:#F8FAFC;border-radius:var(--radius);text-align:center}
.article-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0;width:100%;overflow:hidden}
.article-nav a{display:block;padding:14px 18px;background:#F8FAFC;border-radius:var(--radius);color:var(--text);transition:all .25s;border:1px solid var(--border);min-width:0;overflow:hidden}
.article-nav a:hover{border-color:var(--main);background:rgba(16,185,129,.06);color:var(--main);transform:translateY(-2px)}
.article-nav a.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}
.article-nav a span{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}
.article-nav a strong{display:block;font-size:14px;font-weight:500;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;min-width:0}
.article-nav .next{text-align:right}
.related{background:#fff;padding:16px 20px 20px;border-radius:var(--radius-lg);margin-bottom:12px;box-shadow:0 2px 8px rgba(15,23,42,.06)}
.related h2{font-size:16px;font-weight:600;line-height:1.4;margin-bottom:0}
.related .block-title{padding-left:12px;margin-bottom:14px;height:auto;min-height:36px}

/* ========== 20. 下载框 ========== */
.dl-wrap{background:linear-gradient(135deg,rgba(16,185,129,.08) 0%,#F5F7FA 100%);border-left:4px solid var(--main);border-radius:var(--radius-lg);padding:14px 16px 16px;margin:18px 0}
.dl-info{display:flex;flex-wrap:wrap;gap:3px 16px;font-size:12px;color:var(--text2);padding-bottom:8px;margin-bottom:10px;border-bottom:1px dashed rgba(16,185,129,.4)}
.dl-info span{white-space:nowrap}
.dl-desc{background:#fff;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius);padding:10px 14px;font-size:13px;color:var(--text2);line-height:1.6;white-space:pre-wrap;margin-bottom:10px}
.dl-list{display:flex;flex-direction:column;gap:8px}
.dl-item{display:flex;align-items:center;gap:10px;background:#fff;padding:8px 14px;border-radius:var(--radius);border:1px solid rgba(16,185,129,.3);transition:all .2s}
.dl-item:hover{border-color:var(--main);box-shadow:0 4px 12px rgba(16,185,129,.12)}
.dl-source{flex:1;display:flex;align-items:center;gap:8px;min-width:0}
.dl-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:rgba(16,185,129,.15);color:var(--main);border-radius:5px;flex-shrink:0}
.dl-sname{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.dl-pwd{font-size:11px;background:#FEF3C7;color:#B45309;padding:2px 7px;border-radius:3px;font-family:monospace;flex-shrink:0}
.dl-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:0 24px;min-width:110px;height:34px;line-height:1;background:var(--main);color:#fff;font-size:13px;font-weight:600;border-radius:var(--radius);transition:all .2s;white-space:nowrap;box-sizing:border-box;text-align:center}
.dl-btn:hover{background:var(--main-hover);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(16,185,129,.35)}

/* ========== 21. 评论区 ========== */
.comments{background:#fff;padding:24px;border-radius:var(--radius-lg);box-shadow:0 2px 8px rgba(15,23,42,.06)}
.comments-title{font-size:16px;font-weight:600;padding-left:10px;border-left:3px solid var(--main);line-height:1.2;margin-bottom:16px}
.comment-list{margin-bottom:20px}
.comment-item{display:flex;gap:12px;padding:16px 0;border-bottom:1px dashed var(--border)}
.comment-item:last-child{border-bottom:0}
.comment-avatar img{width:44px;height:44px;border-radius:50%}
.comment-body{flex:1;min-width:0}
.comment-head{display:flex;gap:12px;align-items:baseline;margin-bottom:6px;font-size:13px;flex-wrap:wrap}
.comment-head strong{color:var(--text);font-weight:600}
.comment-head span{color:var(--muted)}
.comment-head a{color:var(--muted);margin-left:auto}
.comment-head a:hover{color:var(--main)}
.comment-content{font-size:14px;line-height:1.7;color:var(--text2);word-wrap:break-word}
.comment-child{margin-top:12px;padding-left:16px;border-left:2px solid var(--border)}
.comment-form{padding:20px;background:#F8FAFC;border-radius:var(--radius);margin-top:20px}
.comment-form h3{font-size:15px;font-weight:600;margin-bottom:16px;color:var(--text)}
.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}
.form-row.form-verify{grid-template-columns:1fr auto;align-items:center}
.comment-form input[type=text],.comment-form input[type=email]{width:100%;height:42px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;font-size:14px;transition:border-color .2s}
.comment-form input:focus{border-color:var(--main)}
.comment-form textarea{width:100%;min-height:120px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;font-size:14px;resize:vertical;margin-bottom:12px;font-family:inherit;transition:border-color .2s}
.comment-form textarea:focus{border-color:var(--main)}
.comment-form img{height:42px;cursor:pointer;border-radius:var(--radius);display:block}
.form-actions{display:flex;align-items:center;gap:16px}
.btn-primary{display:inline-block;padding:10px 32px;background:var(--main);color:#fff;border:0;border-radius:var(--radius);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}
.btn-primary:hover{background:var(--main-hover);color:#fff}

/* ========== 22. 侧栏 ========== */
.widget{background:#fff;padding:16px 20px;margin-bottom:12px;border-radius:var(--radius-lg);box-shadow:0 2px 8px rgba(15,23,42,.06)}
.widget-title{font-size:15px;font-weight:600;padding-bottom:10px;border-bottom:1px solid var(--border);margin-bottom:10px;position:relative;padding-left:10px}
.widget-title::before{content:"";position:absolute;left:0;top:3px;width:3px;height:14px;background:var(--main);border-radius:2px}
.widget-list li{display:flex;justify-content:space-between;gap:8px;height:32px;line-height:32px;overflow:hidden;border-bottom:1px dashed var(--border)}
.widget-list li:last-child{border-bottom:0}
.widget-list li a{flex:1;font-size:13px;color:var(--text);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}
.widget-list li a:hover{color:var(--main)}
.widget-list li span{font-size:12px;color:var(--light);flex-shrink:0}
.tag-cloud{display:flex;flex-wrap:wrap;gap:6px}
.tag-cloud a{padding:3px 10px;background:#F1F5F9;border-radius:3px;font-size:12px;color:var(--text2)}
.tag-cloud a:hover{background:var(--main);color:#fff}
.tag-cloud li{display:inline-block}

/* ========== 23. 分页 ========== */
.pagebar{text-align:center;padding:20px 0;margin-top:10px}
.pagebar-inner{display:inline-flex;gap:6px;flex-wrap:wrap;justify-content:center}
.pagebar a,.pagebar span{display:inline-block;padding:6px 14px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);font-size:13px;color:var(--text2);transition:all .2s}
.pagebar a:hover,.pagebar .now-page{background:var(--main);color:#fff;border-color:var(--main)}

/* ========== 24. 空状态 ========== */
.empty-box{padding:60px 20px;text-align:center;color:var(--light);font-size:14px}

/* ========== 25. 404 ========== */
.error-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px}
.error-page h1{font-size:120px;font-weight:800;color:var(--main);line-height:1}
.error-page p{font-size:18px;color:var(--muted)}

/* ========== 26. 页脚 ========== */
.site-footer{background:#fff;border-top:1px solid var(--border);padding:24px 0;text-align:center;color:var(--muted);font-size:13px;line-height:1.8;margin-top:12px}
.site-footer a{color:var(--muted)}
.site-footer a:hover{color:var(--main)}
.footer-inner{display:flex;flex-direction:column;align-items:center;gap:12px}
.footer-copy{max-width:800px}
.footer-notice{padding:12px 0 16px;margin-bottom:12px;border-bottom:1px dashed var(--border);font-size:13px;color:var(--muted);line-height:1.7;text-align:center}
.footer-notice a{color:var(--main)}
.footer-notice p{margin:4px 0}

/* ========== 27. 滚动公告 ========== */
.notice-bar{background:rgba(16,185,129,.08);border-bottom:1px solid rgba(16,185,129,.4);padding:0;font-size:13px;color:var(--main);overflow:hidden}
.notice-bar .container{display:flex;align-items:center;height:38px;gap:10px;overflow:hidden}
.scroll-notice{display:flex;align-items:center;width:100%;gap:10px;overflow:hidden}
.scroll-icon{flex-shrink:0;font-size:16px;animation:bellShake 2s ease-in-out infinite;transform-origin:top center}
@keyframes bellShake{0%,50%,100%{transform:rotate(0)}5%,15%,25%,35%{transform:rotate(-12deg)}10%,20%,30%{transform:rotate(12deg)}}
.scroll-body{flex:1;min-width:0;overflow:hidden;position:relative;height:38px;display:flex;align-items:center}
.scroll-text{display:inline-block;white-space:nowrap;color:var(--main);line-height:38px;padding-left:100%;animation:scrollLeft 30s linear infinite;font-size:13px}
.scroll-text strong{color:var(--main);font-weight:600;margin:0 2px}
.scroll-body:hover .scroll-text{animation-play-state:paused}
@keyframes scrollLeft{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}

/* ========== 28. 响应式 1240px ========== */
@media (max-width:1240px){
    .container{width:100%;padding:0 16px}
    .home-left{width:340px}
    .slider{width:340px;height:360px}
}

/* ========== 29. 响应式 1024px ========== */
@media (max-width:1024px){
    .head-ad{margin:0 12px}
    .head-ad img{max-height:50px}
    .home-left{width:320px}
    .slider{width:320px;height:340px}
    .download-list{grid-template-columns:repeat(2,1fr)}
    .article-list{grid-template-columns:repeat(3,1fr)}
    .single-layout,.list-layout{flex-direction:column}
    .single-side,.list-side{width:100%}
}

/* ========== 30. 响应式 768px（手机端） ========== */
@media (max-width:768px){
    .container{padding:0 12px}
    .topbar{display:none!important}
    .header{padding:10px 0}
    .header .container{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
    .header .logo img{height:32px}
    .header .head-ad{display:none!important}
    .header .search{flex:1;min-width:0;width:auto}
    .header .search form{height:36px;border-radius:18px}
    .header .search input{padding:0 12px;font-size:13px}
    .header .search button{width:56px;font-size:13px}
    .nav-toggle{display:flex;width:36px;height:36px;align-items:center;justify-content:center;background:none;color:#fff;cursor:pointer;flex-shrink:0;padding:0;border:0;margin-left:auto}
    .nav{background:var(--main);position:relative}
    .nav-list{display:none !important;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;height:auto;box-shadow:0 8px 20px rgba(0,0,0,.15);border-top:1px solid var(--border);max-height:70vh;overflow-y:auto;z-index:9999;padding:0;margin:0;border-radius:0 0 8px 8px}
    body.nav-open .nav-list{display:flex !important}
    .nav-list > li{display:block !important;width:100%;height:auto;border-bottom:1px solid var(--border);float:none}
    .nav-list > li > a{display:block;padding:0 16px;height:46px;line-height:46px;font-size:14px;color:var(--text);background:#fff}
    .nav-list > li > a:hover{background:rgba(16,185,129,.08);color:var(--main)}
    .nav-list > li > a:hover::after,.nav-list > li.on > a::after,.nav-list > li.current-menu-item > a::after{display:none}
    .nav-list > li.on > a,.nav-list > li.current-menu-item > a{color:var(--main);background:rgba(16,185,129,.08);font-weight:600}
    .nav-list > li > ul{position:static;display:none;box-shadow:none;border:0;border-top:0;padding:0;background:#F8FAFC;min-width:0;border-radius:0}
    .nav-list > li:hover > ul{display:block}
    .nav-list > li > ul > li{display:block;width:100%;border-bottom:1px solid var(--border)}
    .nav-list > li > ul > li:last-child{border-bottom:0}
    .nav-list > li > ul > li > a{display:block;padding:0 16px 0 32px;height:42px;line-height:42px;font-size:13px;color:var(--text2);background:#F8FAFC}
    .nav-list > li > ul > li > a:hover{background:rgba(16,185,129,.08);color:var(--main)}

    .home-top{flex-direction:column;gap:10px}
    .home-left{width:100% !important;max-width:100% !important;flex-direction:column;gap:10px;overflow:hidden}
    .slider{width:100% !important;max-width:100% !important;height:auto !important;aspect-ratio:16/9 !important;margin:0;box-sizing:border-box;overflow:hidden}
    .slider ul{width:100%}
    .slider ul li{min-width:100%;width:100%}
    .slider ul li img{width:100%;height:100%;object-fit:cover}
    .quick-cards{display:none}

    .today-pick{width:100% !important;max-width:100% !important;box-sizing:border-box;overflow:hidden;padding:12px}
    .today-pick .tp-body{width:100%;max-width:100%;box-sizing:border-box;gap:10px}
    .today-pick .tp-thumb{width:64px;height:64px;flex-shrink:0}
    .today-pick .tp-info{flex:1;min-width:0;overflow:hidden}
    .today-pick .tp-info h3{font-size:14px;word-break:break-all;overflow:hidden}
    .today-pick .tp-info p{font-size:12px}
    .today-pick .tp-btn{min-width:88px;height:28px;line-height:28px;padding:0 16px;font-size:12px}
    .today-pick .tp-desc{width:100%;box-sizing:border-box;word-break:break-all;font-size:12px}

    .home-news{padding:14px}
    .news-list{grid-template-columns:1fr;gap:0}
    .news-list li{height:auto;line-height:1.6;padding:8px 0}
    .news-list li a{white-space:normal;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;padding-left:12px}
    .news-list li a::before{top:13px;width:4px;height:4px}
    .news-list li .ad-tag,.news-list li .top-tag{margin-top:4px}
    .news-list li.news-ad,.news-list li.news-top{display:flex;align-items:flex-start;gap:6px;padding:8px 10px;height:auto;min-height:0;line-height:1.5;margin-bottom:4px}
    .news-list li.news-ad > a,.news-list li.news-top > a{flex:1;min-width:0;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding-left:12px;font-size:13px;line-height:1.5;word-break:break-all}
    .news-list li.news-ad > a::before,.news-list li.news-top > a::before{top:8px;margin-top:0;width:4px;height:4px}
    .news-list li .ad-tag,.news-list li .top-tag{flex-shrink:0;margin-top:2px;margin-left:0;height:18px;line-height:18px;padding:0 6px;font-size:11px;align-self:flex-start}
    .news-list li:not(.news-ad):not(.news-top){display:flex;align-items:flex-start;gap:6px;padding:8px 0}
    .news-list li:not(.news-ad):not(.news-top) > a{flex:1;min-width:0;padding-left:12px}
    .news-list li:not(.news-ad):not(.news-top) > a::before{top:8px;margin-top:0;width:4px;height:4px}
    .news-list li:not(.news-ad):not(.news-top) > span{flex-shrink:0;padding-top:2px}

    .news-pager{gap:8px;padding-top:10px;margin-top:10px}
    .news-pager .pg-side{flex:1;min-width:0;height:34px;font-size:13px;padding:0 10px}

    .block{padding:14px 12px 16px;overflow:hidden}
    .block-title{display:block;height:auto;padding:0 0 0 12px;position:relative;margin-bottom:10px;border-bottom:0;overflow:visible}
    .block-title::before{content:"";position:absolute;left:0;top:3px;width:3px;height:15px;background:var(--main);border-radius:2px}
    .block-title h2{display:block;width:100%;font-size:15px;line-height:1.4;margin:0 0 8px 0;padding-bottom:6px;border-bottom:1px solid var(--border)}
    .block-title .tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;gap:6px;padding:0 0 8px 0;margin:0 0 8px 0;width:100%;max-width:100%;scrollbar-width:none;justify-content:flex-start;border-bottom:1px solid var(--border)}
    .block-title .tabs::-webkit-scrollbar{display:none}
    .block-title .tabs a{flex-shrink:0;max-width:none;padding:5px 12px;font-size:13px;border-radius:14px;background:#F1F5F9;color:var(--text2);white-space:nowrap}
    .block-title .tabs a.hover{background:var(--main);color:#fff}
    .block-title .more{display:block;width:100%;text-align:right;font-size:12px;color:var(--light);padding:0;margin:0;line-height:1.4}

    .download-list{grid-template-columns:1fr;gap:8px}
    .download-item{padding:10px 10px 46px 10px;min-height:auto}
    .download-item .thumb{width:56px;height:56px}
    .download-item .info h3{font-size:13px}
    .download-item .info .btn{bottom:10px;min-width:90px;padding:0 18px;height:26px;font-size:12px}

    .article-list{grid-template-columns:repeat(2,1fr);gap:10px}
    .article-item h3{font-size:13px}
    .article-titles{grid-template-columns:1fr}

    .cate-list{grid-template-columns:1fr}
    .cate-card{padding:12px;gap:10px}
    .cate-thumb{width:64px;height:64px}
    .cate-info h3{font-size:13px}
    .cate-desc{font-size:12px;-webkit-line-clamp:1}
    .cate-meta{font-size:11px}
    .download-list-full{grid-template-columns:1fr}
    .dl-card{padding:12px}
    .dl-card-thumb{width:70px;height:70px}
    .dl-card-info h3{font-size:13px}
    .dl-card-meta{font-size:11px}

    .article{padding:18px}
    .article-title{font-size:19px}
    .article-meta{font-size:12px;gap:10px}
    .article-content{font-size:15px;line-height:1.75}
    .article-nav{grid-template-columns:1fr}
    .article-nav .next{text-align:left}
    .article-nav a strong{white-space:normal;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
    .related{padding:14px}
    .form-row{grid-template-columns:1fr}

    .dl-wrap{padding:12px;margin:14px 0;border-left-width:3px}
    .dl-info{font-size:11px;gap:2px 10px;padding-bottom:6px;margin-bottom:8px}
    .dl-desc{padding:8px 12px;font-size:12px}
    .dl-item{flex-wrap:wrap;gap:8px;padding:10px}
    .dl-source{width:100%;flex:none}
    .dl-sname{font-size:13px}
    .dl-btn{width:100%;min-width:0;padding:0 16px;height:32px;font-size:13px}

    .comments{padding:16px}
    .comment-avatar img{width:36px;height:36px}
    .comment-head{font-size:12px}

    .site-footer{padding:20px 0;font-size:12px}

    .pc-ad{display:none!important}
    .mb-ad{display:block!important}

    /* 手机端文章页/列表页：单栏显示 */
    .list-layout{flex-direction:column}
    .list-main{width:100%}
    .list-side{width:100%;margin-top:12px}

    .single-layout{display:block !important}
    .single-main{width:100%}
    .single-side{width:100%;margin-top:12px}

    /* 用 body 上的 class 控制侧栏显隐（header.php 已输出） */
    body.mobile-hide-side .list-side,
    body.mobile-hide-side .single-side{display:none!important}
    body.mobile-show-side .list-side,
    body.mobile-show-side .single-side{display:block!important;width:100%;margin-top:12px}

    .notice-bar .container{height:34px}
    .scroll-body{height:34px}
    .scroll-text{line-height:34px;font-size:12px;animation-duration:25s}
    .scroll-icon{font-size:14px}
}

/* ========== 31. 电脑端隐藏手机广告 ========== */
@media (min-width:769px){
    .mb-ad{display:none!important}
}

/* ============================================
   修复1：每日一荐"免费下载"文字居中
   ============================================ */
html body .today-pick .tp-btn,
html body .today-pick a.tp-btn,
html body .today-pick .tp-info .tp-btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    padding:0 24px !important;
    min-width:100px !important;
    height:30px !important;
    line-height:1 !important;
    box-sizing:border-box !important;
    vertical-align:middle !important;
}

/* ============================================
   修复2：左侧（幻灯片+卡片+每日一荐）与右侧（最新更新）顶部对齐
   ============================================ */
html body .home-top{
    display:flex !important;
    align-items:stretch !important;
}
html body .home-top .home-news{
    display:flex !important;
    flex-direction:column !important;
    height:auto !important;
    min-height:100% !important;
}
html body .home-top .home-news .news-list{
    flex:1 !important;
}
html body .home-top .home-left{
    align-self:flex-start !important;
}

/* ============================================
   修复3：手机端汉堡按钮白色，能看见
   ============================================ */
@media (max-width:768px){
    html body .nav-toggle{
        display:flex !important;
        visibility:visible !important;
        opacity:1 !important;
        color:#ffffff !important;
        background:transparent !important;
        width:42px !important;
        height:42px !important;
        align-items:center !important;
        justify-content:center !important;
        padding:0 !important;
        border:0 !important;
        margin-left:auto !important;
        position:relative !important;
        z-index:10 !important;
    }
    html body .nav-toggle svg{
        width:26px !important;
        height:26px !important;
        fill:#10B981 !important;
        stroke:#10B981 !important;
        display:block !important;
    }
    html body .nav-toggle svg path{
        fill:#10B981 !important;
        stroke:#10B981 !important;
    }
    html body .header .container{
        display:flex !important;
        align-items:center !important;
    }
    html body #mfzyNav{
        position:relative !important;
    }
    html body #mfzyNav .container{
        display:flex !important;
        align-items:center !important;
        position:relative !important;
    }
}

/* ============================================
   手机端：缩小搜索按钮绿色区域
   ============================================ */
@media (max-width:768px){
    html body .header .search form{
        height:34px !important;
        border-radius:17px !important;
    }
    html body .header .search input{
        padding:0 10px !important;
        font-size:13px !important;
    }
    html body .header .search button{
        width:40px !important;
        height:32px !important;
        font-size:0 !important;
        line-height:1 !important;
        border-radius:0 17px 17px 0 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        padding:0 !important;
        color:#fff !important;
    }
    html body .header .search button::before{
        content:"" !important;
        display:block !important;
        width:16px !important;
        height:16px !important;
        background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M15.5 14h-.79l-.28-.27A6.47 6.47 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E") !important;
        background-size:contain !important;
        background-repeat:no-repeat !important;
        background-position:center !important;
    }
}

/* ============================================
   侧栏组件（只保留一份，不再重复）
   ============================================ */
.widget{
    background:#fff;
    border-radius:8px;
    padding:16px 20px;
    margin-bottom:16px;
    box-shadow:0 1px 3px rgba(0,0,0,.06);
}
.widget-title{
    font-size:15px;
    font-weight:600;
    margin:0 0 12px;
    padding:0 0 8px 10px;
    border-bottom:1px solid #eee;
    position:relative;
}
.widget-title::before{
    content:"";
    position:absolute;
    left:0;
    top:3px;
    width:3px;
    height:14px;
    background:var(--main);
    border-radius:2px;
}
.widget-list{
    list-style:none;
    padding:0;
    margin:0;
}
.widget-list li{
    display:flex;
    justify-content:space-between;
    gap:8px;
    padding:6px 0;
    font-size:14px;
    border-bottom:1px dashed #f0f0f0;
}
.widget-list li:last-child{border-bottom:none}
.widget-list li a{
    flex:1;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.widget-list li span{
    color:#999;
    font-size:12px;
    flex-shrink:0;
}