body a{
    text-decoration: none;
}
.box1_0{
    width: 100%;
}

.bg-1{
    background: linear-gradient(135deg, #fff6e0, #ffe0e0, #fef3c7);
}

.box1_1{
    /*max-width: 1160px;*/
    margin: 0 auto;
}

:root{
    --brand:#1851e0;
    --accent:#ffb703;
    --text:#2b2b2b;
    --muted:#555;
    --bg:#faf9f6;
    --card:#fff;
    --primary: rgba(24, 81, 224, 1);      /* 保留指定蓝色 */
    --primary-hover: rgba(20, 65, 180, 1);
    --text-dark: #0A0A0A;
    --text-light: #FFFFFF;
    --bg-section: #F8F9FF;               /* 浅蓝灰背景 */
    --review-bg: #FFFFFF;
    --review-shadow: 0 12px 28px rgba(0,0,0,0.10);
    --review-shadow-hover: 0 20px 40px rgba(0,0,0,0.16);
    --star-gold: #FFD700;
    --review-text: #333333;
    --review-name: #0A0A0A;
    --review-role: #666666;
    --radius: 16px;
    --transition: all 0.35s ease;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}
h1,h2{color:var(--brand)}
.btn{background:var(--brand);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:.25s;text-decoration:none;display:inline-block;}
.btn:hover{background:#144ed8}

/* HERO */
.hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:90vh;text-align:center;padding:2rem;overflow:hidden;background:#fff;}
.hero h1{font-size:2.8rem;max-width:700px;z-index:3;}
.hero p{max-width:640px;margin:1rem auto;color:var(--muted);z-index:3;}
.hero .cta{margin-top:1.5rem;z-index:3;}
.float-card{position:absolute;width:160px;height:200px;background:var(--card);border-radius:16px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.15);z-index:1;}
.float-card img{width:100%;height:100%;object-fit:cover;}
.f1{top:8%;left:10%;animation:floatY 8s ease-in-out infinite;}
.f2{top:12%;right:15%;animation:floatY 7s ease-in-out infinite;}
.f3{bottom:8%;left:18%;animation:floatY 6s ease-in-out infinite;}
.f4{bottom:14%;right:10%;animation:floatY 9s ease-in-out infinite;}
.f5{top:40%;left:5%;animation:floatY 10s ease-in-out infinite;}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}

/* CSGO WHEEL */
.trust{padding:4rem 0;text-align:center;background:linear-gradient(135deg,#fff6e0,#ffe0e0,#fef3c7);overflow:hidden;}
.trust__title{font-size:2rem;margin-bottom:2rem;color:#b54b00;}
.wheel-container{position:relative;width:100%;overflow:hidden;}
.wheel-pointer{position:absolute;top:0;bottom:0;left:50%;width:4px;background:linear-gradient(180deg,transparent,var(--accent),transparent);transform:translateX(-50%);z-index:5;}
.wheel-track{display:flex;will-change:transform;}
.trust__item{flex:0 0 300px;margin:0 16px;background:#fff7f0;border-radius:12px;padding:1.5rem;text-align:left;box-shadow:0 0 0 1px rgba(255,150,50,.12);}
.trust__item h3{color:#b54b00;font-size:1.2rem;}
.trust__item p{color:#7a3b00;margin-top:.5rem;}
.trust__item.active{outline:3px solid var(--accent);box-shadow:0 0 30px rgba(255,183,3,.55);animation:flash 1s ease-in-out infinite alternate;}
@keyframes flash{0%{filter:brightness(1)}100%{filter:brightness(1.5)}}

/* CONFETTI */
.confetti-piece{position:fixed;top:-10px;width:8px;height:14px;background:hsl(calc(360*var(--i)/15),80%,60%);opacity:0.9;animation:fall linear forwards;z-index:1000;}
@keyframes fall{to{transform:translateY(100vh) rotate(720deg);opacity:0.8;}}

/* PROFIT CALCULATOR */
.profit{display:flex;justify-content:center;align-items:flex-start;gap:3rem;flex-wrap:wrap;padding:5rem 2rem;background:#fff;}
.profit-left{flex:1;min-width:300px;max-width:460px;}
.profit-right{flex:1;min-width:320px;max-width:480px;text-align:center;}
.profit-left h2{color:var(--brand);margin-bottom:.5rem;font-size:2rem;}
.subtitle{color:var(--muted);margin-bottom:1.5rem;}
.step-list{list-style:none;padding-left:0;margin-bottom:2rem;}
.step-list li{margin-bottom:1rem;padding:.6rem 1rem;border-left:4px solid transparent;transition:.3s;font-weight:600;color:var(--muted);}
.step-list li.active{border-color:var(--brand);color:var(--brand);background:#f1f4ff;border-radius:4px;}
.product-options{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2rem;}
.option{background:#f3f3f3;border:1px solid #ddd;border-radius:8px;padding:.6rem 1rem;cursor:pointer;font-weight:600;transition:.2s;}
.option.active{background:var(--brand);color:#fff;border-color:var(--brand);}
.slider-group{margin-bottom:1.8rem;}
.slider-row{display:flex;align-items:center;gap:.8rem;}
.slider-group label{display:block;margin-bottom:.5rem;font-weight:600;}
input[type=range]{flex:1;accent-color:var(--brand);}
input[type=number]{width:70px;padding:.4rem;border:1px solid #ccc;border-radius:6px;text-align:center;font-weight:600;}
.profit-right img{width:100%;border-radius:12px;box-shadow:0 6px 16px rgba(0,0,0,0.15);margin-bottom:1rem;}
.profit-result{background:#f8f9ff;border-radius:12px;padding:1.5rem;}
.profit-result p{color:var(--muted);}
.profit-result h3{color:var(--brand);font-size:2rem;margin:.5rem 0 1rem;}
.profit-bar-bg{width:100%;height:12px;background:#e5e8f0;border-radius:6px;overflow:hidden;margin-bottom:1.2rem;}
.profit-bar-fill{width:0%;height:100%;background:linear-gradient(90deg,var(--brand),#00c6ff);transition:width 1s ease;}
@media(max-width:768px){.profit{flex-direction:column;}}

/* ====== Why Switch to WinsBS (Optimized Version) ====== */
.ps {
    background:#fff;
    padding:5rem 2rem;
}
.ps__container {
    max-width:1120px;
    margin:0 auto;
}
.ps__head {
    max-width:780px;
    margin:0 auto 2.5rem;
    text-align:center;
}
.ps__head h2 {
    font-size:2.1rem;
    color:var(--brand);
    margin-bottom:.75rem;
}
.ps__sub {
    color:var(--muted);
    line-height:1.6;
}

.ps__grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:2rem;
}
@media (max-width: 900px){
    .ps__grid {grid-template-columns:1fr;}
}

.ps__card {
    display:grid;
    grid-template-columns:1fr 1fr;
    border:1px solid #e8ebf3;
    border-radius:14px;
    background:#fff;
    overflow:hidden;
    transition:transform .25s ease, box-shadow .25s ease;
}
.ps__card:hover {
    transform:translateY(-5px);
    box-shadow:0 14px 30px rgba(0,0,0,.07);
}
@media (max-width:640px){
    .ps__card {grid-template-columns:1fr;}
}

.ps__side {
    padding:1.5rem 1.5rem 1.25rem 1.25rem;
    position:relative;
}
.ps__side--pain {
    background:linear-gradient(180deg,#fff,#fff9f4);
    border-right:1px dashed rgba(241,209,176,0.7);
}
@media (max-width:640px){
    .ps__side--pain {
        border-right:none;
        border-bottom:1px dashed rgba(241,209,176,0.7);
    }
}
.ps__side--solution {
    background:linear-gradient(180deg,#f6f9ff,#ffffff);
}

.ps__badge {
    display:inline-block;
    font-size:.75rem;
    font-weight:700;
    padding:.25rem .6rem;
    border-radius:999px;
    margin-bottom:.6rem;
    letter-spacing:.02em;
}
.ps__badge--pain {
    background:#fff0e3;
    color:#9a4d00;
    border:1px solid #ffd3a8;
}
.ps__badge--win {
    background:#e9f0ff;
    color:var(--brand);
    border:1px solid rgba(24,81,224,.25);
}

.ps__icon {
    width:36px;height:36px;
    border-radius:10px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#b54b00;
    background:#fff7f0;
    border:1px solid #ffd9b3;
    margin-right:.6rem;
}
.ps__title {
    font-size:1.1rem;
    margin:.4rem 0 .35rem;
    color:#1e1e1e;
    line-height:1.35;
}
.ps__desc {
    color:#6b6b6b;
    font-size:.95rem;
    line-height:1.55;
}

.ps__bullets {
    margin:.35rem 0 0 1.1rem;
    padding-left:.5rem;
    color:#2f3b52;
}
.ps__bullets li {
    margin:.4rem 0;
    list-style:disc;
}

@media (prefers-reduced-motion: reduce){
    .ps__card {transition:none;}
    .ps__card:hover {transform:none;box-shadow:none;}
}

/* ====================== 轮播容器 ====================== */
.pod-reviews-section {
    padding: 6rem 2rem 5rem; /* 整体上下大 padding */
    background: var(--bg-section);
    text-align: center;
}

.pod-reviews-container {
    max-width: 1240px;
    margin: 0 auto;
}

.pod-reviews-title {
    font-size: clamp(2rem, 4.5vw, 2.8rem);
    font-weight: 700;
    color: var(--text-dark);
    margin-bottom: 1.2rem;
}

.pod-reviews-subtitle {
    font-size: clamp(1.1rem, 2.5vw, 1.3rem);
    color: #555555;
    max-width: 70ch;
    margin: 0 auto 4rem;
    opacity: 0.92;
}

/* ====================== Swiper 轮播样式 ====================== */
.pod-reviews-swiper {
    overflow: visible !important; /* 强制允许所有溢出 */
    position: relative;
    padding: 5rem 0 2rem; /* 顶部超大 padding，彻底容纳引号 */
    margin-top: 2rem; /* 额外外边距 */
}

.pod-review-slide {
    display: flex;
    justify-content: center;
    opacity: 0.6;
    transition: var(--transition);
    transform: scale(0.92);
    height: auto;
    padding-top: 2rem; /* slide 额外空间 */
}

.pod-review-slide.swiper-slide-active {
    opacity: 1;
    transform: scale(1);
}

/* 评价卡片 - 固定高度 + 内容垂直布局 + 更大内部空间 */
.pod-review-card {
    background: var(--review-bg);
    border-radius: var(--radius);
    padding: 3.5rem 2rem 2.5rem; /* 上 padding 更大，容纳引号 + 文字 */
    box-shadow: var(--review-shadow);
    transition: var(--transition);
    max-width: 400px; /* 略增宽度，避免文字拥挤 */
    width: 100%;
    text-align: left;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 380px; /* 高度增加 40px，确保文字完整 */
    justify-content: flex-start;
}

.pod-review-card:hover {
    box-shadow: var(--review-shadow-hover);
    transform: translateY(-6px);
}

/* 引号装饰 - 绝对定位，进一步上移 */
.pod-review-quote {
    position: absolute;
    top: -38px; /* 超高上移，确保零裁剪 */
    left: 2rem;
    width: 56px; /* 略增尺寸，更醒目 */
    height: 56px;
    background: var(--primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-light);
    font-size: 2.2rem; /* 更大字体 */
    font-weight: 700;
    box-shadow: 0 8px 20px rgba(24, 81, 224, 0.35);
    z-index: 20; /* 最高层级 */
}

/* 星级 */
.pod-review-stars {
    display: flex;
    gap: 0.4rem;
    margin-bottom: 1.2rem;
    margin-top: 1rem; /* 与引号更大间距 */
}

.pod-review-star {
    width: 22px;
    height: 22px;
    fill: var(--star-gold);
}

/* 评价内容 - 更大行高 + 更多行数 */
.pod-review-text {
    font-size: 1.1rem;
    color: var(--review-text);
    line-height: 1.8; /* 行高增加 */
    margin-bottom: 1.8rem;
    font-style: italic;
    flex-grow: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5; /* 增加到5行，容纳更长文字 */
    -webkit-box-orient: vertical;
}

/* 用户信息 - 固定底部 */
.pod-review-user {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    margin-top: auto;
}

.pod-review-avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid var(--primary);
    box-shadow: 0 4px 12px rgba(24, 81, 224, 0.2);
    flex-shrink: 0;
}

.pod-review-info h4 {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--review-name);
    margin: 0;
}

.pod-review-info p {
    font-size: 0.95rem;
    color: var(--review-role);
    margin: 0.3rem 0 0;
}

/* Swiper 导航箭头 */
.pod-reviews-swiper .swiper-button-next,
.pod-reviews-swiper .swiper-button-prev {
    width: 52px;
    height: 52px;
    background: var(--review-bg);
    border-radius: 50%;
    box-shadow: 0 6px 16px rgba(0,0,0,0.15);
    color: var(--primary);
    transition: var(--transition);
    margin-top: -26px;
    z-index: 20;
}

.pod-reviews-swiper .swiper-button-next:after,
.pod-reviews-swiper .swiper-button-prev:after {
    font-size: 1.5rem;
    font-weight: 700;
}

.pod-reviews-swiper .swiper-button-next:hover,
.pod-reviews-swiper .swiper-button-prev:hover {
    background: var(--primary);
    color: var(--text-light);
    transform: scale(1.1);
}

/* 分页点 */
.pod-reviews-swiper .swiper-pagination {
    bottom: -15px;
}

.pod-reviews-swiper .swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    background: #CCCCCC;
    opacity: 1;
    transition: var(--transition);
}

.pod-reviews-swiper .swiper-pagination-bullet-active {
    background: var(--primary);
    transform: scale(1.3);
}

/* ====================== 响应式 ====================== */
@media (max-width: 992px) {
    .pod-review-card {
        max-width: 360px;
        padding: 3.2rem 1.8rem 2.2rem;
        height: 370px;
    }
    .pod-review-quote { top: -36px; width: 52px; height: 52px; font-size: 2rem; left: 1.8rem; }
    .pod-review-text { -webkit-line-clamp: 4; font-size: 1.05rem; }
}

@media (max-width: 768px) {
    .pod-reviews-section { padding: 5rem 1.5rem 4rem; }
    .pod-review-slide { padding: 0 1rem; }
    .pod-review-card {
        padding: 3rem 1.6rem 2rem;
        height: 360px;
    }
    .pod-review-avatar { width: 56px; height: 56px; }
    .pod-review-text { font-size: 1.02rem; line-height: 1.75; }
    .pod-review-quote { top: -34px; }
}

@media (max-width: 480px) {
    .pod-reviews-subtitle { margin-bottom: 3.5rem; }
    .pod-review-card { height: 380px; padding: 3.2rem 1.4rem 2rem; }
    .pod-review-text { -webkit-line-clamp: 6; }
    .pod-review-quote { top: -32px; width: 48px; height: 48px; font-size: 1.8rem; }
}

/* ====== WinsBS FAQ — Pure Single Layer (No Double Background) ====== */
.faq {
    background:#fff;
    padding:5rem 2rem;
    border-top:1px solid rgba(0,0,0,0.05);
}
.faq__container {
    max-width:800px;
    margin:0 auto;
}
.faq__head {
    text-align:center;
    margin-bottom:2.5rem;
}
.faq__head h2 {
    font-size:2.1rem;
    color:var(--brand);
    margin-bottom:.6rem;
}
.faq__sub {
    color:var(--muted);
    line-height:1.6;
    max-width:600px;
    margin:0 auto;
}

.faq__list {
    display:flex;
    flex-direction:column;
    gap:1.25rem;
}

/* Core card */
.faq__item {
    position:relative;
    border:1px solid #e7eaf3;
    border-radius:12px;
    background:#fff;
    box-shadow:0 3px 10px rgba(0,0,0,0.04);
    overflow:hidden;
    transition:box-shadow .25s ease, transform .25s ease;
}
.faq__item:hover {
    transform:translateY(-2px);
    box-shadow:0 6px 18px rgba(0,0,0,0.08);
}

/* Question button — pure transparent, no browser default */
.faq__question {
    all:unset; /* 彻底清除 button 的系统样式（最关键） */
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    padding:1.25rem 1.5rem;
    font-family:inherit;
    font-size:1rem;
    font-weight:600;
    cursor:pointer;
    color:#1e1e1e;
    transition:color .25s ease;
}
.faq__question:hover {
    color:var(--brand);
}
.faq__question:focus {
    outline:none;
}

/* 左侧品牌蓝条 */
.faq__item::before {
    content:"";
    position:absolute;
    left:0;top:0;bottom:0;
    width:0;
    background:var(--brand);
    transition:width .25s ease;
}
.faq__item:hover::before,
.faq__question[aria-expanded="true"]::before {
    width:3px;
}

/* Arrow animation */
.faq__arrow {
    flex-shrink:0;
    transition:transform .3s ease, stroke .3s ease;
}
.faq__question[aria-expanded="true"] .faq__arrow {
    transform:rotate(180deg);
    stroke:var(--brand);
}

/* Answer block */
.faq__answer {
    background:#f7f9ff;
    border-top:1px solid #e3e8f4;
    padding:1.25rem 1.5rem;
    color:#333;
    font-size:.95rem;
    line-height:1.65;
    animation:fadeIn .3s ease;
}
@keyframes fadeIn {
    from{opacity:0;transform:translateY(-6px);}
    to{opacity:1;transform:translateY(0);}
}