/* ========================================
           B骨架 (Bootstrap) 主题样式 - theme921
           navbar-fixed-top + 8+4双栏
           行业: 水果生鲜 / 主色: #e67e22
           ======================================== */

        :root {
            --bs-primary: #e67e22;
            --bs-primary-dark: #d35400;
            --bs-primary-light: #f39c12;
            --bs-bg: #faf7f2;
            --bs-white: #ffffff;
            --bs-dark: #2c3e50;
            --bs-text: #444;
            --bs-muted: #999;
            --bs-border: #e8e3d8;
            --bs-radius: 8px;
            --bs-shadow: 0 2px 16px rgba(0,0,0,0.06);
            --bs-transition: 0.3s ease;
            --navbar-h: 56px;
        }

        *, *::before, *::after { box-sizing: border-box; }
        html { scroll-behavior: smooth; }
        body {
            margin: 0; padding: 0; padding-top: var(--navbar-h);
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
            font-size: 15px; line-height: 1.6; color: var(--bs-text);
            background: var(--bs-bg);
        }
        a { text-decoration: none; color: inherit; transition: color 0.2s; }
        a:hover { color: var(--bs-primary); }
        img { max-width: 100%; height: auto; display: block; }
        ul, ol { list-style: none; padding: 0; margin: 0; }

        /* --- Navbar --- */
        .bs-navbar {
            position: fixed; top: 0; left: 0; right: 0; height: var(--navbar-h);
            background: #fff; z-index: 1030; box-shadow: 0 1px 8px rgba(0,0,0,0.08);
            display: flex; align-items: center; padding: 0 24px;
        }
        .bs-navbar .bs-brand {
            font-size: 20px; font-weight: 700; color: var(--bs-primary);
            letter-spacing: 0.5px; display: flex; align-items: center; gap: 8px;
            margin-right: 32px; white-space: nowrap;
        }
        .bs-navbar .bs-brand img { width: 36px; height: 36px; border-radius: 8px; object-fit: cover; }
        .bs-navbar .bs-nav-links {
            display: flex; align-items: center; gap: 4px; flex: 1;
        }
        .bs-navbar .bs-nav-links a {
            display: block; padding: 8px 16px; font-size: 14px; font-weight: 500;
            color: #555; border-radius: 6px; transition: all 0.2s; white-space: nowrap;
        }
        .bs-navbar .bs-nav-links a:hover, .bs-navbar .bs-nav-links a.active {
            color: var(--bs-primary); background: rgba(230,126,34,0.06);
        }
        .bs-navbar .bs-nav-links a.active { font-weight: 600; }
        .bs-navbar .bs-nav-dropdown {
            position: relative;
        }
        .bs-navbar .bs-nav-dropdown:hover .bs-dropdown-menu {
            display: block;
        }
        .bs-navbar .bs-dropdown-menu {
            display: none; position: absolute; top: 100%; left: 0;
            background: #fff; border-radius: 8px; box-shadow: 0 8px 30px rgba(0,0,0,0.12);
            min-width: 160px; padding: 8px 0; z-index: 10;
        }
        .bs-navbar .bs-dropdown-menu a {
            display: block; padding: 8px 20px; font-size: 13px; color: #555;
            border-radius: 0; white-space: nowrap;
        }
        .bs-navbar .bs-dropdown-menu a:hover {
            background: #fef5ec; color: var(--bs-primary);
        }
        .bs-navbar .bs-search {
            display: flex; align-items: center; gap: 0; margin-left: auto;
        }
        .bs-navbar .bs-search input {
            padding: 7px 14px; border: 1px solid #ddd; border-right: none;
            border-radius: 20px 0 0 20px; font-size: 13px; outline: none; width: 160px;
            transition: border-color 0.2s; background: #f9f9f9;
        }
        .bs-navbar .bs-search input:focus { border-color: var(--bs-primary); background: #fff; }
        .bs-navbar .bs-search button {
            padding: 7px 14px; background: var(--bs-primary); color: #fff; border: none;
            border-radius: 0 20px 20px 0; cursor: pointer; font-size: 13px;
            transition: background 0.2s;
        }
        .bs-navbar .bs-search button:hover { background: var(--bs-primary-dark); }

        /* --- Mobile toggle --- */
        .bs-toggle {
            display: none; flex-direction: column; justify-content: center; gap: 5px;
            width: 36px; height: 36px; background: transparent; border: none;
            cursor: pointer; padding: 6px; margin-left: auto;
        }
        .bs-toggle span {
            display: block; width: 22px; height: 2px; background: #555;
            border-radius: 1px; transition: all 0.3s;
        }

        /* --- Footer --- */
        .bs-footer {
            background: var(--bs-dark); color: #ccc; padding: 40px 24px 20px; margin-top: 48px;
        }
        .bs-footer .bs-footer-grid {
            display: grid; grid-template-columns: repeat(3,1fr); gap: 32px;
            max-width: 1200px; margin: 0 auto;
        }
        .bs-footer h5 {
            font-size: 15px; font-weight: 600; color: #fff; margin: 0 0 14px;
            padding-bottom: 10px; border-bottom: 2px solid var(--bs-primary); display: inline-block;
        }
        .bs-footer a { color: #aaa; font-size: 13px; display: block; padding: 4px 0; transition: color 0.2s; }
        .bs-footer a:hover { color: var(--bs-primary-light); }
        .bs-footer .bs-footer-about { font-size: 13px; line-height: 1.8; }
        .bs-footer .bs-footer-bottom {
            text-align: center; padding-top: 24px; margin-top: 24px;
            border-top: 1px solid rgba(255,255,255,0.08); font-size: 12px; color: #777;
            max-width: 1200px; margin-left: auto; margin-right: auto;
        }

        /* --- Content area --- */
        .bs-content { padding: 20px 0; min-height: 60vh; }

        /* --- Swiper --- */
        .swiper-container { width: 100%; overflow: hidden; position: relative; border-radius: var(--bs-radius); }
        .swiper-wrapper { display: flex; transition-property: transform; }
        .swiper-slide { flex-shrink: 0; width: 100%; position: relative; overflow: hidden; }
        .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
        .swiper-pagination { position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%); z-index: 10; display: flex; gap: 8px; }
        .swiper-pagination-bullet { width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,0.5); cursor: pointer; transition: all 0.3s; border: none; padding: 0; }
        .swiper-pagination-bullet-active { background: #fff; width: 28px; border-radius: 5px; }
        .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; width: 42px; height: 42px; border-radius: 50%; background: rgba(255,255,255,0.85); border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #333; box-shadow: 0 2px 10px rgba(0,0,0,0.1); transition: all 0.2s; }
        .swiper-button-next:hover, .swiper-button-prev:hover { background: #fff; box-shadow: 0 4px 16px rgba(0,0,0,0.18); }
        .swiper-button-next { right: 16px; } .swiper-button-prev { left: 16px; }
        .swiper-button-next::after { content: '\f105'; font-family: 'FontAwesome'; font-size: 18px; }
        .swiper-button-prev::after { content: '\f104'; font-family: 'FontAwesome'; font-size: 18px; }

        /* --- Cards --- */
        .card {
            background: #fff; border-radius: var(--bs-radius); overflow: hidden;
            box-shadow: 0 1px 8px rgba(0,0,0,0.04); transition: box-shadow var(--bs-transition), transform var(--bs-transition);
        }
        .card:hover { box-shadow: 0 8px 28px rgba(0,0,0,0.08); transform: translateY(-2px); }
        .card>:where(:last-child):not(img):not(a){padding:15px}

        /* --- Pagination --- */
        .pagination-wrap { display: flex; justify-content: center; padding: 28px 0 12px; }
        .pagination { display: flex; gap: 4px; flex-wrap: wrap; justify-content: center; align-items: center; }
        .pagination li { list-style: none; }
        .pagination li a, .pagination li span {
            display: inline-flex; align-items: center; justify-content: center;
            min-width: 36px; height: 36px; padding: 0 10px; border-radius: 6px;
            font-size: 14px; font-weight: 500; color: #555; background: #fff;
            border: 1px solid #e0e3e8; transition: all 0.2s; cursor: pointer;
        }
        .pagination li a:hover { background: #fef5ec; border-color: var(--bs-primary); color: var(--bs-primary); }
        .pagination li.active span, .pagination li.active a {
            background: var(--bs-primary); border-color: var(--bs-primary); color: #fff;
            font-weight: 600; box-shadow: 0 2px 8px rgba(230,126,34,0.3);
        }
        .pagination li.disabled span { color: #bbb; background: #f9f9fb; border-color: #e8ebf0; cursor: not-allowed; }

        /* --- Utility --- */
        .text-center { text-align: center; }
        .text-muted { color: #999; font-size: 13px; }
        .p-15 { padding: 15px; } .p-20 { padding: 20px; }
        .tag {
            display: inline-block; padding: 3px 10px; font-size: 12px; border-radius: 3px;
            background: #fef5ec; color: var(--bs-primary); font-weight: 500; margin-right: 8px;
        }
        .btn-primary {
            display: inline-block; padding: 10px 24px; background: var(--bs-primary); color: #fff;
            border-radius: 6px; font-weight: 600; font-size: 14px; border: none; cursor: pointer;
            transition: all 0.2s; letter-spacing: 0.4px;
        }
        .btn-primary:hover { background: var(--bs-primary-dark); color: #fff; box-shadow: 0 4px 14px rgba(230,126,34,0.35); transform: translateY(-1px); }
        .btn-outline {
            display: inline-block; padding: 10px 24px; background: transparent; color: #fff;
            border: 2px solid rgba(255,255,255,0.7); border-radius: 6px; font-weight: 600;
            font-size: 14px; cursor: pointer; transition: all 0.2s; letter-spacing: 0.4px;
        }
        .btn-outline:hover { background: rgba(255,255,255,0.12); border-color: #fff; color: #fff; }
        .section-title {
            text-align: center; font-size: 26px; font-weight: 700; color: var(--bs-dark);
            margin: 40px 0 24px; letter-spacing: 0.5px; position: relative; padding-bottom: 14px;
        }
        .section-title::after {
            content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
            width: 48px; height: 3px; background: var(--bs-primary); border-radius: 2px;
        }
        .back-to-top {
            position: fixed; bottom: 32px; right: 32px; width: 42px; height: 42px;
            background: var(--bs-primary); color: #fff; border: none; border-radius: 50%;
            cursor: pointer; display: flex; align-items: center; justify-content: center;
            font-size: 18px; box-shadow: 0 4px 14px rgba(230,126,34,0.3);
            transition: all 0.3s; opacity: 0; visibility: hidden; z-index: 999;
        }
        .back-to-top.visible { opacity: 1; visibility: visible; }
        .back-to-top:hover { background: var(--bs-primary-dark); transform: translateY(-2px); }

        /* --- TOC --- */
        .toc-sidebar { position: sticky; top: 72px; background: #fff; border-radius: var(--bs-radius); padding: 18px; box-shadow: 0 1px 8px rgba(0,0,0,0.04); }
        .toc-sidebar h5 { font-size: 15px; font-weight: 600; color: var(--bs-dark); margin: 0 0 12px; padding-bottom: 8px; border-bottom: 2px solid var(--bs-primary); }
        .toc-sidebar .toc-list a { display: block; padding: 6px 0; font-size: 13px; color: #666; border-left: 2px solid transparent; padding-left: 10px; transition: all 0.2s; }
        .toc-sidebar .toc-list a:hover, .toc-sidebar .toc-list a.active { color: var(--bs-primary); border-left-color: var(--bs-primary); font-weight: 500; }

        /* --- Responsive --- */
        @media (max-width: 991px) {
            .bs-navbar .bs-nav-links { display: none; position: absolute; top: var(--navbar-h); left: 0; right: 0; background: #fff; flex-direction: column; padding: 8px 0; box-shadow: 0 8px 20px rgba(0,0,0,0.08); }
            .bs-navbar .bs-nav-links.open { display: flex; }
            .bs-navbar .bs-nav-dropdown .bs-dropdown-menu { position: static; box-shadow: none; padding-left: 16px; }
            .bs-navbar .bs-search { display: none; }
            .bs-toggle { display: flex; }
            .bs-footer .bs-footer-grid { grid-template-columns: 1fr; gap: 20px; }
            .section-title { font-size: 21px; margin: 28px 0 18px; }
        }
        @media (max-width: 767px) {
            body { padding-top: 50px; }
            .bs-navbar { height: 50px; padding: 0 16px; }
            .bs-navbar .bs-brand { font-size: 17px; }
            .swiper-button-next, .swiper-button-prev { width: 34px; height: 34px; }
            .swiper-button-next { right: 8px; } .swiper-button-prev { left: 8px; }
            .back-to-top { bottom: 20px; right: 20px; width: 36px; height: 36px; font-size: 16px; }
            .btn-primary, .btn-outline { padding: 8px 18px; font-size: 13px; }
        }/* XNCMS 通用基础样式 - 所有主题共用 */
*,*::before,*::after{box-sizing:border-box}
.skip-link{position:absolute;top:-100px;left:0;background:var(--p);color:#fff;padding:8px 16px;z-index:10000;text-decoration:none}.skip-link:focus{top:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.6;color:var(--tx);background:var(--bg);margin:0;padding:0}
a{color:var(--p);text-decoration:none}a:hover{opacity:.8}img{max-width:100%;height:auto}
h1,h2,h3,h4,h5{color:var(--tx);line-height:1.4}
.container{max-width:1200px;margin:0 auto;padding:0 15px}
.row{display:flex;flex-wrap:wrap;margin:0 -15px}[class*="col-"]{padding:0 15px}
.col-md-1{flex:0 0 8.33%;max-width:8.33%}.col-md-2{flex:0 0 16.66%;max-width:16.66%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.33%;max-width:33.33%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-8{flex:0 0 66.66%;max-width:66.66%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-12{flex:0 0 100%;max-width:100%}.col-sm-6{flex:0 0 50%}
.card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06);margin-bottom:20px;transition:.2s}.card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.1)}.card img{width:100%;display:block;object-fit:cover}
.p-10{padding:10px}.p-15{padding:15px}.p-20{padding:20px}
.section{padding:60px 0}.section-title{font-size:28px;font-weight:700;margin-bottom:10px}.section-subtitle{color:#888;text-align:center;margin-bottom:40px;font-size:15px}
.text-center{text-align:center}.text-muted{color:#999;font-size:13px}.text-right{text-align:right}
.tag{display:inline-block;padding:2px 12px;margin:2px;border-radius:20px;font-size:12px;background:var(--p)18;color:var(--p)}
.btn{display:inline-block;padding:10px 24px;border-radius:6px;font-size:14px;border:none;cursor:pointer;transition:.2s;text-decoration:none}.btn-primary{background:var(--p);color:#fff!important}.btn-primary:hover{filter:brightness(.9)}.btn-outline{background:transparent;color:var(--p);border:2px solid var(--p);border-radius:6px;padding:8px 22px}
.breadcrumb{padding:12px 0;font-size:13px;color:#999}.breadcrumb a{color:#666}
.pagination{text-align:center;padding:30px 0}.pagination a{display:inline-block;padding:6px 14px;margin:0 4px;border:1px solid #ddd;border-radius:4px;color:#555;text-decoration:none}.pagination a.active{background:var(--p);color:#fff;border-color:var(--p)}
.panel{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 6px rgba(0,0,0,.04);margin-bottom:20px}.panel-heading{padding:12px 16px;border-bottom:1px solid #eee}.panel-title{font-size:15px;font-weight:600;margin:0}.panel-body{padding:16px}
.list-unstyled{list-style:none;padding:0;margin:0}
footer{background:#263238;color:#b0bec5;padding:40px 0 20px;margin-top:60px}footer a{color:#b0bec5}footer a:hover{color:#fff}footer h5{color:#fff;margin-bottom:12px}
.footer{background:#263238;color:#b0bec5;padding:40px 0 20px;margin-top:60px}
.swiper-container{overflow:hidden;position:relative;margin-bottom:30px}.swiper-wrapper{display:flex}.swiper-slide{flex-shrink:0;width:100%}.swiper-slide img{width:100%;display:block}.swiper-pagination{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10}.swiper-pagination-bullet{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer}.swiper-pagination-bullet-active{background:#fff}.swiper-button-prev,.swiper-button-next{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:rgba(0,0,0,.3);color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.swiper-button-prev{left:16px}.swiper-button-next{right:16px}
.nav-tabs{display:flex;border-bottom:2px solid #eee;margin-bottom:20px;list-style:none;padding:0}.nav-tabs>li>a{display:block;padding:10px 20px;color:#555;border-bottom:2px solid transparent;margin-bottom:-2px;text-decoration:none}.nav-tabs>li.active>a{color:var(--p);border-bottom-color:var(--p);font-weight:600}.tab-pane{display:none}.tab-pane.active{display:block}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;min-width:160px;padding:5px 0;margin:2px 0 0;background:#fff;border-radius:4px;box-shadow:0 6px 12px rgba(0,0,0,.15)}.open>.dropdown-menu{display:block}
.form-control{display:block;width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.input-group{display:flex}.input-group-btn .btn{border-radius:0 4px 4px 0}
.embed-responsive{position:relative;display:block;overflow:hidden}.embed-responsive-4by3{padding-top:75%}.embed-responsive-item{position:absolute;top:0;left:0;width:100%;height:100%}
@media(max-width:768px){.section{padding:30px 0}[class*="col-"]{flex:0 0 100%;max-width:100%}.container{padding:0 10px}.hidden-xs{display:none!important}.hide-mobile{display:none!important}}

/* A骨架: sk-* */
.sk-page{padding-top:50px}.sk-nav{position:fixed;top:0;left:0;width:100%;height:50px;background:#fff;border-bottom:2px solid var(--p);z-index:1000;display:flex;align-items:center}.sk-nav-inner{max-width:1200px;margin:0 auto;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 15px}.sk-logo{font-size:18px;font-weight:700;color:var(--p);text-decoration:none}.sk-links{display:flex;gap:4px}.sk-links a{color:#555;padding:6px 12px;font-size:14px;text-decoration:none}.sk-links a:hover{color:var(--p)}.sk-contact{font-size:13px;color:#999}.sk-footer{background:#263238;color:#999;padding:30px 0 20px}.sk-footer-inner{max-width:1200px;margin:0 auto;display:flex;gap:40px;flex-wrap:wrap;padding:0 15px}.sk-footer-copy{width:100%;text-align:center;padding-top:16px;border-top:1px solid #37474f;font-size:12px}@media(max-width:768px){.sk-links{display:none}.sk-contact{display:none}}

/* B骨架: Bootstrap */
.navbar-default{background:#fff;border:none;box-shadow:0 1px 6px rgba(0,0,0,.06);min-height:60px}.navbar-brand{font-size:18px;font-weight:700;color:var(--p)!important}.navbar-nav>li>a{color:#555!important;padding:18px 15px}.navbar-nav>li>a:hover,.navbar-nav>li.active>a{color:var(--p)!important;background:none!important}.navbar-fixed-top{margin-bottom:0}.navbar-toggle{border:1px solid #ddd;background:#fff}.navbar-collapse{overflow-x:visible}@media(max-width:768px){.navbar-fixed-top{position:relative}}

/* C骨架: hc-* 透明悬浮 */
body.hc-body,body{padding-top:0}.hc-header{position:absolute;top:0;left:0;width:100%;z-index:1000;padding:15px 0;transition:background .3s,box-shadow .3s}.hc-header.scrolled{background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.1);position:fixed}.hc-logo{font-size:20px;font-weight:700;color:#fff}.hc-logo a{color:#fff;text-decoration:none}.hc-header.scrolled .hc-logo,.hc-header.scrolled .hc-logo a{color:var(--p)}.hc-nav-list{display:flex;gap:24px;list-style:none;margin:0;padding:0}.hc-nav-list a{color:rgba(255,255,255,.85);font-size:14px;text-decoration:none}.hc-nav-list a:hover{color:#fff}.hc-header.scrolled .hc-nav-list a{color:#555}.hc-header.scrolled .hc-nav-list a:hover{color:var(--p)}.hc-nav-toggle{display:none;background:none;border:none;cursor:pointer}.hc-bar{display:block;width:24px;height:2px;background:#fff;margin:5px 0}.hc-header.scrolled .hc-bar{background:#333}@media(max-width:768px){.hc-nav-list{display:none;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background:#fff}.hc-nav-list.open{display:flex}.hc-nav-list a{color:#555!important}.hc-nav-toggle{display:block}}

/* D骨架: sb-* 左侧垂直导航 */
body.sb-body{padding-left:240px}.sb-sidebar{position:fixed;left:0;top:0;width:240px;height:100vh;background:#1a1a2e;color:#ccc;z-index:1000;overflow-y:auto}.sb-sidebar a{color:#aaa;display:block;padding:12px 24px;text-decoration:none;font-size:14px;transition:.2s;border-left:3px solid transparent}.sb-sidebar a:hover,.sb-sidebar a.active{color:#fff;background:rgba(255,255,255,.06);border-left-color:var(--p)}.sb-logo{padding:24px 20px;font-size:20px;font-weight:700;color:#fff;border-bottom:1px solid rgba(255,255,255,.08);display:block;text-decoration:none}.sb-toggle{display:none;position:fixed;top:16px;left:16px;z-index:1001;background:var(--p);color:#fff;border:none;width:36px;height:36px;border-radius:4px;cursor:pointer}.sb-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999}@media(max-width:767px){body{padding-left:0}.sb-sidebar{transform:translateX(-100%);transition:transform .3s}.sb-sidebar.open{transform:translateX(0)}.sb-toggle{display:block}.sb-overlay.show{display:block}}

/* E骨架: mg-* 双行导航 */
.mg-topbar{background:#1a1a2e;color:#999;font-size:13px;padding:6px 0}.mg-topbar a{color:#999}.mg-topbar-inner,.mg-topbar .container{display:flex;justify-content:space-between;align-items:center}.mg-topbar-left,.mg-topbar-right{display:flex;align-items:center;gap:16px}.mg-navbar{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06);position:sticky;top:0;z-index:999;padding:10px 0}.mg-navbar-inner,.mg-navbar .container{display:flex;justify-content:space-between;align-items:center}.mg-logo{font-size:22px;font-weight:700;color:var(--p);text-decoration:none}.mg-links{display:flex;gap:24px}.mg-links a{color:#555;font-size:14px;font-weight:500;text-decoration:none}.mg-links a:hover,.mg-links a.active{color:var(--p)}.mg-nav-toggle{display:none;background:none;border:none;cursor:pointer}.mg-nav-toggle-bar{display:block;width:24px;height:2px;background:#555;margin:5px 0}.mg-nav-search{position:relative}.mg-nav-search input{border:1px solid #ddd;border-radius:20px;padding:6px 36px 6px 16px;font-size:13px;outline:none;width:180px}.mg-nav-search button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#999}.mg-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06);margin-bottom:20px;transition:.2s}.mg-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.1)}.mg-card img{width:100%;display:block;object-fit:cover}.mg-card-body{padding:16px}.mg-section-title{margin-bottom:30px;text-align:center}.mg-section-title h2{font-size:26px;font-weight:700;margin-bottom:8px}.mg-section-title p{color:#888;font-size:15px}.mg-tag{display:inline-block;padding:2px 10px;margin:2px;border-radius:12px;font-size:12px;background:var(--p)18;color:var(--p)}.mg-text-muted{color:#999;font-size:13px}.mg-footer{background:#263238;color:#b0bec5;padding:40px 0 20px;margin-top:60px}@media(max-width:768px){.mg-links,.mg-topbar{display:none}.mg-nav-toggle{display:block}.mg-links.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.1)}}

/* ============================================
   站点对接补充（site 251 农产油料作物大全）
   ============================================ */

/* 图片 logo → 文字 logo */
.bs-brand .site-logo-text{font-size:19px;font-weight:700;color:var(--bs-primary);white-space:nowrap;letter-spacing:.2px}
.bs-foot-brand .site-logo-text{display:block;font-size:18px;font-weight:700;color:#fff;margin-bottom:12px}

/* 导航：下拉固定高度滚动 + 「更多分类」入口 + 当前项高亮 */
.bs-navbar .bs-dropdown-menu{max-height:360px;overflow-y:auto}
.bs-dropdown-more{min-width:200px;max-height:380px}
.bs-nav-more{display:block;padding:8px 16px;font-size:14px;font-weight:500;color:#555;border-radius:6px;cursor:default;white-space:nowrap}
.bs-navbar .bs-nav-dropdown:hover .bs-nav-more{color:var(--bs-primary);background:rgba(230,126,34,.06)}
.bs-navbar .bs-nav-links a.active{color:var(--bs-primary);font-weight:600}
.bs-navbar .bs-dropdown-menu a.active{color:var(--bs-primary);font-weight:600}

/* 页脚：三栏 grid → 四栏 flex */
.bs-footer .bs-footer-grid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:32px;max-width:1200px;margin:0 auto}
.bs-foot-brand{flex:1.6 1 300px;min-width:240px}
.bs-foot-col{flex:1 1 170px;min-width:150px}

/* 无图站点的 emoji 占位 */
.emoji-tile{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;font-size:46px;line-height:1;background:#fef5ec}
.emoji-wide{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:16/9;font-size:64px;line-height:1;background:#fef5ec;border-radius:8px}
.emoji-thumb{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:4/3;font-size:34px;line-height:1;background:#fef5ec;border-radius:6px}
.article-emoji{display:flex;align-items:center;justify-content:center;height:200px;margin-bottom:22px;font-size:60px;line-height:1;background:#fef5ec;border-radius:8px}

/* 卡片文案截断，保证等高 */
.card h5,.card h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}

/* 侧栏 widget */
.aside-nav-group{padding:10px 0;border-bottom:1px dashed #f0e8d8}
.aside-nav-group:last-child{border-bottom:0}
.aside-nav-g{display:block;overflow:hidden;font-size:15px;font-weight:600;color:#2c3e50}
.aside-nav-g .cnt{float:right;font-size:12px;font-weight:400;color:#999}
.aside-nav-g:hover,.aside-nav-g.on{color:var(--bs-primary)}
.aside-subs{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.aside-subs a{font-size:12px;color:#666;border:1px solid #eee;padding:2px 8px;border-radius:4px}
.aside-subs a:hover,.aside-subs a.on{background:var(--bs-primary);border-color:var(--bs-primary);color:#fff}
.aside-hot,.aside-plain{list-style:none;margin:0;padding:0}
.aside-hot li,.aside-plain li{display:flex;gap:9px;align-items:flex-start;padding:9px 0;border-bottom:1px dashed #f0e8d8;font-size:13px}
.aside-hot li:last-child,.aside-plain li:last-child{border-bottom:0}
.aside-hot .num{flex:0 0 18px;height:18px;line-height:18px;text-align:center;background:var(--bs-primary);color:#fff;font-size:11px;font-style:normal;border-radius:3px}
.aside-hot .num.off{background:#f0e8d8;color:#999}
.aside-hot a,.aside-plain a{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2c3e50}
.aside-hot a:hover,.aside-plain a:hover{color:var(--bs-primary)}

/* 列表页行式条目 */
.art-list{list-style:none;padding:0;margin:0;background:#fff;border-radius:8px;box-shadow:0 1px 8px rgba(0,0,0,.04)}
.art-list li{border-bottom:1px solid #f0e8d8;padding:16px 20px}
.art-list li:last-child{border-bottom:0}
.art-list a.art-t{font-size:16px;font-weight:500;color:#2c3e50;display:block;line-height:1.5}
.art-list a.art-t:hover{color:var(--bs-primary)}
.art-list p{color:#888;margin:6px 0 0;font-size:13px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* 导航项多时收紧间距（13 个品类） */
@media (max-width: 1199px) {
    .bs-navbar .bs-nav-links a, .bs-nav-more { padding: 8px 10px; font-size: 13px; }
}