:root {
    --lx-primary: #4f46e5;
    --lx-primary-dark: #3730a3;
    --lx-accent: #06b6d4;
    --lx-ink: #172033;
    --lx-muted: #6b7280;
    --lx-surface: rgba(255, 255, 255, .94);
    --lx-border: rgba(148, 163, 184, .22);
    --lx-shadow: 0 18px 45px rgba(29, 41, 57, .08);
}

html { scroll-behavior: smooth; }

body {
    min-height: 100vh;
    color: var(--lx-ink);
    background:
        radial-gradient(circle at 8% 0%, rgba(79, 70, 229, .12), transparent 28rem),
        radial-gradient(circle at 96% 16%, rgba(6, 182, 212, .10), transparent 25rem),
        #f6f8fc;
    font-family: Inter, "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;
    line-height: 1.7;
}

a { color: var(--lx-primary); transition: color .2s ease, transform .2s ease; }
a:hover { color: var(--lx-primary-dark); }

.header-bar {
    position: sticky;
    top: 0;
    z-index: 1030;
    border-bottom: 1px solid rgba(255, 255, 255, .7);
    background: rgba(255, 255, 255, .84) !important;
    box-shadow: 0 8px 30px rgba(15, 23, 42, .06);
    backdrop-filter: blur(18px);
}

.header-bar .navbar { min-height: 72px; background: transparent !important; }
.navbar-brand img { width: auto; max-width: 180px; height: 46px; object-fit: contain; }
.navbar .nav-link { color: #475569; font-weight: 600; border-radius: 10px; padding: .55rem .8rem !important; }
.navbar .nav-link:hover, .navbar .nav-link.active { color: var(--lx-primary); background: rgba(79, 70, 229, .08); }
.dropdown-menu { padding: .55rem; border: 1px solid var(--lx-border); border-radius: 14px; box-shadow: var(--lx-shadow); }
.dropdown-item { border-radius: 9px; padding: .55rem .75rem; }
.dropdown-item:hover { color: var(--lx-primary); background: rgba(79, 70, 229, .08); }
.site-navbar{min-height:70px!important;padding:.45rem 0}.site-navbar>.container-fluid{gap:1rem;padding:0}.site-navbar .navbar-brand{display:flex;align-items:center;margin-right:.6rem;padding:0}.site-navbar .navbar-brand img{width:auto;height:45px;max-width:175px;object-fit:contain}.site-nav-links{align-items:center;gap:.12rem;margin-bottom:0!important}.site-nav-links .nav-link{display:flex;align-items:center;gap:.35rem;padding:.48rem .68rem!important;color:#536078;font-size:.86rem;font-weight:650;white-space:nowrap}.site-nav-links .nav-link::after{margin-left:.1rem}.site-nav-links .nav-link.active{color:#087f79;background:#e7f6f4}.nav-home-icon{display:none}.site-nav-links .dropdown-menu{min-width:170px;margin-top:.65rem;padding:.45rem;border:1px solid rgba(213,223,230,.9);border-radius:12px;background:rgba(255,255,255,.98);box-shadow:0 18px 45px rgba(15,23,42,.13)}.site-nav-links .dropdown-item{padding:.5rem .65rem;color:#596579;font-size:.8rem}.site-nav-actions{display:flex;align-items:center;gap:.5rem}.nav-search{display:flex;width:220px;height:42px;align-items:center;padding-left:.8rem;border:1px solid #dce3e9;border-radius:12px;background:#f8fafc;transition:border-color .2s,box-shadow .2s,background .2s}.nav-search:focus-within{border-color:#76c3bd;background:#fff;box-shadow:0 0 0 3px rgba(15,143,135,.09)}.nav-search>.fa{color:#9aa5b3;font-size:.8rem}.nav-search input{min-width:0;flex:1;padding:.4rem .5rem;border:0;outline:0;background:transparent;color:#344054;font-size:.8rem}.nav-search button{height:32px;margin-right:.28rem;padding:0 .7rem;color:#fff;border:0;border-radius:9px;background:var(--admin-primary,#0f8f87);font-size:.74rem;font-weight:700}.nav-auth-button,.nav-user-button{height:42px;padding:0 .78rem;color:#08736d;border:1px solid #9ed3cf;border-radius:11px;background:#eff9f8;font-size:.78rem;font-weight:700;white-space:nowrap}.nav-auth-button:hover,.nav-user-button:hover{color:#fff;background:#0f8f87}.nav-auth-button .fa,.nav-user-button .fa{margin-right:.3rem}.nav-user-menu{min-width:230px;padding:.55rem}.nav-user-meta{display:flex;flex-direction:column;gap:.1rem;padding:.45rem .55rem}.nav-user-meta small{color:#98a2b3;font-size:.68rem}.nav-user-meta strong{color:#475467;font-size:.8rem;font-weight:650}.nav-user-menu .dropdown-item{font-size:.78rem}.nav-user-menu .dropdown-item .fa{width:1rem;margin-right:.3rem}.nav-logout{color:#c73d4a!important}.nav-logout:hover{background:#fff1f2!important}.site-menu-toggle{width:42px;height:42px;padding:0;border:1px solid #dce3e9;border-radius:11px;background:#f8fafc}.site-menu-toggle:focus{box-shadow:0 0 0 3px rgba(15,143,135,.1)}

.site-main { min-height: calc(100vh - 190px); padding-top: 1.35rem; padding-bottom: 2.5rem; }
.bg-white, article > div, aside > div { border-color: var(--lx-border) !important; }
.shadow, .bg-white.rounded, .bg-white.border, article > div {
    border-radius: 18px !important;
    box-shadow: var(--lx-shadow) !important;
}

article section.row { margin: 0; padding: 1rem .4rem; border-radius: 14px; transition: background .2s ease, transform .2s ease; }
article section.row:hover { background: #f8faff; transform: translateY(-2px); }
article section img, aside img { width: 100% !important; height: auto !important; aspect-ratio: 16/9; object-fit: cover; border: 0; border-radius: 13px; }
article h1, article h2, article h3, article h4 { color: #111827; font-weight: 750; letter-spacing: -.02em; }

.btn { border-radius: 11px; font-weight: 650; padding: .56rem .95rem; border-width: 0; box-shadow: none !important; }
.btn-primary, .btn-danger { background: linear-gradient(135deg, var(--lx-primary), #7c3aed); }
.btn-primary:hover, .btn-danger:hover { background: linear-gradient(135deg, var(--lx-primary-dark), #6d28d9); transform: translateY(-1px); }
.btn-success { background: linear-gradient(135deg, #059669, #0d9488); }
.form-control, .form-select { min-height: 44px; border-color: #dce2ec; border-radius: 11px; background-color: rgba(255,255,255,.92); }
.form-control:focus, .form-select:focus { border-color: #818cf8; box-shadow: 0 0 0 .22rem rgba(79, 70, 229, .12); }

.pagination { gap: .3rem; }
.page-link { border: 0; border-radius: 9px !important; color: var(--lx-primary); }
.page-item.active .page-link { background: var(--lx-primary); }
.badge { font-weight: 550; padding: .55em .8em; }
.nav-tabs { border: 0; gap: .3rem; }
.nav-tabs .nav-link { border: 0; border-radius: 10px; color: var(--lx-muted); }
.nav-tabs .nav-link.active { color: var(--lx-primary); background: rgba(79,70,229,.1); font-weight: 700; }
.modal-content { border: 0; border-radius: 20px; box-shadow: 0 30px 70px rgba(15,23,42,.2); }
.modal-header { border-color: var(--lx-border); }

.site-footer { margin-top:2rem; color:#98a7ba; background:#142036; }
.site-footer a { color:#cbd5e1; text-decoration:none; }.site-footer a:hover{color:#5eead4}
.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:clamp(1.5rem,5vw,4rem);padding-top:3rem;padding-bottom:2.5rem}.footer-brand img{width:auto;height:48px;max-width:190px;filter:brightness(0) invert(1);opacity:.94}.footer-brand p{max-width:310px;margin:.9rem 0 0;font-size:.86rem;line-height:1.75}.footer-column{display:flex;align-items:flex-start;flex-direction:column;gap:.55rem;font-size:.82rem}.footer-column h3{margin:0 0 .45rem;color:#f8fafc;font-size:.9rem;font-weight:750}.footer-column p{margin:0;line-height:1.7}.footer-bottom{border-top:1px solid rgba(148,163,184,.14);background:rgba(8,15,29,.25)}.footer-bottom>.container{display:flex;justify-content:space-between;gap:1rem;padding-top:1rem;padding-bottom:1rem;font-size:.76rem}.footer-bottom p{margin:0}.footer-bottom a{color:#94a3b8}

.hero-panel { display:flex; align-items:center; min-height:176px; margin-bottom:2rem; padding:2rem 2.4rem; color:#fff; border-radius:24px; overflow:hidden; position:relative; background:linear-gradient(125deg,#254e70 0%,#267a87 62%,#32a49a 120%); box-shadow:0 20px 46px rgba(37,78,112,.2); }
.hero-panel::after { content:""; position:absolute; width:320px; height:320px; right:-100px; top:-190px; border:60px solid rgba(255,255,255,.08); border-radius:50%; }
.hero-panel > * { position:relative; z-index:1; }
.hero-eyebrow { display:inline-flex; gap:.45rem; align-items:center; margin-bottom:.75rem; font-size:.78rem; font-weight:750; letter-spacing:.14em; text-transform:uppercase; color:#c7d2fe; }
.hero-panel h1 { margin:0 0 .55rem; font-size:clamp(1.8rem,4vw,3rem); line-height:1.16; font-weight:850; letter-spacing:-.04em; }
.hero-panel p { max-width:680px; margin:0; color:rgba(255,255,255,.8); }

.content-layout { display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:1.6rem; align-items:start; }
.section-heading { display:flex; justify-content:space-between; align-items:end; margin-bottom:1rem; }
.section-heading span:first-child { display:block; color:var(--lx-primary); font-size:.7rem; font-weight:800; letter-spacing:.14em; }
.section-heading h2 { margin:.1rem 0 0; font-size:1.55rem; font-weight:800; }
.result-count { color:#94a3b8; font-size:.8rem; }
.article-feed { display:grid; gap:.7rem; }
.article-card { display:grid; grid-template-columns:190px minmax(0,1fr); overflow:hidden; border:1px solid var(--lx-border); border-radius:15px; background:var(--lx-surface); box-shadow:0 8px 24px rgba(15,23,42,.045); transition:transform .25s ease,box-shadow .25s ease; }
.article-card:hover { transform:translateY(-4px); box-shadow:0 20px 45px rgba(15,23,42,.1); }
.article-cover { overflow:hidden; background:#e8ecf4; }.article-cover img{width:100%;height:100%;min-height:145px;object-fit:cover;transition:transform .45s ease}.article-card:hover .article-cover img{transform:scale(1.035)}
.article-card-body { display:flex; flex-direction:column; min-width:0; padding:.78rem 1rem; }
.article-meta { display:flex; gap:1rem; color:#94a3b8; font-size:.76rem; }.article-meta .fa{margin-right:.25rem}
.article-card h3 { margin:.32rem 0 .25rem; overflow:hidden; font-size:1.02rem; line-height:1.38; font-weight:760; text-overflow:ellipsis; white-space:nowrap; }.article-card h3 a{color:#172033;text-decoration:none}.article-card h3 a:hover{color:var(--lx-primary)}
.article-card p { display:-webkit-box; margin:0 0 .42rem; overflow:hidden; color:#64748b; font-size:.8rem; line-height:1.5; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.article-card-footer { display:flex; justify-content:space-between; align-items:center; margin-top:auto; font-size:.74rem; }.author-chip{color:#64748b}.author-chip .fa{color:var(--lx-primary);margin-right:.3rem}.read-more{text-decoration:none;font-weight:700}.read-more .fa{margin-left:.3rem;transition:transform .2s}.read-more:hover .fa{transform:translateX(3px)}
.feed-pagination { display:flex; justify-content:center; align-items:center; gap:1rem; margin:1.3rem 0; }.feed-pagination a,.feed-pagination span{padding:.6rem .9rem;border-radius:10px;text-decoration:none;background:#fff;box-shadow:0 7px 20px rgba(15,23,42,.05)}.feed-pagination span{color:#94a3b8}
.empty-state { padding:4rem 1rem; text-align:center; color:#94a3b8; border:1px dashed #cbd5e1; border-radius:18px;background:rgba(255,255,255,.55)}.empty-state .fa{font-size:2rem}.empty-state h3{margin:.8rem 0 .2rem;color:#475569}

.home-sidebar { position:sticky; top:92px; display:grid; gap:1rem; }.side-card{overflow:hidden;border:1px solid var(--lx-border);border-radius:18px;background:#fff;box-shadow:0 12px 35px rgba(15,23,42,.055)}
.side-card-title{display:flex;justify-content:space-between;align-items:center;padding:1rem 1rem .7rem}.side-card-title>div{display:flex;align-items:center;gap:.55rem}.side-card-title .fa{color:#f97316}.side-card-title h3{margin:0;font-size:1rem;font-weight:780}
.hot-tabs{display:flex;gap:.35rem;padding:0 1rem .8rem}.hot-tabs button{border:0;padding:.4rem .75rem;border-radius:8px;background:#f1f5f9;color:#64748b;font-size:.78rem}.hot-tabs button.active{background:#eef2ff;color:var(--lx-primary);font-weight:700}
.hot-item{display:grid;grid-template-columns:88px minmax(0,1fr);gap:.7rem;padding:.7rem 1rem;text-decoration:none;border-top:1px solid #f1f5f9}.hot-item:hover{background:#f8faff}.hot-item img{width:88px!important;height:58px!important;object-fit:cover;border-radius:9px}.hot-item span{display:flex;min-width:0;flex-direction:column;justify-content:space-between}.hot-item strong{display:-webkit-box;overflow:hidden;color:#334155;font-size:.82rem;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}.hot-item small{color:#94a3b8;font-size:.7rem}
.tag-card{padding-bottom:.7rem}.tag-card .fa{color:#7c3aed}.tag-cloud{display:flex;flex-wrap:wrap;gap:.45rem;padding:.2rem 1rem 1rem}.tag-cloud a{padding:.38rem .65rem;border-radius:8px;color:#64748b;background:#f1f5f9;text-decoration:none;font-size:.76rem}.tag-cloud a:hover{color:#fff;background:var(--lx-primary);transform:translateY(-1px)}.side-empty{margin:0;padding:1rem;color:#94a3b8;font-size:.82rem}

.article-detail { max-width:1000px; margin:0 auto; padding:clamp(1.2rem,4vw,3.2rem); border:1px solid var(--lx-border); border-radius:24px; background:#fff; box-shadow:var(--lx-shadow); }
.article-header { padding-bottom:1.5rem; border-bottom:1px solid #edf0f5; text-align:center; }.article-header h1{max-width:820px;margin:0 auto .8rem;font-size:clamp(1.8rem,4.5vw,2.8rem);line-height:1.25;font-weight:850;letter-spacing:-.035em}.article-header>div{display:flex;justify-content:center;flex-wrap:wrap;gap:.25rem;color:#94a3b8}.article-header .m-2{margin:.2rem .45rem!important}
.article-content { color:#334155; font-size:1.02rem; line-height:1.9; }.article-content img{display:block;max-width:100%!important;height:auto!important;margin:1.4rem auto;border-radius:13px}.article-content p{margin-bottom:1.2rem}.article-content h2,.article-content h3{margin:2rem 0 1rem}.article-content pre{padding:1rem;overflow:auto;color:#dbeafe;background:#111827;border-radius:12px}.article-content blockquote{padding:.8rem 1rem;border-left:4px solid var(--lx-primary);background:#f8faff;color:#64748b;border-radius:0 10px 10px 0}
.resource-box { margin:1.5rem 0; padding:1.25rem; border-radius:14px; text-align:center; }.resource-unlocked{border:1px solid #99f6e4;background:#f0fdfa}.resource-locked{border:1px solid #fecaca;background:#fff7f7}.resource-locked::before{display:block;margin-bottom:.35rem;font-family:FontAwesome;content:"\f023";font-size:1.35rem;color:#ef4444}
.comment-area { margin-top:2rem; padding:1.2rem; border-radius:16px; background:#f8fafc; border:1px solid #edf0f5; }.comment-area h4{margin-bottom:1rem;font-size:1.1rem}.comment-area h4 .fa{color:var(--lx-primary)}#captcha_img{flex:0 0 160px;width:160px!important;height:44px!important;aspect-ratio:auto!important;object-fit:fill!important;cursor:pointer;border-radius:0}.comment-item{margin-top:.75rem;padding:1rem;border:1px solid #e9edf3;border-radius:12px;background:#fff}.comment-item p{margin:.5rem 0 0}
.article-notice { max-width:1000px; margin:1rem auto 0; padding:1.25rem 1.4rem; color:#64748b; border:1px solid #fde68a; border-radius:16px; background:#fffbeb; box-shadow:0 10px 30px rgba(120,53,15,.05); }.article-notice-title{margin-bottom:.5rem;color:#92400e;font-weight:800}.article-notice-title .fa{margin-right:.35rem}

@media (max-width: 767.98px) {
    .header-bar .navbar { min-height: 64px; }
    .navbar-collapse { padding: .8rem 0 1rem; }
    .site-main { padding: .8rem .75rem 2rem; }
    article section.row { gap: .8rem; padding: .75rem 0; }
    .shadow, .bg-white.rounded, .bg-white.border, article > div { border-radius: 14px !important; }
    .hero-panel{grid-template-columns:1fr;padding:1.5rem;border-radius:18px;gap:1.2rem}.hero-panel p{font-size:.88rem}.content-layout{grid-template-columns:1fr}.home-sidebar{position:static}.article-card{grid-template-columns:108px minmax(0,1fr);border-radius:13px}.article-cover img{min-height:132px}.article-card-body{padding:.68rem .75rem}.article-card h3{font-size:.92rem}.article-card p{-webkit-line-clamp:2;font-size:.74rem}.article-meta span:first-child{display:none}.article-card-footer{align-items:flex-end}.author-chip{max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.read-more{font-size:0}.read-more .fa{font-size:.75rem}.section-heading{padding:0 .15rem}
    .article-detail{padding:1.2rem;border-radius:17px}.article-header{text-align:left}.article-header>div{justify-content:flex-start}.article-content{font-size:.96rem}.comment-area{padding:.9rem}.comment-area .input-group{display:grid;grid-template-columns:minmax(90px,1fr) 140px}.comment-area .input-group-text{display:none}#captcha{grid-column:1}#captcha_img{grid-column:2;width:140px!important}.comment-area #btn_comment{grid-column:1/3;margin-top:.55rem}
    .footer-grid{grid-template-columns:1fr 1fr;padding-top:2.2rem}.footer-brand{grid-column:1/3}.footer-bottom>.container{flex-direction:column;text-align:center;gap:.3rem}
}

@media(max-width:991.98px){.site-navbar{min-height:64px}.site-navbar>.container-fluid{padding:0 .15rem}.site-navbar .navbar-brand img{height:40px;max-width:155px}.site-navbar .navbar-collapse{margin-top:.55rem;padding:.75rem;border:1px solid #e2e8ed;border-radius:15px;background:#fff;box-shadow:0 18px 40px rgba(15,23,42,.11)}.site-nav-links{align-items:stretch;gap:.2rem}.site-nav-links .nav-link{padding:.65rem .75rem!important}.nav-home-icon{display:inline-block}.site-nav-links .dropdown-menu{margin:.2rem 0 .4rem;padding:.35rem;box-shadow:none;background:#f8fafc}.site-nav-actions{align-items:stretch;flex-direction:column;margin-top:.65rem;padding-top:.65rem;border-top:1px solid #edf0f3}.nav-search{width:100%}.nav-auth-button,.nav-user-button{width:100%}.nav-user{width:100%}.nav-user-menu{width:100%;position:static!important;transform:none!important;margin-top:.3rem!important;box-shadow:none}.header-bar{padding:0 .65rem}}

@media (min-width:768px) and (max-width:991.98px){.content-layout{grid-template-columns:1fr}.home-sidebar{position:static;grid-template-columns:1fr 1fr}.hero-panel{grid-template-columns:1fr}}

.error-page,.redirect-page{display:grid;min-height:100vh;place-items:center;padding:1.2rem;background:radial-gradient(circle at 20% 10%,rgba(79,70,229,.2),transparent 30rem),radial-gradient(circle at 90% 90%,rgba(6,182,212,.14),transparent 28rem),#f4f6fb}.error-card,.redirect-card{width:min(100%,540px);padding:clamp(2rem,7vw,4rem);text-align:center;border:1px solid rgba(255,255,255,.9);border-radius:28px;background:rgba(255,255,255,.88);box-shadow:0 30px 80px rgba(15,23,42,.14);backdrop-filter:blur(18px)}.error-code{margin-bottom:-1rem;font-size:clamp(6rem,25vw,10rem);line-height:1;font-weight:900;letter-spacing:-.08em;color:transparent;background:linear-gradient(135deg,#312e81,#06b6d4);background-clip:text;-webkit-background-clip:text}.error-kicker{color:var(--lx-primary);font-size:.7rem;font-weight:850;letter-spacing:.18em}.error-card h1,.redirect-card h1{margin:.55rem 0;font-weight:850}.error-card p,.redirect-card p{color:#64748b}.error-actions{display:flex;justify-content:center;gap:.7rem;margin-top:1.5rem}.error-back{color:#475569;background:#e9edf5}.redirect-icon{display:grid;width:72px;height:72px;place-items:center;margin:0 auto 1.2rem;color:#fff;font-size:1.6rem;border-radius:22px;background:linear-gradient(135deg,var(--lx-primary),var(--lx-accent));box-shadow:0 15px 30px rgba(79,70,229,.25)}.redirect-progress{height:6px;margin:1.5rem 0;overflow:hidden;border-radius:99px;background:#e8ecf4}.redirect-progress span{display:block;width:100%;height:100%;transform-origin:left;background:linear-gradient(90deg,var(--lx-primary),var(--lx-accent));animation:redirect-countdown 2.6s linear forwards}.redirect-card .btn{display:block}.redirect-cancel{display:inline-block;margin-top:1rem;color:#94a3b8;font-size:.82rem;text-decoration:none}@keyframes redirect-countdown{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.password-toggle{position:absolute;top:50%;right:.7rem;z-index:5;transform:translateY(-50%);width:34px;height:34px;color:#94a3b8;border:0;border-radius:8px;background:transparent}.password-toggle:hover{color:var(--lx-primary);background:#f1f5f9}.form-floating:has(.password-toggle)>.form-control{padding-right:3rem}.site-toast-container{z-index:2000}.site-toast{min-width:280px;color:#334155;border:1px solid #e4e9ee;border-radius:12px;background:#fff;box-shadow:0 18px 45px rgba(15,23,42,.16)}.site-toast .toast-body{display:flex;align-items:center;gap:.6rem;padding:.8rem 1rem}.toast-success .fa{color:#059669}.toast-error .fa{color:#dc3545}.toast-info .fa{color:var(--lx-primary)}
.article-tools{display:flex;justify-content:center;gap:.5rem;margin:1rem 0 0}.article-tools button{padding:.4rem .7rem;color:#64748b;border:1px solid #e4e9ee;border-radius:9px;background:#fff;font-size:.75rem}.article-tools button:hover{color:var(--lx-primary);border-color:#c7d2fe;background:#f8faff}.article-reading-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:1.5rem;align-items:start}.article-toc{position:sticky;top:92px;margin-top:1.5rem;padding:.9rem;border-left:2px solid #dbe3ea}.article-toc strong{display:block;margin-bottom:.55rem;font-size:.8rem}.article-toc nav{display:flex;flex-direction:column;gap:.35rem}.article-toc a{overflow:hidden;color:#64748b;font-size:.72rem;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.article-toc a:hover{color:var(--lx-primary)}.article-toc .toc-sub{padding-left:.7rem}.article-tags{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem}.article-tags>a span{display:inline-block;margin:0!important;padding:.38rem .62rem!important;color:#596579!important;border-radius:8px!important;background:#f1f5f9!important}.article-siblings{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:1.2rem 0}.article-siblings a{display:flex;min-width:0;flex-direction:column;padding:.8rem .9rem;color:#475569;border:1px solid #e6ebef;border-radius:11px;background:#fafcfc;text-decoration:none}.article-siblings a:hover{color:var(--lx-primary);border-color:#c9d7e2;background:#fff}.article-siblings small{color:#98a2b3;font-size:.68rem}.article-siblings strong{overflow:hidden;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.related-articles{margin:1.5rem 0}.related-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:.7rem}.related-heading h3{margin:0;font-size:1rem}.related-heading span{color:#98a2b3;font-size:.7rem}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}.related-grid a{display:flex;overflow:hidden;flex-direction:column;color:#475569;border:1px solid #e7ecef;border-radius:11px;background:#fff;text-decoration:none}.related-grid img{width:100%!important;height:auto!important;margin:0!important;aspect-ratio:16/9;object-fit:cover;border-radius:0!important}.related-grid strong{display:-webkit-box;margin:.55rem .65rem .15rem;overflow:hidden;font-size:.76rem;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical}.related-grid small{margin:0 .65rem .55rem;color:#98a2b3;font-size:.65rem}.pay-modal-content{height:min(600px,85vh)}.captcha-refresh{display:grid;width:42px;place-items:center;color:#64748b;border:1px solid #dce2ec;background:#f8fafc}.pay-qrcode{width:min(350px,82vw);height:auto;aspect-ratio:1;object-fit:contain}
@media(max-width:767.98px){.article-reading-layout{grid-template-columns:1fr}.article-toc{position:static;margin-top:1rem;border-left:0;border-radius:10px;background:#f8fafc}.article-toc nav{display:grid;grid-template-columns:1fr 1fr}.related-grid{grid-template-columns:1fr 1fr}.article-siblings{grid-template-columns:1fr}.article-siblings span{display:none}.captcha-refresh{display:none}}

/* Navigation fallbacks: keep controls styled even when Bootstrap rules win specificity. */
.site-navbar .site-nav-actions{display:flex!important;align-items:center!important;gap:.5rem!important}.site-navbar .nav-search{display:flex!important;width:220px!important;height:42px!important;align-items:center!important;padding-left:.8rem!important;overflow:hidden;border:1px solid #dce3e9!important;border-radius:12px!important;background:#f8fafc!important}.site-navbar .nav-search input{min-width:0!important;flex:1 1 0!important;width:0!important;height:auto!important;padding:.4rem .5rem!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important}.site-navbar .nav-search button{flex:0 0 58px!important;min-width:58px!important;height:32px!important;margin-right:.28rem!important;padding:0 .65rem!important;color:#fff!important;border:0!important;border-radius:9px!important;background:#0f8f87!important;font-size:.74rem!important;line-height:32px!important;white-space:nowrap!important;word-break:keep-all!important}.site-navbar .nav-user-button{height:42px!important;padding:0 .78rem!important;color:#08736d!important;border:1px solid #9ed3cf!important;border-radius:11px!important;background:#eff9f8!important;font-size:.78rem!important}.site-navbar .nav-user-button:hover{color:#fff!important;background:#0f8f87!important}@media(max-width:991.98px){.site-navbar .site-nav-actions{align-items:stretch!important;flex-direction:column!important}.site-navbar .nav-search{width:100%!important}.site-navbar .nav-user-button{width:100%!important}}