:root{--primary:#C08552;--primary-dark:#9C6642;--primary-light:#FEF3E2;--secondary:#A1623C;--bg-warm:#FFFBEB;--text-dark:#292524;--text-muted:#8E8480;--border-color:#F0E5D8}
body{font-family:-apple-system,"Microsoft YaHei","PingFang SC",sans-serif;background:var(--bg-warm);color:var(--text-dark)}
a{text-decoration:none;color:var(--primary)}
a:hover{color:var(--primary-dark)}
.site-navbar{background:linear-gradient(135deg,var(--primary),var(--primary-dark));padding:0;box-shadow:0 2px 10px rgba(0,0,0,.15)}
.site-navbar .navbar-brand{font-size:22px;font-weight:800;color:#fff!important;letter-spacing:1px}
.site-navbar .navbar-brand i{margin-right:6px}
.site-navbar .nav-link{color:rgba(255,255,255,.88)!important;font-weight:500;padding:16px 18px!important;transition:all .2s;border-bottom:3px solid transparent}
.site-navbar .nav-link:hover,.site-navbar .nav-link.active{color:#fff!important;background:rgba(255,255,255,.1);border-bottom-color:var(--primary-light)}
.navbar-toggler-icon{color:#fff;font-size:24px}
.navbar-toggler{border-color:rgba(255,255,255,.3)!important}
.nav-search-input{background:rgba(255,255,255,.15)!important;color:#fff!important;border-color:rgba(255,255,255,.3)!important;padding:6px 16px!important;border-radius:20px!important;width:160px!important;font-size:14px!important}
.nav-search-input::placeholder{color:rgba(255,255,255,.6)!important}
.nav-search-input:focus{background:rgba(255,255,255,.25)!important;border-color:rgba(255,255,255,.5)!important;outline:none;box-shadow:none}
.hero-section{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;padding:60px 0 50px;margin-bottom:30px}
.hero-section h1{font-size:32px;font-weight:800;margin-bottom:10px}
.hero-section p{opacity:.88;font-size:16px;max-width:600px}
.article-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06);border:1px solid var(--border-color)}
.article-card .card-img-top{height:200px;object-fit:cover}
.article-card .card-img-sm{height:160px;object-fit:cover}
.article-card .card-body{padding:20px}
.article-card .card-title{font-size:17px;font-weight:700;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.article-card .card-title a{color:var(--text-dark)}
.article-card .card-title a:hover{color:var(--primary)}
.article-card .card-meta{font-size:13px;color:var(--text-muted)}
.article-card .tag-badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:12px;background:#FFFBEB;color:var(--secondary);margin-right:4px}
.badge-sm{font-size:11px}
.badge-top{background:linear-gradient(135deg,#e74c3c,#c0392b)!important}
.badge-recommend{background:linear-gradient(135deg,#f39c12,#e67e22)!important}
.breadcrumb-wrapper{background:transparent;padding:12px 0}
.breadcrumb-wrapper .breadcrumb{background:#fff;border-radius:25px;padding:10px 24px;display:inline-flex;border:1px solid var(--border-color);margin:0}
.breadcrumb-wrapper .breadcrumb-item a{color:var(--primary)}
.breadcrumb-wrapper .breadcrumb-item.active{color:var(--text-muted)}
.breadcrumb-wrapper .breadcrumb-item+.breadcrumb-item::before{content:">";color:var(--text-muted)}
.article-content{line-height:1.85;font-size:16px;color:#34495E}
.article-content h2{color:var(--text-dark);margin-top:36px;margin-bottom:18px;font-weight:800;font-size:22px;letter-spacing:.5px;padding-bottom:10px;border-bottom:2px solid var(--primary);display:inline-block;width:fit-content;max-width:100%}
.article-content h3{color:#5D4037;margin-top:28px;margin-bottom:14px;font-weight:600;font-size:17px;padding-left:14px;border-left:3px solid #C08552;line-height:1.6}
.article-content h4{color:var(--text-dark);margin-top:20px;margin-bottom:10px;font-weight:700}
.article-content img{max-width:100%;border-radius:8px;margin:16px 0}
.article-content blockquote{border-left:4px solid var(--primary);background:var(--bg-warm);padding:16px 24px;margin:20px 0;border-radius:0 8px 8px 0}
.article-content a.internal-link{color:var(--primary);font-weight:600;border-bottom:2px solid var(--primary-light);padding:0 2px}
.sidebar-widget{background:#fff;border-radius:12px;padding:24px;border:1px solid var(--border-color);margin-bottom:20px}
.sidebar-widget h5{font-weight:700;color:var(--text-dark);padding-bottom:12px;border-bottom:3px solid var(--primary);margin-bottom:16px}
.sidebar-thumb{width:64px;height:48px;object-fit:cover;border-radius:6px;flex-shrink:0}
.sidebar-thumb-title{min-width:0;line-height:1.4}
.site-footer{background:linear-gradient(180deg,#9C6642,#C08552);color:#fff;padding:40px 0 20px;margin-top:50px}
.site-footer a{color:var(--primary-light)}
.site-footer h5{color:#fff;font-weight:700;margin-bottom:16px}
.footer-links a{display:block;margin-bottom:6px;color:rgba(255,255,255,.7);font-size:14px}
.footer-links a:hover{color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.15);margin-top:24px;padding-top:16px;text-align:center;font-size:13px;color:#fff}
.footer-bottom a{color:#fff}
.footer-tag-link{background:rgba(255,255,255,.15)!important;color:#fff!important;font-size:12px!important;padding:4px 10px!important;text-decoration:none!important}
.footer-divider{margin:0 8px}
.site-main{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 100 100'%3E%3Cpath fill='%23C08552' opacity='0.04' d='M50 45C42 35 32 38 28 48C24 58 32 70 50 85C68 70 76 58 72 48C68 38 58 35 50 45ZM26 28C22 22 14 24 12 31C10 38 16 44 25 46C30 40 30 33 26 28ZM74 28C78 22 86 24 88 31C90 38 84 44 75 46C70 40 70 33 74 28ZM36 15C33 9 24 10 22 17C20 24 26 30 34 32C39 27 39 20 36 15ZM64 15C67 9 76 10 78 17C80 24 74 30 66 32C61 27 61 20 64 15Z'/%3E%3C/svg%3E");background-repeat:repeat;background-size:140px 140px;background-color:#FFFBEB}
.site-main>.container{max-width:1200px;margin-top:20px}
.search-box input{border:2px solid var(--border-color);border-radius:25px;padding:10px 24px;transition:border-color .3s}
.search-box input:focus{border-color:var(--primary);box-shadow:none}
.pagination .page-link{color:var(--primary);border-color:var(--border-color);padding:8px 16px;margin:0 3px;border-radius:8px}
.pagination .page-item.active .page-link{background:var(--primary);border-color:var(--primary);color:#fff}
.error-page{text-align:center;padding:80px 20px}
.error-page .error-code{font-size:120px;font-weight:900;color:var(--primary-dark);line-height:1}
.error-page .error-msg{font-size:20px;color:var(--text-muted);margin-top:10px}
.btn-home{background:var(--primary);color:#fff;border-radius:25px;padding:10px 32px}
.btn-home:hover{background:var(--primary-dark);color:#fff}
.back-to-top{position:fixed;bottom:36px;right:24px;z-index:1050;width:44px;height:44px;border-radius:50%;background:var(--primary);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 14px rgba(192,133,82,.4);opacity:0;visibility:hidden;transform:translateY(16px);transition:all .3s ease}
.back-to-top:hover{background:var(--primary-dark);box-shadow:0 6px 20px rgba(156,102,66,.5);transform:translateY(-2px)}
.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}
.section-title{color:var(--text-dark);font-weight:700;font-size:17px;margin-bottom:16px}
.section-title i{color:var(--text-muted)}
.card-placeholder{background:linear-gradient(135deg,#FEF3E2,#FDE6CF);min-height:180px}
.card-placeholder-sm{background:linear-gradient(135deg,#FEF3E2,#FDE6CF);height:200px}
.card-placeholder-icon{font-size:48px}
.card-placeholder-icon-sm{font-size:36px}
.list-thumb{width:100%;height:160px;object-fit:cover}
.list-thumb-lg{width:100%;height:180px;object-fit:cover}
@media(max-width:768px){.hero-section{padding:40px 0 30px}.hero-section h1{font-size:24px}.article-card .card-img-top{height:160px}.back-to-top{bottom:20px;right:16px;width:40px;height:40px;font-size:18px}}