.page-faq{
  --faq-purple:#2D1B4E;
  --faq-purple-2:#4B3A6B;
  --faq-orange:#E67E22;
  --faq-cream:#FDF6E3;
  --faq-blue:#2980B9;
  --faq-magenta:#C0392B;
  --faq-green:#27AE60;
  --faq-gold:#F1C40F;
  --faq-cyan:#1ABC9C;
  --faq-ink:#2C3E50;
  --faq-line:#BDC3C7;
  background:var(--faq-cream);
  color:var(--faq-ink);
  font-family:'Courier New', Courier, monospace;
}

.page-faq .faq-wrap{
  max-width:1180px;
  margin:0 auto;
  padding:0 16px;
}

.page-faq .faq-progress{
  position:fixed;
  top:0;
  left:0;
  z-index:9999;
  width:100%;
  height:3px;
  background:rgba(241,196,15,.25);
  pointer-events:none;
}

.page-faq .faq-hero{
  position:relative;
  overflow:hidden;
  padding:30px 0 22px;
  background:
    radial-gradient(circle at 82% 18%, rgba(230,126,34,.22) 0, transparent 240px),
    linear-gradient(135deg, #2D1B4E 0%, #4B3A6B 62%, #E67E22 160%);
  color:var(--faq-cream);
}

.page-faq .faq-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(0deg, rgba(255,255,255,.045) 0 1px, transparent 1px 4px);
  pointer-events:none;
}

.page-faq .faq-hero__crumb{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  margin-bottom:16px;
  color:rgba(253,246,227,.7);
}

.page-faq .faq-hero__crumb a{
  color:var(--faq-cyan);
  text-decoration:none;
  border-bottom:1px solid rgba(26,188,156,.4);
}

.page-faq .faq-hero__crumb a:hover{
  color:var(--faq-gold);
  border-color:var(--faq-gold);
}

.page-faq .faq-hero__crumb-here{
  color:rgba(253,246,227,.85);
}

.page-faq .faq-hero__title{
  margin:0 0 10px;
  font-family:Impact, 'Arial Black', '黑体', 'Microsoft YaHei', sans-serif;
  font-size:clamp(30px, 5vw, 48px);
  line-height:1.08;
  letter-spacing:.5px;
}

.page-faq .faq-hero__title-accent{
  color:var(--faq-gold);
}

.page-faq .faq-hero__sub{
  max-width:720px;
  margin:0;
  font-size:14px;
  line-height:1.8;
  color:rgba(253,246,227,.82);
}

.page-faq .faq-layout{
  display:block;
  padding-top:0;
}

.page-faq .faq-layout__main{
  min-width:0;
}

.page-faq .faq-section{
  padding:38px 0 42px;
  border-bottom:1px solid rgba(189,195,199,.4);
}

.page-faq .faq-section--quick{
  padding-top:34px;
  border-bottom:none;
  background:
    radial-gradient(circle at 8% 0%, rgba(41,128,185,.2) 0, transparent 220px),
    radial-gradient(circle at 96% 70%, rgba(230,126,34,.18) 0, transparent 260px),
    #2D1B4E;
}

.page-faq .faq-section__inner{
  max-width:1180px;
  margin:0 auto;
  padding:0 16px;
}

.page-faq .faq-section__head{
  margin-bottom:24px;
}

.page-faq .faq-section--deep .faq-section__head .section-label{
  color:var(--faq-gold);
}

.page-faq .faq-section--deep .section-title{
  color:var(--faq-cream);
}

.page-faq .faq-section--deep .section-sub{
  color:rgba(253,246,227,.72);
}

.page-faq .faq-section--orange .faq-section__head .section-label{
  color:#7B2D00;
}

.page-faq .faq-section--orange{
  background:
    radial-gradient(circle at 90% 10%, rgba(253,246,227,.45) 0, transparent 260px),
    linear-gradient(140deg, #F5B041 0%, #E67E22 58%, #C0392B 160%);
  color:#3A1A00;
}

.page-faq .faq-section--orange .section-title{
  color:#2D1B4E;
}

.page-faq .faq-section--orange .section-sub{
  color:#5E2A00;
}

.page-faq .faq-tiles{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:10px;
  margin-top:18px;
}

.page-faq .faq-tiles__item{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:74px;
  padding:12px 14px 10px;
  border-radius:8px;
  border:1px solid rgba(253,246,227,.26);
  background:rgba(253,246,227,.1);
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
  text-decoration:none;
  color:var(--faq-cream);
  transition:background .2s, border-color .2s, transform .2s;
}

.page-faq .faq-tiles__item::before{
  content:"";
  position:absolute;
  left:0;
  top:14px;
  bottom:14px;
  width:4px;
  border-radius:0 4px 4px 0;
}

.page-faq .faq-tiles__item:hover{
  background:rgba(253,246,227,.18);
  border-color:var(--faq-gold);
  transform:translateY(-2px);
}

.page-faq .faq-tiles__code{
  font-size:11px;
  color:rgba(253,246,227,.62);
  letter-spacing:1px;
}

.page-faq .faq-tiles__name{
  font-family:Impact, 'Arial Black', '黑体', sans-serif;
  font-size:16px;
  letter-spacing:.4px;
}

.page-faq .faq-tiles__item--blue::before{ background:var(--faq-blue); }
.page-faq .faq-tiles__item--gold::before{ background:var(--faq-gold); }
.page-faq .faq-tiles__item--green::before{ background:var(--faq-green); }
.page-faq .faq-tiles__item--magenta::before{ background:var(--faq-magenta); }
.page-faq .faq-tiles__item--orange::before{ background:var(--faq-orange); }
.page-faq .faq-tiles__item--purple::before{ background:#8E44AD; }
.page-faq .faq-tiles__item--cyan::before{ background:var(--faq-cyan); }

.page-faq .faq-card-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}

.page-faq .faq-card{
  position:relative;
  display:flex;
  flex-direction:column;
  background:#FFFFFF;
  border:1px solid var(--faq-line);
  border-radius:6px;
  padding:16px 16px 18px;
  box-shadow:0 4px 12px rgba(45,27,78,.08);
  overflow:hidden;
  transition:border-color .2s, box-shadow .2s;
}

.page-faq .faq-card:hover{
  border-color:var(--faq-blue);
  box-shadow:0 8px 20px rgba(45,27,78,.14);
}

.page-faq .faq-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:5px;
  background:var(--faq-blue);
}

.page-faq .faq-card--ch:nth-child(even)::before{
  background:var(--faq-magenta);
}

.page-faq .faq-card--contact::before{
  background:var(--faq-gold);
}

.page-faq .faq-card__top{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin-bottom:14px;
}

.page-faq .faq-card__q{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:28px;
  height:28px;
  padding:0 6px;
  border-radius:14px;
  background:#2D1B4E;
  color:var(--faq-gold);
  font-weight:700;
  font-size:12px;
}

.page-faq .faq-card__title{
  margin:0;
  font-family:Impact, 'Arial Black', '黑体', sans-serif;
  font-size:20px;
  line-height:1.2;
  color:var(--faq-ink);
}

.page-faq .faq-card--dark .faq-card__title{
  color:var(--faq-cream);
}

.page-faq .faq-steps{
  list-style:none;
  margin:0;
  padding:0;
  counter-reset:faq-step;
  display:grid;
  gap:8px;
}

.page-faq .faq-steps li{
  position:relative;
  counter-increment:faq-step;
  padding-left:34px;
  font-size:14px;
  line-height:1.65;
  color:#34495E;
}

.page-faq .faq-steps li::before{
  content:counter(faq-step);
  position:absolute;
  left:0;
  top:1px;
  width:22px;
  height:22px;
  border-radius:50%;
  background:var(--faq-gold);
  color:#2D1B4E;
  font-weight:700;
  text-align:center;
  line-height:22px;
  font-size:12px;
  transition:background .2s, color .2s, transform .2s;
}

.page-faq .faq-steps li:hover::before{
  background:var(--faq-blue);
  color:#fff;
  transform:scale(1.12);
}

.page-faq .faq-card--dark{
  background:rgba(45,27,78,.52);
  border-color:rgba(253,246,227,.2);
}

.page-faq .faq-card--dark:hover{
  border-color:var(--faq-cyan);
}

.page-faq .faq-card--dark::before{
  background:var(--faq-cyan);
}

.page-faq .faq-card--dark .faq-steps li{
  color:rgba(253,246,227,.85);
}

.page-faq .faq-archive{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}

.page-faq .faq-timeline-wrap{
  background:rgba(253,246,227,.88);
  border:1px solid rgba(253,246,227,.6);
  border-radius:8px;
  padding:18px 16px;
}

.page-faq .faq-timeline{
  position:relative;
  display:grid;
  gap:14px;
  padding-left:8px;
}

.page-faq .faq-timeline::before{
  content:"";
  position:absolute;
  left:19px;
  top:12px;
  bottom:12px;
  width:2px;
  background:var(--faq-green);
}

.page-faq .faq-timeline__step{
  position:relative;
  display:grid;
  grid-template-columns:38px 1fr;
  gap:12px;
  align-items:start;
}

.page-faq .faq-timeline__dot{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  border-radius:50%;
  background:var(--faq-gold);
  color:#2D1B4E;
  font-weight:700;
  font-size:14px;
  box-shadow:0 0 0 4px rgba(39,174,96,.25);
}

.page-faq .faq-timeline__body{
  padding-top:3px;
}

.page-faq .faq-timeline__title{
  margin:0 0 4px;
  font-family:Impact, 'Arial Black', '黑体', sans-serif;
  font-size:18px;
  color:#2D1B4E;
}

.page-faq .faq-timeline__desc{
  margin:0;
  font-size:14px;
  line-height:1.6;
  color:#3A2A50;
}

.page-faq .faq-settings{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  margin-top:18px;
}

.page-faq .faq-settings__lead{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  margin-top:6px;
  border-radius:8px;
  border:1px solid var(--faq-line);
  background:linear-gradient(135deg, rgba(41,128,185,.08), rgba(230,126,34,.08));
  object-fit:cover;
}

.page-faq .faq-setting-card{
  border:1px solid var(--faq-line);
  border-radius:8px;
  background:#FFFFFF;
  padding:18px 16px;
  box-shadow:0 6px 16px rgba(45,27,78,.08);
}

.page-faq .faq-setting-card__head{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:14px;
}

.page-faq .faq-setting-card__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:6px;
  background:#2D1B4E;
  color:var(--faq-gold);
  font-family:Impact, 'Arial Black', '黑体', sans-serif;
  font-size:15px;
}

.page-faq .faq-setting-card--blue .faq-setting-card__icon{ background:var(--faq-blue); color:#fff; }
.page-faq .faq-setting-card--magenta .faq-setting-card__icon{ background:var(--faq-magenta); color:#fff; }
.page-faq .faq-setting-card--green .faq-setting-card__icon{ background:var(--faq-green); color:#fff; }

.page-faq .faq-setting-card__title{
  margin:0;
  font-family:Impact, 'Arial Black', '黑体', sans-serif;
  font-size:22px;
  color:var(--faq-ink);
}

.page-faq .faq-options{
  list-style:none;
  margin:0 0 12px;
  padding:0;
  display:grid;
  gap:8px;
}

.page-faq .faq-options__item{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:8px 10px;
  background:var(--faq-cream);
  border-left:4px solid var(--faq-line);
  border-radius:4px;
  font-size:14px;
  transition:border-color .2s, background .2s;
}

.page-faq .faq-options__item:hover{
  border-left-color:var(--faq-gold);
  background:#FDF0D5;
}

.page-faq .faq-options__name{
  color:#2C3E50;
  font-weight:700;
}

.page-faq .faq-options__val{
  color:var(--faq-blue);
  font-weight:700;
}

.page-faq .faq-setting-card--magenta .faq-options__val{ color:var(--faq-magenta); }
.page-faq .faq-setting-card--green .faq-options__val{ color:var(--faq-green); }

.page-faq .faq-setting-card__note{
  margin:0;
  font-size:12px;
  line-height:1.6;
  color:#7F8C8D;
}

.page-faq .faq-cast{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
  align-items:start;
}

.page-faq .faq-cast__main{
  display:grid;
  gap:14px;
}

.page-faq .faq-cast__img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  border-radius:10px;
  border:1px solid rgba(253,246,227,.25);
  object-fit:cover;
}

.page-faq .faq-protocols{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}

.page-faq .faq-contact{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
}

.page-faq .faq-contact__item{
  display:flex;
  align-items:baseline;
  gap:10px;
  padding:8px 10px;
  background:var(--faq-cream);
  border-radius:4px;
  border-left:4px solid var(--faq-gold);
}

.page-faq .faq-contact__label{
  font-size:12px;
  color:#7F8C8D;
  min-width:36px;
  font-weight:700;
}

.page-faq .faq-contact__val{
  font-size:14px;
  color:#2C3E50;
  text-decoration:none;
  word-break:break-all;
}

.page-faq .faq-contact__val:hover{
  color:var(--faq-blue);
  text-decoration:underline;
}

.page-faq .faq-index{
  display:none;
}

@media (min-width:600px){
  .page-faq .faq-tiles{
    grid-template-columns:repeat(3, 1fr);
    gap:12px;
  }

  .page-faq .faq-card-grid--two{
    grid-template-columns:repeat(2, 1fr);
  }

  .page-faq .faq-settings{
    grid-template-columns:repeat(3, 1fr);
  }

  .page-faq .faq-timeline-wrap{
    padding:22px 20px;
  }

  .page-faq .faq-archive{
    grid-template-columns:1fr;
  }

  .page-faq .faq-cast{
    grid-template-columns:1fr 220px;
  }

  .page-faq .faq-cast__img{
    margin-top:10px;
  }
}

@media (min-width:960px){
  .page-faq .faq-layout{
    display:grid;
    grid-template-columns:minmax(0, 1fr) 218px;
    gap:32px;
    align-items:start;
    padding:0 16px;
  }

  .page-faq .faq-section{
    padding:44px 0 48px;
  }

  .page-faq .faq-section--quick{
    padding-top:34px;
  }

  .page-faq .faq-section__inner{
    padding:0;
  }

  .page-faq .faq-index{
    display:flex;
    flex-direction:column;
    position:sticky;
    top:24px;
    align-self:start;
    margin-top:38px;
    padding:14px 14px 16px;
    background:rgba(253,246,227,.72);
    -webkit-backdrop-filter:blur(6px);
    backdrop-filter:blur(6px);
    border:1px solid rgba(189,195,199,.6);
    border-radius:8px;
    gap:4px;
  }

  .page-faq .faq-index__label{
    font-size:11px;
    letter-spacing:2px;
    color:#7F8C8D;
    padding:0 8px 8px;
    border-bottom:1px solid rgba(189,195,199,.6);
    margin-bottom:6px;
    font-weight:700;
  }

  .page-faq .faq-index__link{
    display:block;
    padding:8px 10px;
    border-radius:4px;
    font-size:13px;
    color:#2C3E50;
    text-decoration:none;
    border-left:3px solid transparent;
    transition:border-color .2s, background .2s, color .2s;
  }

  .page-faq .faq-index__link:hover{
    background:rgba(41,128,185,.1);
    border-left-color:var(--faq-blue);
    color:var(--faq-blue);
  }

  .page-faq .faq-archive{
    grid-template-columns:minmax(0, 1fr) 320px;
    align-items:start;
  }

  .page-faq .faq-cast{
    grid-template-columns:minmax(0, 1fr) 280px;
    gap:22px;
  }
}