:root{
  --primary:#94daff;
  --primary-rgb:117,207,255;
  --accent:#43cce4;
  --accent-rgb:103,233,255;
  --teal:#46e7cf;
  --teal-rgb:94,234,212;
  --pink:#d76dd3;
  --pink-rgb:255,89,249;
  --purple:#8962e4;
  --purple-rgb:160,120,255;
  --blue:#365cdb;
  --blue-rgb:74,116,255;
  --green:#10b981;
  --green-rgb:16,185,129;
  --gold:#f6c30b;
  --gold-rgb:246,195,11;
  --red:#ff6464;
  --red-rgb:255,100,100;
  --text:#fff;
  --text-muted:rgba(255,255,255,.6);
  --text-dim:rgba(255,255,255,.15);
  --bg-dark:rgba(0,0,0,.8);
  --bg-card:rgba(0,0,0,.3);
  --bg-card-hover:rgba(0,0,0,.6);
  --bg-overlay:rgba(0,0,0,.85);
  --bg-semi:rgba(0,0,0,.4);
  --bg-card-50:rgba(0,0,0,.5);
  --border:var(--primary);
  --border-light:rgba(255,255,255,.6);
  --border-lighter:rgba(255,255,255,.8);
  --transition:.3s ease;
  --radius:10px;
  --radius-lg:20px;
  --shadow:0 0 20px,0 20px 50px rgba(0,0,0,.5)
}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}
body{background:linear-gradient(-45deg,#23443c,#242f42,#1b1b31,#392a43);background-size:400% 400%;animation:gradientBG 5s ease infinite;position:relative;color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
@keyframes gradientBG{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes blink{0%,50%{opacity:1}51%,100%{opacity:0}}
@keyframes breathe{0%,100%{opacity:.5}50%{opacity:1}}
@keyframes flicker{0%,100%,15%,50%,65%{opacity:.1}5%,10%{opacity:.9}55%,60%{opacity:.8}}
#particle-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}
.aurora-section{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}
.aurora-bg-1{position:absolute;top:-300px;right:-200px;width:1000px;height:1000px;z-index:0;pointer-events:none;background:radial-gradient(circle,rgba(219,42,255,.3) 0%,transparent 70%);border-radius:50%}
.aurora-bg-2{position:absolute;bottom:-800px;left:-420px;width:1200px;height:1200px;z-index:0;pointer-events:none;background:radial-gradient(circle,rgba(0,191,130,.6) 0%,transparent 70%);border-radius:50%}
.aurora-bg-3{position:absolute;bottom:-100px;left:-260px;width:600px;height:600px;z-index:0;pointer-events:none;background:radial-gradient(circle,rgba(255,182,5,.3) 0%,transparent 70%);border-radius:50%}
.navbar{padding:0;position:sticky;top:0;z-index:1100}
.navbar .container{background:var(--bg-dark)}
.navbar-brand{color:#fff;font-weight:600;font-size:1.2rem;line-height:1.2rem;background-image:url(../img/logo-color.svg);background-repeat:no-repeat;background-size:auto;padding-left:21px;padding-top:0;padding-bottom:0;margin-top:10px;margin-bottom:10px}
.navbar .nav-item .nav-link{color:var(--text);font-size:.875rem;font-weight:500;line-height:1;padding:10px 1rem;text-align:left}
.navbar .nav-item .nav-link.navbar-brand{position:relative;font-size:20px;font-weight:600;letter-spacing:-.2px;padding-left:36px;line-height:20px;text-decoration:none;color:var(--text);background-image:url("../img/logo-color.svg");background-size:24px 24px;background-repeat:no-repeat;background-position:left 50%}
.navbar .nav-item .nav-link .link-title{letter-spacing:.1rem;opacity:.6;transition:opacity var(--transition)}
.navbar .nav-item .nav-link:hover .link-title{opacity:1}
.navbar .nav-item .nav-link.active .link-title,.navbar .nav-item .nav-link.active .t-tiny{opacity:.8;color:var(--accent)}
.navbar-toggler{color:var(--accent);background-color:#222;border:1px solid rgba(var(--accent-rgb),.5);width:32px;height:32px;margin:5px;padding:0}
.navbar-toggler-icon{background-image:inherit}
.offcanvas{background-color:rgba(0,0,0,1);padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5)}
.offcanvas.offcanvas-end{width:100%}
.offcanvas-header{padding:0;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;border-bottom:1px solid var(--accent);padding-bottom:5px;margin-bottom:5px}
.offcanvas h5,.offcanvas .btn-close{color:var(--accent)}
.offcanvas .btn-close{background-color:#222;border:1px solid var(--accent);width:32px;height:32px;margin:5px;padding:0;opacity:1}
.offcanvas-body{display:flex;align-items:center}
.navbar-nav{align-items:center}
.page-content h1,.page-content h2{color:var(--text);font-weight:700;font-size: 3rem;line-height:3.8rem}
.page-content h3{color:var(--primary);font-weight:700;font-size:2.8rem;line-height:3rem}
.page-content h3::after{content:'_';animation:blink 1s step-end infinite;font-family:monospace;font-size:1em;color:var(--primary);margin-left:2px}
.page-content p{color:var(--text);font-size:1rem;line-height:1.5rem;margin-bottom:1.5rem}
.markdown{color:var(--text);font-size:.7rem;line-height:.75rem;opacity:.2}
.markdown p{font-size:.7rem;line-height:.85rem;margin:0;padding:0}
.t-tiny{font-size:.5rem;opacity:.4}
.visual-panel{position:relative;width:100%;padding:10px 20px;opacity:.6;border:1px solid var(--border);background-color:var(--bg-card);color:var(--text);border-radius:5px;transition:opacity var(--transition),background-color var(--transition);cursor:pointer}
.visual-panel:hover{opacity:.8;background-color:var(--bg-card-hover)}
.chart-bar-container{display:flex;flex-direction:column;gap:2px}
.chart-bar{display:flex;align-items:center;gap:12px}
.chart-bar-label{max-width:80px;color:var(--text);font-size:.6rem;opacity:.65;text-align:right;flex-shrink:0}
.chart-bar-track{flex:1;height:5px;background:var(--border-lighter);overflow:hidden;border-radius:5px}
.chart-bar-fill{height:100%;width:0;background:var(--teal);transition:width .5s ease;border-radius:5px}
.chart-bar-value{width:40px;color:var(--text);font-size:.75rem;opacity:.9;flex-shrink:0}
.line-chart-container{width:100%;padding:0;margin:5px 0}
#line-chart{width:100%;height:auto;display:block}
.doughnut-panel{position:relative;width:100%;display:flex;justify-content:flex-end;align-items:center;padding:5px 0;gap:0}
.doughnut-group{position:relative}
.doughnut-panel canvas{display:block}
.square-group{display:flex;gap:5px;margin-top:5px}
.square-item{width:5px;height:5px;background:rgba(255,255,255,.2);animation:flicker 3s ease-in-out infinite}
.square-item:nth-child(1){animation-delay:0s}
.square-item:nth-child(2){animation-delay:.8s}
.square-item:nth-child(3){animation-delay:1.6s}
.square-item:nth-child(4){animation-delay:2.4s}
.index-service{position:relative}
.index-service-item{padding:20px;position:relative;border:1px solid var(--border);border-radius:var(--radius);height:100%;background:var(--bg-card);transition:transform var(--transition),box-shadow var(--transition),background var(--transition),opacity var(--transition);color:var(--text)}
.index-service-item h2{padding-top:15px;font-size:1rem;color:var(--text);margin:0}
.index-service-item h2 small{font-size:.5rem}
.index-service-item h3{margin-top:10px;font-size:1.2rem;color:var(--text)}
.index-service-item h3::before{content:"\F5D3";font-family:"bootstrap-icons";font-size:.8rem;margin-right:3px;color:var(--text)}
.index-service-item h3 small{font-size:.6rem;display:none}
.index-service-item p{font-size:.875rem;color:var(--text);margin-right:10px;margin-top:5px}
.index-service-item .btn{font-size:1rem;color:var(--text);margin-right:20px;border-radius:0;border:1px solid var(--text);transition:all var(--transition)}
.index-service-item:hover .btn{background:var(--text);color:#000}
.index-service ul{list-style:square;padding-left:1rem}
.service-image{width:40px;height:auto;margin-top:20px;margin-bottom:10px}
.service-ai{background:linear-gradient(135deg,rgba(101,28,87,.3),rgba(43,0,38,.3));border-color:rgba(var(--pink-rgb),.6)}
.service-ai:hover{background:linear-gradient(135deg,rgba(198,84,175,.25),rgba(30,30,30,.95));border-color:rgba(var(--pink-rgb),.8);box-shadow:0 0 20px rgba(var(--pink-rgb),.4),var(--shadow)}
.service-platform{background:linear-gradient(135deg,rgba(19,23,139,.3),rgba(0,0,0,.3));border-color:rgba(var(--blue-rgb),.6)}
.service-platform:hover{background:linear-gradient(135deg,rgba(11,19,245,.25),rgba(30,30,30,.95));border-color:rgba(var(--blue-rgb),.8);box-shadow:0 0 20px rgba(var(--blue-rgb),.4),var(--shadow)}
.service-seo{background:linear-gradient(135deg,rgba(var(--green-rgb),.3),rgba(0,0,0,.3));border-color:rgba(var(--green-rgb),.6)}
.service-seo:hover{background:linear-gradient(135deg,rgba(var(--green-rgb),.25),rgba(30,30,30,.95));border-color:rgba(var(--green-rgb),.8);box-shadow:0 0 20px rgba(var(--green-rgb),.4),var(--shadow)}
.service-app{background:linear-gradient(135deg,rgba(185,130,20,.3),rgba(0,0,0,.3));border-color:rgba(var(--gold-rgb),.6)}
.service-app:hover{background:linear-gradient(135deg,rgba(217,152,21,.25),rgba(68,39,2,.95));border-color:rgba(var(--gold-rgb),.8);box-shadow:0 0 20px rgba(var(--gold-rgb),.4),var(--shadow)}
.service-data{background:linear-gradient(135deg,rgba(var(--red-rgb),.3),rgba(0,0,0,.3));border-color:rgba(var(--red-rgb),.6)}
.service-data:hover{background:linear-gradient(135deg,rgba(220,60,60,.25),rgba(30,30,30,.95));border-color:rgba(var(--red-rgb),.8);box-shadow:0 0 20px rgba(var(--red-rgb),.4),var(--shadow)}
.service-cloud{background:linear-gradient(135deg,rgba(var(--purple-rgb),.3),rgba(0,0,0,.3));border-color:rgba(var(--purple-rgb),.6)}
.service-cloud:hover{background:linear-gradient(135deg,rgba(120,70,220,.25),rgba(30,30,30,.95));border-color:rgba(var(--purple-rgb),.8);box-shadow:0 0 20px rgba(var(--purple-rgb),.4),var(--shadow)}
.service-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-overlay);z-index:900;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease;pointer-events:none}
.service-overlay.active{opacity:1;visibility:visible}
.container{position:relative;z-index:950}
.service-col{position:relative;z-index:1;transition:opacity .4s ease,transform .4s ease}
.service-col.js-service-hover-active{z-index:1000;transform:scale(1.05)}
body.service-hover-active .service-col:not(.js-service-hover-active){opacity:.15;transform:scale(.95)}
body.service-hover-active .will-dark{opacity:.15;transition:opacity .4s ease}
.btn-primary{color:#fff;background:inherit;border-radius:0;border:1px solid #fff;font-size:1rem}
.btn-primary:hover{color:var(--primary);background:#000;border-radius:0;border:1px solid var(--primary)}
.index-contact-us{background:var(--bg-card);border-radius:var(--radius-lg)}
#contact h3{font-size:1.5rem}
.cursor-blink{animation:blink 1s step-end infinite;font-family:monospace;font-size:1em;color:var(--primary);margin-left:2px}
.clients-logo-breathe{animation:breathe 3s ease-in-out infinite;margin-top:20px}
footer{color:#fff}
footer .container{background:var(--bg-card)}
footer a{color:var(--text-secondary-color);opacity:.8;line-height:1.6rem}
footer a:hover{opacity:1}
footer .beianhao{color:rgba(255,255,255,.2)}
footer .text-muted{color:var(--text)!important;opacity:.6}
.offcanvas-footer{display:none}
.about-hero{position:relative}
.about-mvv h2{color:var(--text);font-weight:700;font-size:2rem;line-height:2.2rem;margin-bottom:1.5rem}
.about-mvv-item{margin-bottom:1.5rem}
.about-mvv-item .visual-panel{min-height:100%}
.about-brands-grid .about-brand-item{transition:transform var(--transition)}
.about-brands-grid .about-brand-item:hover{transform:translateY(-5px)}
.about-team-card{min-height:200px;padding:20px}
.about-declaration-quote{position:relative;padding:2rem 3rem;margin:2rem 0;border-left:3px solid var(--primary);background:var(--bg-card);border-radius:5px}
.about-declaration-quote p{font-size:1.1rem;line-height:1.8rem;margin-bottom:1rem}
.about-declaration-quote p:last-child{margin-bottom:0}
#insights-list .card,#insights-show .btn{background:linear-gradient(135deg,rgba(38,18,34,.4),rgba(0,0,0,.4));border-color:rgba(var(--pink-rgb),.4);border-radius:0;color:#fff;text-decoration:none}
#insights-list .card:hover,#insights-show .btn:hover{background:linear-gradient(135deg,rgba(38,18,34,.8),rgba(0,0,0,.8));border-color:rgba(var(--pink-rgb),.8);box-shadow:0 0 20px rgba(var(--pink-rgb),.4),0 20px 50px transparent}
#insights-list .card .card-body{color:#fff}
#insights-list .card .card-body .badge,#insights-show .badge{font-size:.6rem;line-height:.6rem;padding:6px;font-weight:200;background-color:rgb(103,46,107)!important;text-transform:uppercase}
#insights-list .card .card-body .card-title{font-size:1rem;line-height:1.4rem;min-height:3.2rem}
#insights-list .card .card-body .card-text{color:#fff!important;font-size:.875rem;line-height:1rem}
#insights-list .card .card-footer{padding-bottom:20px}
#insights-list .card .card-footer .btn{border-radius:0;border:1px solid #fff;color:#fff}

#playbook-list .card,#insights-show .btn{background:linear-gradient(135deg,rgba(38,18,34,.4),rgba(0,0,0,.4));border-color:rgba(var(--pink-rgb),.4);border-radius:0;color:#fff;text-decoration:none}
#playbook-list .card:hover,#insights-show .btn:hover{background:linear-gradient(135deg,rgba(38,18,34,.8),rgba(0,0,0,.8));border-color:rgba(var(--pink-rgb),.8);box-shadow:0 0 20px rgba(var(--pink-rgb),.4),0 20px 50px transparent}
#playbook-list .card .card-body{color:#fff}
#playbook-list .card .card-body .badge{font-size:.6rem;line-height:.6rem;padding:6px;font-weight:200;text-transform:uppercase;border-radius:4px;color:#FFF}
#playbook-list .card .card-body .badge-wechat{background-color:#317853!important;}
#playbook-list .card .card-body .badge-xiaohongshu{background-color:#862337!important}
#playbook-list .card .card-body .badge-zhihu{background-color:#284e87!important}
#playbook-list .card .card-body .badge-douyin{background:#1A1A1A!important;}
#playbook-list .card .card-body .badge-miniapp{background-color:#26d1cc!important}
#playbook-list .card .card-body .series-analysis{background-color:#51429b!important}
#playbook-list .card .card-body .series-content{background-color:#8e1982!important;}
#playbook-list .card .card-body .series-mini{background-color:#196e56!important}
#playbook-list .card .card-body .badge-uncategorized{background-color:rgb(103,46,107)!important}

/* ===== 首页底部 策略/洞察板块 badge 样式 ===== */
#latest-playbooks .index-service-item .badge,#latest-insights .index-service-item .badge{font-size:.6rem;line-height:.6rem;padding:4px 8px;font-weight:200;text-transform:uppercase;border-radius:4px;color:#FFF;display:inline-block;margin-right:4px;margin-bottom:4px}
#latest-playbooks .index-service-item .badge-wechat,#latest-insights .index-service-item .badge-wechat{background-color:#317853!important}
#latest-playbooks .index-service-item .badge-xiaohongshu,#latest-insights .index-service-item .badge-xiaohongshu{background-color:#862337!important}
#latest-playbooks .index-service-item .badge-zhihu,#latest-insights .index-service-item .badge-zhihu{background-color:#284e87!important}
#latest-playbooks .index-service-item .badge-douyin,#latest-insights .index-service-item .badge-douyin{background:#1A1A1A!important}
#latest-playbooks .index-service-item .badge-miniapp,#latest-insights .index-service-item .badge-miniapp{background-color:#26d1cc!important}
#latest-playbooks .index-service-item .series-analysis,#latest-insights .index-service-item .series-analysis{background-color:#51429b!important}
#latest-playbooks .index-service-item .series-content,#latest-insights .index-service-item .series-content{background-color:#8e1982!important}
#latest-playbooks .index-service-item .series-mini,#latest-insights .index-service-item .series-mini{background-color:#196e56!important}
#latest-playbooks .index-service-item .badge-uncategorized,#latest-insights .index-service-item .badge-uncategorized{background-color:rgb(103,46,107)!important}
#latest-insights .index-service-item .bg-secondary{background-color:#4a4a6a!important}

/* 首页底部板块按钮 */
#latest-playbooks .index-service-item .btn,#latest-insights .index-service-item .btn{font-size:.875rem;color:var(--text);border-radius:0;border:1px solid var(--text);transition:all var(--transition)}
#latest-playbooks .index-service-item:hover .btn,#latest-insights .index-service-item:hover .btn{background:var(--text);color:#000}
#insights-show .badge{font-size:.6rem;line-height:.6rem;padding:6px;font-weight:200;background-color:rgb(103,46,107)!important;text-transform:uppercase}
#playbook-list .card .card-body .card-title{font-size:1rem;line-height:1.4rem;min-height:3.2rem}
#playbook-list .card .card-body .card-text{color:#fff!important;font-size:.875rem;line-height:1rem}
#playbook-list .card .card-footer{padding-bottom:20px}
#playbook-list .card .card-footer .btn{border-radius:0;border:1px solid #fff;color:#fff}
#playbook-show {
    color: #FFF;
}

#playbook-show .text-secondary {
    color: #FFF !important;
}

#playbook-show .text-muted {
    color: #FFF !important;
}

#insights-show .text-muted{color:#fff!important;opacity:.6}
.nav-paging-link{color:rgba(255,255,255,.5);display:inline-flex;align-items:center;padding:.5rem 1.5rem!important;border:1px solid rgba(var(--pink-rgb),.5);background:rgba(0,0,0,.5);margin-left:-1px;padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);--tw-leading:calc(var(--spacing) * 3);line-height:calc(var(--spacing) * 5);text-decoration:none}
.nav-paging-link:first-child{margin-left:0}
.nav-paging-link svg{fill:rgba(255,255,255,.5)}
a.nav-paging-link svg{fill:#fff}
a.nav-paging-link{color:#fff}
/* 分页响应式：sm 以上隐藏移动端区块，显示桌面端 */
@media(min-width:576px){nav[aria-label="Pagination Navigation"]>div:first-child{display:none!important}nav[aria-label="Pagination Navigation"]>div:nth-child(2){display:flex!important}}
@media(max-width:575.98px){nav[aria-label="Pagination Navigation"]>div:first-child{display:flex!important}nav[aria-label="Pagination Navigation"]>div:nth-child(2){display:none!important}}
.nav-paging-link.first{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}
.nav-paging-link.last{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}
.nav-paging-link:hover {
    background: rgba(0,0,0,0.9);
    color: rgba(var(--pink-rgb),.8);
}
.full-page-background{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:-1;background-color:#000}
.full-page-background-video{position:absolute;top:50%;left:50%;min-width:100vw;min-height:100vh;width:auto;height:auto;transform:translateX(-50%) translateY(-50%);object-fit:cover;z-index:0;opacity:.4;transition:opacity .8s ease-in-out}
.full-page-background .overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-image:url("data:image/svg+xml,%3Csvg width='2' height='2' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='rgba(0,0,0,1)'/%3E%3C/svg%3E");background-size:2px 2px;background-repeat:repeat;pointer-events:none}
.service-section,.case-section{scroll-margin-top:2rem}
.service-section.active-zone .section-tag,.case-section.active-zone .section-tag{color:var(--teal)}
.service-nav-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}
.service-nav-card{display:block;padding:1.25rem;border-radius:0;background:var(--bg-card-50);border:1px solid var(--border-lighter);text-decoration:none;color:inherit;transition:all .25s ease;cursor:pointer}
.service-nav-card:hover{background:rgba(var(--accent-rgb),.2);border-color:var(--accent);transform:translateY(-10px);color:inherit}
.service-nav-card .icon{font-size:1.5rem;margin-bottom:.5rem;display:block}
.service-nav-card h4{font-size:1.2rem;font-weight:700;margin:0 0 .35rem}
.service-nav-card p{font-size:1rem;margin:0;opacity:1;line-height:1.4}
.case-nav-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2rem}
.case-nav-card{display:block;padding:1.25rem;border-radius:.75rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);text-decoration:none;color:inherit;transition:all .25s ease}
.case-nav-card:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);transform:translateY(-2px);color:inherit}
.case-nav-card .metric{display:inline-block;font-size:.75rem;font-weight:700;padding:.2rem .6rem;border-radius:.25rem;background:rgba(var(--teal-rgb),.15);color:var(--teal);margin-bottom:.5rem}
.case-nav-card h4{font-size:.95rem;font-weight:700;margin:0 0 .35rem}
.case-nav-card p{font-size:.8rem;margin:0;opacity:.7;line-height:1.4}
.accordion{margin-bottom:20px;border-radius:var(--radius);overflow:hidden;--bs-accordion-active-bg:#000;--bs-accordion-active-color:#fff;border:1px solid #fff}
.accordion-button{background:linear-gradient(0deg,#283247,#171b1c);color:#fff}
.accordion-button:hover{background:linear-gradient(0deg,#4a5c80,#bbdfeb);color:#fff}
.accordion-button:focus{box-shadow:none}
.accordion-button:not(.collapsed){box-shadow:none;color:#062f51;background:linear-gradient(0deg,#a2b9e8,#caf4fe)}
.accordion-item{border:none;background-color:var(--bg-semi);border-bottom:1px solid var(--border-light)}
.collapse.show{visibility:visible;color:var(--accent)}
.faq-masonry{column-count:2;column-gap:1.5rem}
.faq-masonry .faq-card{break-inside:avoid;margin-bottom:1.5rem;background:none;padding:0}
.faq-masonry .card-title{padding-left:0}
.faq .card-body{color:#fff;padding:0}
.faq-category-nav a {
    flex: 1;
    background: linear-gradient(135deg, rgba(38, 18, 34, .4), rgba(0, 0, 0, .4));
    border: solid 1px;
    border-color: rgba(var(--pink-rgb), .4);
    border-radius: 0;
    color: #fff;
    text-decoration: none;
    display: block;
    text-align: center;
    font-size: 1rem;
    padding: 10px;
    transition: all .25s ease;
}

.faq-category-nav {
    display: grid;
    gap: 5px;
    grid-template-columns: repeat(5, 1fr);
}

.faq-category-nav a:hover {
    background: linear-gradient(135deg,rgba(38,18,34,.8),rgba(0,0,0,.8));
    border-color: rgba(var(--pink-rgb),.8);
    box-shadow: 0 0 20px rgba(var(--pink-rgb),.4),0 20px 50px transparent;
}

.faq-q .q-tag {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background: #9fffd8;
    border-radius: 10px;
    font-size: 1rem;
    color: #000;
    text-align: center;
    font-weight: 600;
    margin-right: 10px;
    position: relative;
}

.faq-q .q-title {
    display: inline-block;
    background: #0b1622;
    line-height: 2rem;
    border-radius: 10px;
    padding-left: 30px;
    padding-right: 10px;
    color: #ffffff;
    font-weight: 400;
    margin-left: -35px;
    font-size: 1rem;
    width: 100%;
}

.faq-a {
    line-height: 1.6;
    background: rgb(8 16 19 / 50%);
    border-radius: 10px;
    font-size: 1rem;
    color: #ffffff;
    padding: 10px;
    margin-top: -50px;
    padding-left: 30px;
    padding-top: 40px;
    border: solid 2px #000;
}
.faq-a p {
    margin: 0.5rem 0;
}
.faq-item {
    margin-bottom: 40px;
}
.faq-cat-card {
    display: block;
    padding: 24px;
    border-radius: 12px;
    border: 1px solid rgba(var(--primary-rgb), .3);
    background: var(--bg-semi);
    transition: all .3s;
    text-decoration: none;
    cursor: pointer;
    position: relative;
}
.faq-cat-card:hover {
    border-color: var(--primary);
    transform: translateY(-2px);
    box-shadow: 0 4px 20px rgba(var(--primary-rgb), .2);
}
.faq-cat-card-title {
    margin: 0;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 600;
}
.faq-cat-card-arrow {
    color: var(--primary);
    font-size: 1.4rem;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    transition: transform .3s;
}
.faq-cat-card:hover .faq-cat-card-arrow {
    transform: translateY(-50%) translateX(4px);
}

.insight-faq-item p {
    font-size: .85rem;
    line-height: 1.2rem;
    margin-bottom: 1.2rem;
}

@media (max-width:768px){.page-content h1{font-size:2rem;line-height:2.6rem;margin-top:40px!important}.page-content h2{font-size:2.2rem;line-height:2.2rem}.page-content h3{font-size:1.4rem;line-height:1.4rem}.page-content p{font-size:.875rem;line-height:1.2rem}.navbar .nav-item .nav-link.navbar-brand{display:none}.offcanvas-body{align-items:flex-start;padding:0}.offcanvas-body .navbar-nav{align-items:baseline}.navbar .nav-item{display:block;width:100%}.navbar .nav-item .nav-link{padding-left:10px;display:block;border:1px solid var(--accent);margin-bottom:5px;border-radius:5px}.navbar .nav-item .nav-link .link-title{font-size:1.2rem;opacity:1;color:#fff}.t-tiny{font-size:.7rem}.offcanvas-footer{display:block;background:rgba(255,255,255,.1);padding:20px 20px 20px 25px}.offcanvas-footer h6{font-size:1.2rem;color:#fff;line-height:1.2rem;margin-bottom:0}.offcanvas-footer .text-muted{color:#fff!important;opacity:.75;font-size:.875rem;line-height:1.2rem}.offcanvas-footer .beianhao{color:#fff}.markdown{opacity:.1}.markdown p{color:transparent;background:#fff;font-size:.5rem;line-height:.5rem;display:inline-block}.visual-panel{opacity:.2}.doughnut-panel{display:none}.index-contact-us{display:none}.service-nav-grid{grid-template-columns:1fr 1fr}.case-nav-grid{grid-template-columns:1fr}}
@media (max-width:991px){.faq-masonry{column-count:1}}
.accordion-body{padding:10px 0 30px;background:rgba(206,225,254,.9);color:#000}
.insight-faq-sidebar{position:sticky;top:20px;padding:20px;background:var(--bg-semi);border-radius:8px;border:1px solid rgba(var(--primary-rgb),.4)}
.insight-faq-title{color:var(--primary);font-size:1.05rem;font-weight:700;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid rgba(var(--primary-rgb),.2)}
.insight-faq-item{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.06)}
.insight-faq-item:last-of-type{border-bottom:none}
.insight-faq-q{font-weight:600;font-size: .85rem !important;margin: 0 0 0px;margin-bottom: 0px !important;}
.insight-faq-a{color:#c0c0c0;margin:0;margin-bottom: 0px !important;}
.insight-faq-more{display:inline-block;margin-top:8px;color:var(--primary);font-size:.85rem;text-decoration:none;font-weight:600;transition:all .2s}
.insight-faq-more:hover{color:var(--accent);text-decoration:underline}
/* Playbook 侧栏 */
.playbook-sidebar{position:sticky;top:80px;padding:20px;background:var(--bg-semi);border-radius:8px;border:1px solid rgba(var(--primary-rgb),.4)}
.sidebar-section{margin-bottom:24px}
.sidebar-section:last-child{margin-bottom:0}
.sidebar-title{color: #ffffff;font-size: 1rem;font-weight:600;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid rgba(var(--primary-rgb),.2)}
.sidebar-links{display:flex;flex-direction:column;gap:8px}
.sidebar-link{color:#c0c0c0;font-size: 1rem;text-decoration:none;padding:8px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.08);transition:all .2s}
.sidebar-link:hover{color:#fff;border-color:var(--primary);background:rgba(var(--primary-rgb),.1)}
.sidebar-list{list-style:none;padding:0;margin:0}
.sidebar-item{margin-bottom:4px}
.sidebar-item.active{background:rgba(var(--primary-rgb),.15);border-radius:6px}
.sidebar-item.active .sidebar-item-title{color:#fff;font-weight:600}
.sidebar-item.active .sidebar-index{background:var(--primary);color:#000}
.sidebar-link-item{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;color:#c0c0c0;text-decoration:none;border-radius:6px;transition:all .2s;font-size: 1rem;line-height:1.4}
.sidebar-link-item:hover{color:#fff;background:rgba(255,255,255,.05)}
.sidebar-index{flex-shrink:0;width:22px;height:22px;border-radius:4px;background:rgba(255,255,255,.1);color:#888;font-size:.75rem;display:flex;align-items:center;justify-content:center;font-weight:600}
.sidebar-item-title{flex:1}
.sidebar-stats{display:flex;flex-wrap:wrap;gap:8px}
.stat-item{display:flex;align-items:center;gap:4px;color:#888;font-size: 1rem;}
@media (max-width:991px){.insight-faq-sidebar{margin-top:30px;position:static}.playbook-sidebar{position:static;margin-top:30px}}