:root{
  --bs-primary:#0b5ed7;
  --bs-primary-rgb:11,94,215;
  --brand-900:#083b8a;
  --brand-700:#0b5ed7;
  --brand-600:#1d7af2;
  --brand-100:#e7f1ff;
  --ink-900:#0b1220;
  --ink-700:#334155;
  --ink-600:#475569;
  --card-border:rgba(15,23,42,.10);
  --shadow-sm:0 10px 30px rgba(2,6,23,.08);
  --shadow-md:0 18px 50px rgba(2,6,23,.12);
}

html,body{
  height:100%;
}

body{
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","Noto Sans SC",sans-serif;
  color:var(--ink-900);
  background:
    radial-gradient(1200px 600px at 10% -10%, rgba(var(--bs-primary-rgb),.18), transparent 60%),
    radial-gradient(900px 500px at 100% 0%, rgba(29,122,242,.16), transparent 55%),
    linear-gradient(180deg, #ffffff 0%, #f7fbff 55%, #ffffff 100%);
}

.section-pad{
  padding:4.25rem 0;
}

@media (min-width:992px){
  .section-pad{
    padding:5.5rem 0;
  }
  .py-lg-6{
    padding-top:5.5rem!important;
    padding-bottom:5.5rem!important;
  }
}

.section-soft{
  background:linear-gradient(180deg, rgba(var(--bs-primary-rgb),.06), rgba(var(--bs-primary-rgb),.02));
}

.section-head{
  max-width:880px;
  margin:0 auto 1.75rem;
  text-align:center;
}

.section-head--left{
  margin-left:0;
  margin-right:0;
  text-align:left;
}

.section-kicker{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding:.45rem .85rem;
  border-radius:999px;
  border:1px solid rgba(var(--bs-primary-rgb),.16);
  background:rgba(255,255,255,.72);
  color:var(--brand-900);
  font-weight:800;
  letter-spacing:.02em;
}

.section-title{
  font-weight:900;
  margin:.65rem 0 .35rem;
  font-size:clamp(1.6rem, 1.15rem + 1.5vw, 2.2rem);
}

.section-sub{
  font-size:1.05rem;
}

.glass-nav{
  background:rgba(34,158,217,.92);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(255,255,255,.14);
}

.navbar .nav-link{
  color:rgba(255,255,255,.88);
  font-weight:500;
  text-decoration:none;
}

.navbar .nav-link:hover{
  color:#fff;
  text-decoration:none;
}

.navbar .nav-link.active{
  color:#fff;
  position:relative;
  text-decoration:none;
}

.navbar .nav-link.active::after{
  display:none;
}

.brand-mark{
  width:34px;
  height:34px;
  border-radius:10px;
  background:linear-gradient(135deg, #ffffff 0%, #dbeafe 50%, #ffffff 100%);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.55);
  position:relative;
}

.brand-mark-img{
  width:34px;
  height:34px;
  border-radius:10px;
  display:block;
  object-fit:contain;
  background:transparent;
  box-shadow:none;
}

.brand-mark::after{
  content:"";
  position:absolute;
  inset:8px;
  border-radius:8px;
  background:linear-gradient(135deg, var(--brand-700), var(--brand-600));
  opacity:.95;
  transform:rotate(8deg);
}

.brand-mark--sm{
  width:28px;
  height:28px;
  border-radius:9px;
}

.brand-mark--sm::after{
  inset:7px;
  border-radius:7px;
}

.hero-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(900px 450px at 12% 8%, rgba(255,255,255,.35), transparent 55%),
    radial-gradient(900px 500px at 92% 0%, rgba(255,255,255,.24), transparent 55%),
    linear-gradient(135deg, rgba(11,94,215,.16), rgba(255,255,255,.55));
}

.hero-logo{
  width:96px;
  height:96px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto;
}
.hero-logo img {
  width:100%;
  height:100%;
  object-fit:contain;
}

.hero-stack .lead{
  margin-left:auto;
  margin-right:auto;
}

.hero-stack .hero-card{
  max-width:980px;
  margin:0 auto;
}

.hero-section .lead{
  max-width:54ch;
}

.hero-card{
  position:relative;
  border-radius:20px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.75);
  background:rgba(255,255,255,.65);
  box-shadow:var(--shadow-md);
}

.hero-float{
  position:absolute;
  left:18px;
  right:18px;
  bottom:18px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.float-pill{
  display:inline-flex;
  align-items:center;
  padding:.5rem .75rem;
  border-radius:999px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(15,23,42,.10);
  color:var(--ink-700);
  font-weight:600;
  box-shadow:0 10px 25px rgba(2,6,23,.08);
}

.hero-wave{
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:90px;
  background:linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,1));
}

.page-hero{
  background:
    radial-gradient(900px 450px at 10% 0%, rgba(var(--bs-primary-rgb),.18), transparent 60%),
    radial-gradient(900px 450px at 90% 0%, rgba(29,122,242,.12), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,1), rgba(247,251,255,1));
}

.mini-stat{
  border:1px solid var(--card-border);
  border-radius:16px;
  padding:14px 14px 12px;
  background:
    radial-gradient(700px 160px at 10% 0%, rgba(var(--bs-primary-rgb),.14), transparent 60%),
    rgba(255,255,255,.78);
  box-shadow:var(--shadow-sm);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  position:relative;
  overflow:hidden;
}

.mini-stat::after{
  content:"";
  position:absolute;
  inset:-40% -30%;
  background:radial-gradient(circle at 30% 30%, rgba(var(--bs-primary-rgb),.20), transparent 55%);
  opacity:0;
  transition:opacity .22s ease;
  pointer-events:none;
}

.mini-stat:hover{
  transform:translateY(-3px);
  box-shadow:var(--shadow-md);
  border-color:rgba(var(--bs-primary-rgb),.22);
}

.mini-stat:hover::after{
  opacity:1;
}

.mini-stat.is-done{
  border-color:rgba(var(--bs-primary-rgb),.26);
  box-shadow:0 18px 50px rgba(2,6,23,.12);
}

.mini-stat__num{
  font-weight:800;
  color:var(--brand-900);
  font-size:1.25rem;
  line-height:1.2;
  letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;
  position:relative;
  z-index:1;
}

.mini-stat__label{
  color:var(--ink-600);
  font-size:.86rem;
  margin-top:4px;
  position:relative;
  z-index:1;
}

.hero-stats{
  padding:14px 12px;
  border-radius:22px;
  border:1px solid rgba(var(--bs-primary-rgb),.14);
  background:
    radial-gradient(900px 220px at 50% 0%, rgba(var(--bs-primary-rgb),.10), transparent 60%),
    rgba(255,255,255,.65);
  box-shadow:var(--shadow-sm);
}

@media (min-width:992px){
  .hero-stats{
    padding:16px 14px;
  }
}

.dl-card{
  border-radius:18px;
  border:1px solid var(--card-border);
  background:rgba(255,255,255,.80);
  box-shadow:var(--shadow-sm);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.dl-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow-md);
  border-color:rgba(var(--bs-primary-rgb),.22);
}

.dl-panel{
  border-radius:20px;
  border:1px solid rgba(var(--bs-primary-rgb),.14);
  background:
    radial-gradient(900px 300px at 10% 0%, rgba(var(--bs-primary-rgb),.10), transparent 60%),
    rgba(255,255,255,.84);
  box-shadow:var(--shadow-sm);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  position:relative;
  overflow:hidden;
}

.dl-panel::after{
  content:"";
  position:absolute;
  inset:-40% -30%;
  background:radial-gradient(circle at 30% 30%, rgba(var(--bs-primary-rgb),.18), transparent 55%);
  opacity:.0;
  transition:opacity .25s ease;
  pointer-events:none;
  z-index:0;
}

.dl-panel .card-body{
  position:relative;
  z-index:1;
}

.dl-panel:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow-md);
  border-color:rgba(var(--bs-primary-rgb),.22);
}

.dl-panel:hover::after{
  opacity:1;
}

.ring-primary{
  outline:3px solid rgba(var(--bs-primary-rgb),.22);
  outline-offset:2px;
}

.icon-chip{
  width:44px;
  height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:linear-gradient(135deg, rgba(var(--bs-primary-rgb),.12), rgba(var(--bs-primary-rgb),.03));
  color:var(--brand-700);
  border:1px solid rgba(var(--bs-primary-rgb),.16);
}

.icon-chip i{
  font-size:1.25rem;
}

.feature-card{
  border-radius:18px;
  border:1px solid var(--card-border);
  background:rgba(255,255,255,.80);
  padding:18px 18px 16px;
  box-shadow:var(--shadow-sm);
  transition:transform .25s ease, box-shadow .25s ease;
  height:100%;
  position:relative;
  overflow:hidden;
}

.feature-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:linear-gradient(180deg, rgba(var(--bs-primary-rgb),.55), rgba(var(--bs-primary-rgb),.05));
  opacity:.0;
  transition:opacity .25s ease;
  pointer-events:none;
}

.feature-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow-md);
}

.feature-card:hover::before{
  opacity:1;
}

.feature-img {
  margin-bottom:12px;
  display:flex;
  justify-content:center;
  align-items:center;
}
.feature-img img {
  display:block;
  width:clamp(90px, 7vw, 118px);
  max-width:none;
  height:auto;
}

.feature-more{
  line-height:1.6;
}

.frame-card{
  border-radius:20px;
  border:1px solid var(--card-border);
  background:rgba(255,255,255,.75);
  box-shadow:var(--shadow-md);
  padding:16px;
}

.frame-card--media{
  --frame-media-max-h:240px;
  display:flex;
  justify-content:center;
  align-items:center;
}

.frame-card-media{
  max-height:var(--frame-media-max-h);
  max-width:100%;
  width:auto;
}

.step-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.step-item{
  display:flex;
  gap:14px;
  padding:14px 14px;
  border-radius:18px;
  border:1px solid var(--card-border);
  background:rgba(255,255,255,.80);
  box-shadow:var(--shadow-sm);
}

.step-num{
  width:50px;
  height:50px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  color:#fff;
  background:linear-gradient(135deg, var(--brand-700), var(--brand-600));
}

.faq-acc .accordion-item{
  border:1px solid var(--card-border);
  border-radius:16px;
  overflow:hidden;
  background:rgba(255,255,255,.80);
  box-shadow:var(--shadow-sm);
  margin-bottom:10px;
}

.faq-acc .accordion-button{
  font-weight:700;
  color:var(--ink-900);
  background:rgba(255,255,255,.88);
}

.faq-acc .accordion-button:focus{
  box-shadow:0 0 0 .25rem rgba(var(--bs-primary-rgb),.18);
}

.faq-acc .accordion-button:not(.collapsed){
  color:var(--brand-900);
  background:rgba(var(--bs-primary-rgb),.08);
  box-shadow:none;
}

.platform-hint{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding:.75rem .9rem;
  border-radius:16px;
  border:1px solid rgba(var(--bs-primary-rgb),.16);
  background:rgba(255,255,255,.75);
  color:var(--ink-700);
  box-shadow:var(--shadow-sm);
}

.tips-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.tip-item{
  display:flex;
  gap:14px;
  padding:14px 14px;
  border-radius:18px;
  border:1px solid var(--card-border);
  background:rgba(255,255,255,.80);
  box-shadow:var(--shadow-sm);
}

.tip-icon{
  width:46px;
  height:46px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--brand-700);
  border:1px solid rgba(var(--bs-primary-rgb),.16);
  background:linear-gradient(135deg, rgba(var(--bs-primary-rgb),.11), rgba(var(--bs-primary-rgb),.03));
}

.footer{
  background:linear-gradient(180deg, rgba(255,255,255,1), rgba(var(--bs-primary-rgb),.04));
}

.footer-title{
  font-weight:800;
  margin-bottom:.65rem;
  color:var(--ink-900);
}

.footer-links a{
  color:var(--ink-600);
  text-decoration:none;
  display:inline-block;
  padding:.15rem 0;
}

.footer-links a:hover{
  color:var(--brand-700);
  text-decoration:underline;
}

.footer-social{
  display:flex;
  gap:14px;
  align-items:center;
}

.footer-social-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  padding:0;
}

.footer-social-link:hover{
  text-decoration:none;
}

.footer-social-icon{
  font-size:1.25rem;
  line-height:1;
}

.footer-social-icon--x{
  color:#111;
}

.footer-social-icon--youtube{
  color:#ff0000;
}

.footer-social-icon--instagram{
  background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.footer-social-icon--facebook{
  color:#1877f2;
}

.back-top{
  position:fixed;
  right:18px;
  bottom:18px;
  width:46px;
  height:46px;
  border-radius:16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow:var(--shadow-md);
  opacity:0;
  pointer-events:none;
  transform:translateY(10px);
  transition:opacity .2s ease, transform .2s ease;
}

.back-top.is-show{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}

.modal-icon{
  width:44px;
  height:44px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg, rgba(var(--bs-primary-rgb),.14), rgba(var(--bs-primary-rgb),.05));
  border:1px solid rgba(var(--bs-primary-rgb),.18);
  color:var(--brand-700);
}

.reveal{
  opacity:1;
  transform:none;
}

.js .reveal{
  opacity:0;
  transform:translateY(14px);
  transition:opacity .6s ease, transform .6s ease;
  will-change:opacity,transform;
}

.js .reveal.is-in{
  opacity:1;
  transform:translateY(0);
}

.card.reveal:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow-md) !important;
  transition: all 0.3s ease;
}

.sticky-toc{
  position:sticky;
  top:92px;
  padding:16px;
  border-radius:18px;
  background:rgba(255,255,255,.80);
  border:1px solid var(--card-border);
  box-shadow:var(--shadow-sm);
}

.toc-title{
  font-weight:800;
  margin-bottom:10px;
}

.toc-link{
  display:flex;
  align-items:center;
  gap:8px;
  padding:.55rem .7rem;
  border-radius:14px;
  color:var(--ink-700);
  text-decoration:none;
  border:1px solid transparent;
}

.toc-link:hover{
  color:var(--brand-900);
  background:rgba(var(--bs-primary-rgb),.06);
  border-color:rgba(var(--bs-primary-rgb),.10);
}

.content-card{
  border-radius:20px;
  border:1px solid var(--card-border);
  background:rgba(255,255,255,.82);
  box-shadow:var(--shadow-sm);
  overflow:hidden;
  margin-bottom:16px;
}

.content-card__head{
  padding:16px 18px;
  background:linear-gradient(135deg, rgba(var(--bs-primary-rgb),.10), rgba(255,255,255,.75));
  border-bottom:1px solid rgba(var(--bs-primary-rgb),.10);
}

.callout{
  padding:16px 16px;
  border-radius:18px;
  border:1px solid var(--card-border);
  background:rgba(255,255,255,.80);
}

.callout-primary{
  border-color:rgba(var(--bs-primary-rgb),.16);
  background:linear-gradient(135deg, rgba(var(--bs-primary-rgb),.10), rgba(255,255,255,.85));
}

.callout-icon{
  width:46px;
  height:46px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg, rgba(var(--bs-primary-rgb),.14), rgba(var(--bs-primary-rgb),.06));
  border:1px solid rgba(var(--bs-primary-rgb),.18);
  color:var(--brand-700);
}

/* 分页样式修正 */
.pagination .page-num {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.pagination .page-num:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}
.pagination .page-num-current {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}

.mini-info{
  display:flex;
  gap:12px;
  padding:14px 14px;
  border-radius:18px;
  border:1px solid var(--card-border);
  background:rgba(255,255,255,.82);
  box-shadow:var(--shadow-sm);
}

.mini-info__icon{
  width:44px;
  height:44px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg, rgba(var(--bs-primary-rgb),.12), rgba(var(--bs-primary-rgb),.04));
  border:1px solid rgba(var(--bs-primary-rgb),.16);
  color:var(--brand-700);
  flex:0 0 auto;
}

.map-card{
  position:relative;
  border-radius:18px;
  border:1px solid var(--card-border);
  overflow:hidden;
  background:rgba(255,255,255,.82);
  box-shadow:var(--shadow-sm);
  min-height:190px;
}

.map-card__bg{
  position:absolute;
  inset:0;
  opacity:.65;
  filter:saturate(1.1);
}

.map-card__bg img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.map-card__content{
  position:relative;
  padding:16px 16px;
}

.about-points{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.about-point{
  display:flex;
  gap:12px;
  padding:14px 14px;
  border-radius:18px;
  border:1px solid var(--card-border);
  background:rgba(255,255,255,.82);
  box-shadow:var(--shadow-sm);
}

.about-ico{
  width:46px;
  height:46px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--brand-700);
  border:1px solid rgba(var(--bs-primary-rgb),.16);
  background:linear-gradient(135deg, rgba(var(--bs-primary-rgb),.12), rgba(var(--bs-primary-rgb),.03));
  flex:0 0 auto;
}

.qa-box{
  border-radius:20px;
  border:1px solid var(--card-border);
  background:rgba(255,255,255,.84);
  box-shadow:var(--shadow-sm);
  overflow:hidden;
  height:100%;
}

.qa-box__head{
  padding:16px 18px;
  background:linear-gradient(135deg, rgba(var(--bs-primary-rgb),.10), rgba(255,255,255,.78));
  border-bottom:1px solid rgba(var(--bs-primary-rgb),.10);
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
}

.qa-list{
  padding:8px;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.qa-item{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 12px;
  border-radius:16px;
  text-decoration:none;
  color:var(--ink-900);
  border:1px solid rgba(15,23,42,.08);
  background:rgba(255,255,255,.75);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.qa-item:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 30px rgba(2,6,23,.10);
  border-color:rgba(var(--bs-primary-rgb),.18);
  color:var(--ink-900);
}

.qa-item__text{
  flex:1 1 auto;
  font-weight:650;
  color:var(--ink-700);
}

.info-card{
  display:block;
  height:100%;
  padding:16px 16px;
  border-radius:18px;
  border:1px solid rgba(15,23,42,.08);
  background:rgba(255,255,255,.80);
  text-decoration:none;
  color:var(--ink-900);
  box-shadow:var(--shadow-sm);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.info-card:hover{
  transform:translateY(-3px);
  box-shadow:var(--shadow-md);
  border-color:rgba(var(--bs-primary-rgb),.18);
  color:var(--ink-900);
}

.info-card__icon{
  width:48px;
  height:48px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--brand-700);
  border:1px solid rgba(var(--bs-primary-rgb),.16);
  background:linear-gradient(135deg, rgba(var(--bs-primary-rgb),.12), rgba(var(--bs-primary-rgb),.03));
  margin-bottom:12px;
}

.info-card__icon i{
  font-size:1.35rem;
}

.info-card__title{
  font-weight:850;
  margin-bottom:4px;
}

.info-card__sub{
  color:var(--ink-600);
  font-size:.95rem;
}

.post-card{
  border-radius:20px;
  border:1px solid rgba(15,23,42,.10);
  background:rgba(255,255,255,.86);
  box-shadow:var(--shadow-sm);
  overflow:hidden;
  height:100%;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.post-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow-md);
  border-color:rgba(var(--bs-primary-rgb),.20);
}

.post-card__head{
  padding:16px 18px;
  background:linear-gradient(135deg, rgba(var(--bs-primary-rgb),.10), rgba(255,255,255,.78));
  border-bottom:1px solid rgba(var(--bs-primary-rgb),.10);
}

.post-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  color:var(--ink-600);
  font-size:.9rem;
}

.post-title{
  margin:.35rem 0 0;
  font-weight:900;
  font-size:1.1rem;
  color:var(--ink-900);
}

.post-body{
  padding:14px 18px 16px;
}

.post-excerpt{
  color:var(--ink-600);
  margin:0 0 12px;
}

.tag-chip{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding:.28rem .6rem;
  border-radius:999px;
  border:1px solid rgba(var(--bs-primary-rgb),.16);
  background:rgba(var(--bs-primary-rgb),.06);
  color:var(--brand-900);
  font-weight:700;
  font-size:.82rem;
}

.tag-chip--soft{
  border-color:rgba(15,23,42,.10);
  background:rgba(255,255,255,.70);
  color:var(--ink-700);
}

.empty-state{
  margin:24px auto 0;
  max-width:520px;
  text-align:center;
  padding:26px 20px;
  border-radius:22px;
  border:1px solid rgba(15,23,42,.10);
  background:rgba(255,255,255,.85);
  box-shadow:var(--shadow-sm);
}

.empty-state__icon{
  width:56px;
  height:56px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--brand-700);
  border:1px solid rgba(var(--bs-primary-rgb),.16);
  background:linear-gradient(135deg, rgba(var(--bs-primary-rgb),.12), rgba(var(--bs-primary-rgb),.03));
  margin:0 auto 10px;
}

.empty-state__icon i{
  font-size:1.55rem;
}

.qa-acc .accordion-item{
  border:1px solid rgba(15,23,42,.10);
  border-radius:18px;
  overflow:hidden;
  background:rgba(255,255,255,.86);
  box-shadow:var(--shadow-sm);
  margin-bottom:10px;
}

.qa-acc .accordion-button{
  font-weight:850;
  color:var(--ink-900);
  background:rgba(255,255,255,.92);
}

.qa-acc .accordion-button:not(.collapsed){
  color:var(--brand-900);
  background:rgba(var(--bs-primary-rgb),.08);
  box-shadow:none;
}

.qa-acc .accordion-button:focus{
  box-shadow:0 0 0 .25rem rgba(var(--bs-primary-rgb),.18);
}

.js-platform-card.is-hide{
  display:none;
}

@media (prefers-reduced-motion:reduce){
  .dl-card,.feature-card,.reveal,.back-top{
    transition:none!important;
  }
}