*{box-sizing:border-box;margin:0;padding:0;}
html,body{background:#05060a;color:#d4f5e0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;overflow-x:hidden;}
body::before{content:'';position:fixed;inset:0;background:radial-gradient(circle at 20% 30%,rgba(0,255,136,.12),transparent 45%),radial-gradient(circle at 80% 70%,rgba(255,0,68,.1),transparent 45%);pointer-events:none;z-index:0;}
body>*{position:relative;z-index:1;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
.cb-container{max-width:1200px;margin:0 auto;padding:0 16px;box-sizing:border-box;overflow:hidden;}
.cb-section__title{font-size:34px;font-weight:900;text-align:center;margin:0 0 30px;color:#00ff88;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 20px rgba(0,255,136,.5),0 0 40px rgba(0,255,136,.3);position:relative;}
.cb-section__title::before{content:'❀';color:#ff0044;margin-right:14px;text-shadow:0 0 12px rgba(255,0,68,.7);}
.cb-section__title::after{content:'❀';color:#ff0044;margin-left:14px;text-shadow:0 0 12px rgba(255,0,68,.7);}
.cb-btn{display:inline-block;padding:13px 30px;border-radius:0;font-weight:700;cursor:pointer;border:none;font-size:14px;text-transform:uppercase;letter-spacing:2px;transition:.3s;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);}
.cb-btn--primary{background:linear-gradient(135deg,#00ff88,#00cc6a);color:#05060a;box-shadow:0 0 25px rgba(0,255,136,.6);}
.cb-btn--ghost{background:rgba(255,0,68,.1);color:#ff0044;border:2px solid #ff0044;box-shadow:0 0 16px rgba(255,0,68,.3);}
.cb-btn:hover{transform:translateY(-3px);filter:brightness(1.15);}

.cb-header{position:sticky;top:0;z-index:100;background:rgba(5,6,10,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,255,136,.3);box-shadow:0 4px 30px rgba(0,255,136,.1);}
.cb-header__inner{max-width:1200px;margin:0 auto;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;}
.cb-logo img{height:40px;filter:drop-shadow(0 0 8px rgba(0,255,136,.6));}
.cb-nav{display:flex;align-items:center;gap:4px;}
.cb-nav__link{padding:8px 14px;font-size:13px;font-weight:700;color:#88ddaa;border-radius:0;text-transform:uppercase;letter-spacing:1px;transition:.3s;border:1px solid transparent;}
.cb-nav__link:hover,.cb-nav__link--active{color:#00ff88;border-color:rgba(0,255,136,.4);text-shadow:0 0 8px rgba(0,255,136,.6);}
.cb-dropdown{position:relative;}
.cb-dropdown__toggle{padding:8px 14px;font-size:13px;font-weight:700;color:#ff0044;cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:1px solid rgba(255,0,68,.4);}
.cb-dropdown__toggle:hover{background:rgba(255,0,68,.15);text-shadow:0 0 8px rgba(255,0,68,.7);}
.cb-dropdown__menu{position:absolute;top:100%;right:0;min-width:200px;background:#0a0e14;border:1px solid #00ff88;padding:8px;display:none;box-shadow:0 16px 40px rgba(0,0,0,.7),0 0 20px rgba(0,255,136,.3);}
.cb-dropdown:hover .cb-dropdown__menu{display:block;}
.cb-dropdown__item{display:block;padding:9px 14px;font-size:13px;color:#88ddaa;border-left:2px solid transparent;}
.cb-dropdown__item:hover{background:rgba(0,255,136,.1);color:#00ff88;border-left-color:#ff0044;}
.cb-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;}
.cb-burger span{width:24px;height:2px;background:#00ff88;box-shadow:0 0 6px rgba(0,255,136,.7);}
.cb-mobile{display:none;background:#0a0e14;padding:12px 16px;border-top:1px solid rgba(0,255,136,.3);}
.cb-mobile.active{display:flex;flex-direction:column;gap:4px;}
.cb-mobile__link{padding:10px 12px;color:#88ddaa;font-size:14px;border-left:2px solid transparent;}
.cb-mobile__link:hover{background:rgba(0,255,136,.1);color:#00ff88;border-left-color:#ff0044;}

.cb-hero{padding:80px 0 100px;position:relative;overflow:hidden;}
.cb-hero::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 40px,rgba(0,255,136,.04) 40px,rgba(0,255,136,.04) 41px),repeating-linear-gradient(90deg,transparent,transparent 40px,rgba(255,0,68,.03) 40px,rgba(255,0,68,.03) 41px);pointer-events:none;}
.cb-hero__petals{position:absolute;inset:0;pointer-events:none;}
.cb-petal{position:absolute;font-size:48px;opacity:.18;animation:cb-drift 14s ease-in-out infinite;}
.cb-petal--1{top:8%;left:8%;color:#00ff88;animation-delay:0s;}
.cb-petal--2{top:18%;right:14%;color:#ff0044;animation-delay:2s;font-size:38px;}
.cb-petal--3{bottom:18%;left:18%;color:#00ff88;animation-delay:4s;font-size:42px;}
.cb-petal--4{bottom:10%;right:8%;color:#ff0044;animation-delay:6s;font-size:52px;}
.cb-petal--5{top:50%;left:50%;color:#00ff88;animation-delay:8s;font-size:30px;}
@keyframes cb-drift{0%,100%{transform:translate(0,0) rotate(0deg);}50%{transform:translate(20px,-30px) rotate(180deg);}}

.cb-hero__inner{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto auto auto;gap:18px;position:relative;}
.cb-hero__main{grid-column:1 / span 7;grid-row:1 / span 3;padding:30px 0;position:relative;z-index:2;}
.cb-hero__badge{display:inline-block;padding:8px 22px;background:rgba(0,255,136,.1);border:1px solid #00ff88;color:#00ff88;font-size:11px;margin-bottom:24px;font-weight:700;letter-spacing:3px;text-transform:uppercase;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);}
.cb-hero__title{font-size:84px;font-weight:900;line-height:.95;margin-bottom:24px;color:#fff;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 30px rgba(0,255,136,.6),3px 3px 0 rgba(255,0,68,.5);}
.cb-hero__title-mid{display:inline-block;color:#ff0044;text-shadow:0 0 30px rgba(255,0,68,.7),-3px -3px 0 rgba(0,255,136,.4);transform:translateX(40px);}
.cb-hero__title-end{display:inline-block;color:#00ff88;text-shadow:0 0 30px rgba(0,255,136,.7);transform:translateX(80px);}
.cb-hero__sub{font-size:16px;color:#88ddaa;margin-bottom:30px;max-width:520px;}
.cb-hero__cta{display:flex;gap:14px;flex-wrap:wrap;}

.cb-hero__tile{padding:22px 16px;background:rgba(10,14,20,.85);border:1px solid rgba(0,255,136,.4);text-align:center;backdrop-filter:blur(10px);transition:.3s;position:relative;z-index:3;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);}
.cb-hero__tile em{display:block;font-style:normal;font-size:24px;margin-bottom:6px;}
.cb-hero__tile strong{display:block;font-size:28px;color:#00ff88;font-weight:900;text-shadow:0 0 12px rgba(0,255,136,.6);margin-bottom:4px;}
.cb-hero__tile span{font-size:10px;color:#88ddaa;text-transform:uppercase;letter-spacing:1.8px;font-weight:700;}
.cb-hero__tile:hover{transform:translateY(-6px);border-color:#00ff88;box-shadow:0 16px 40px rgba(0,255,136,.4);}
.cb-hero__tile--a{grid-column:8 / span 5;grid-row:1;transform:rotate(-2deg);}
.cb-hero__tile--b{grid-column:8 / span 3;grid-row:2;transform:rotate(1.5deg);background:rgba(255,0,68,.08);border-color:rgba(255,0,68,.5);}
.cb-hero__tile--b strong{color:#ff0044;text-shadow:0 0 12px rgba(255,0,68,.6);}
.cb-hero__tile--c{grid-column:11 / span 2;grid-row:2;transform:rotate(-1deg);}
.cb-hero__tile--d{grid-column:8 / span 2;grid-row:3;transform:rotate(2deg);background:rgba(255,0,68,.08);border-color:rgba(255,0,68,.5);}
.cb-hero__tile--d strong{color:#ff0044;text-shadow:0 0 12px rgba(255,0,68,.6);}
.cb-hero__tile--e{grid-column:10 / span 3;grid-row:3;transform:rotate(-2deg);}

.cb-about{padding:70px 0;position:relative;}
.cb-about__layout{display:grid;grid-template-columns:1.05fr 1fr;gap:30px;align-items:start;}
.cb-about__hero{padding:36px 32px;background:rgba(10,14,20,.7);border:1px solid rgba(0,255,136,.35);position:relative;clip-path:polygon(20px 0,100% 0,calc(100% - 20px) 100%,0 100%);}
.cb-about__hero::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00ff88,#ff0044);}
.cb-about__hero-mark{position:absolute;top:18px;right:24px;font-size:38px;color:#ff0044;opacity:.4;text-shadow:0 0 18px rgba(255,0,68,.5);}
.cb-about__hero h3{font-size:22px;color:#00ff88;margin-bottom:16px;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 14px rgba(0,255,136,.5);}
.cb-about__hero p{font-size:14px;color:#88ddaa;line-height:1.85;margin-bottom:14px;}
.cb-about__hero p strong{color:#fff;font-weight:700;}
.cb-about__cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.cb-about__card{padding:20px 16px;background:rgba(10,14,20,.85);border:1px solid rgba(0,255,136,.3);text-align:center;transition:.3s;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);}
.cb-about__card:hover{transform:translateY(-4px);border-color:#00ff88;box-shadow:0 12px 30px rgba(0,255,136,.3);}
.cb-about__card em{display:block;font-style:normal;font-size:24px;color:#00ff88;margin-bottom:8px;text-shadow:0 0 12px rgba(0,255,136,.5);}
.cb-about__card h4{font-size:13px;color:#fff;margin-bottom:6px;text-transform:uppercase;letter-spacing:1.5px;}
.cb-about__card p{font-size:11px;color:#88ddaa;line-height:1.5;}
.cb-about__card--2,.cb-about__card--4,.cb-about__card--6{border-color:rgba(255,0,68,.3);background:rgba(255,0,68,.04);}
.cb-about__card--2 em,.cb-about__card--4 em,.cb-about__card--6 em{color:#ff0044;text-shadow:0 0 12px rgba(255,0,68,.5);}
.cb-about__card--2:hover,.cb-about__card--4:hover,.cb-about__card--6:hover{border-color:#ff0044;box-shadow:0 12px 30px rgba(255,0,68,.3);}

.cb-game{padding:60px 0;}
.cb-game__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;}
.cb-game__card{background:#0a0e14;border:1px solid rgba(0,255,136,.25);overflow:hidden;cursor:pointer;transition:.3s;position:relative;}
.cb-game__card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#00ff88,#ff0044);}
.cb-game__card:hover{transform:translateY(-6px);border-color:#00ff88;box-shadow:0 12px 32px rgba(0,255,136,.3),0 0 0 1px #00ff88;}
.cb-game__img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;}
.cb-game__info{padding:10px 12px;}
.cb-game__name{font-size:13px;font-weight:700;color:#fff;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cb-game__tag{font-size:10px;color:#ff0044;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;}

.cb-stats{padding:60px 0;background:linear-gradient(180deg,transparent,rgba(0,255,136,.04),transparent);}
.cb-stats__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;}
.cb-stats__card{padding:36px 20px;background:rgba(10,14,20,.8);border:1px solid rgba(0,255,136,.3);text-align:center;position:relative;clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);transition:.3s;}
.cb-stats__card:hover{border-color:#00ff88;background:rgba(0,255,136,.06);}
.cb-stats__card:nth-child(even){border-color:rgba(255,0,68,.3);}
.cb-stats__card:nth-child(even):hover{border-color:#ff0044;background:rgba(255,0,68,.06);}
.cb-stats__num{font-size:48px;font-weight:900;color:#00ff88;text-shadow:0 0 18px rgba(0,255,136,.5);}
.cb-stats__card:nth-child(even) .cb-stats__num{color:#ff0044;text-shadow:0 0 18px rgba(255,0,68,.5);}
.cb-stats__label{font-size:11px;color:#88ddaa;text-transform:uppercase;letter-spacing:2.5px;margin-top:10px;}
.cb-stats__icon{font-size:24px;margin-bottom:6px;}

.cb-article{padding:60px 0;}
.cb-article__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;}
.cb-article__card{background:#0a0e14;border:1px solid rgba(0,255,136,.25);overflow:hidden;transition:.3s;position:relative;}
.cb-article__card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#ff0044,#00ff88);}
.cb-article__card:hover{transform:translateY(-4px);border-color:#00ff88;box-shadow:0 12px 28px rgba(0,255,136,.25);}
.cb-article__thumb img{width:100%;aspect-ratio:16/9;object-fit:cover;}
.cb-article__body{padding:18px;}
.cb-article__body h3{font-size:15px;color:#fff;margin-bottom:10px;line-height:1.4;}
.cb-article__body p{font-size:13px;color:#88ddaa;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.cb-article__date{font-size:11px;color:#ff0044;letter-spacing:1px;text-transform:uppercase;}

.cb-faq{padding:60px 0 80px;}
.cb-faq__list{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:12px;}
.cb-faq__item{background:rgba(10,14,20,.7);border:1px solid rgba(0,255,136,.25);overflow:hidden;transition:.3s;}
.cb-faq__item:hover{border-color:rgba(0,255,136,.5);}
.cb-faq__q{padding:18px 22px;font-weight:700;font-size:15px;color:#00ff88;cursor:pointer;display:flex;justify-content:space-between;align-items:center;letter-spacing:.5px;}
.cb-faq__q::after{content:'+';color:#ff0044;font-size:24px;transition:.3s;text-shadow:0 0 8px rgba(255,0,68,.6);}
.cb-faq__item.open .cb-faq__q::after{transform:rotate(45deg);}
.cb-faq__a{max-height:0;overflow:hidden;padding:0 22px;color:#88ddaa;font-size:14px;line-height:1.8;transition:max-height .4s ease;}
.cb-faq__item.open .cb-faq__a{max-height:800px;padding:0 22px 22px;}

.cb-article-list,.cb-detail{padding:60px 0;}
.cb-pager{margin-top:30px;text-align:center;color:#88ddaa;}
.cb-detail__box{max-width:860px;background:rgba(10,14,20,.7);padding:40px;border:1px solid rgba(0,255,136,.25);}
.cb-detail__title{font-size:30px;color:#fff;margin-bottom:14px;text-shadow:0 0 15px rgba(0,255,136,.4);}
.cb-detail__meta{color:#88ddaa;font-size:13px;margin-bottom:24px;}
.cb-detail__content{color:#d4f5e0;font-size:15px;line-height:1.9;}
.cb-detail__content img{margin:16px 0;border:1px solid rgba(0,255,136,.2);}
.cb-detail__back{margin-top:30px;}
.cb-404{padding:120px 0;text-align:center;}
.cb-404__code{font-size:140px;font-weight:900;color:#00ff88;text-shadow:0 0 40px rgba(0,255,136,.7),5px 5px 0 #ff0044;letter-spacing:8px;}
.cb-404__msg{font-size:18px;color:#88ddaa;margin:20px 0 30px;}
.cb-footer{background:#020306;border-top:1px solid rgba(0,255,136,.3);padding:50px 0 20px;margin-top:40px;}
.cb-footer__inner{max-width:1200px;margin:0 auto;padding:0 16px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;}
.cb-footer__logo{height:36px;margin-bottom:12px;filter:drop-shadow(0 0 6px rgba(0,255,136,.5));}
.cb-footer h4{color:#ff0044;font-size:13px;margin-bottom:14px;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 8px rgba(255,0,68,.4);}
.cb-footer__brand p{color:#88ddaa;font-size:13px;}
.cb-footer__links a{display:block;color:#88ddaa;font-size:13px;padding:4px 0;}
.cb-footer__links a:hover{color:#00ff88;}
.cb-footer__contact p{color:#88ddaa;font-size:13px;margin-bottom:6px;}
.cb-footer__copy{max-width:1200px;margin:30px auto 0;padding:20px 16px 0;border-top:1px solid rgba(0,255,136,.15);text-align:center;color:#446655;font-size:12px;}

@media(max-width:860px){
    .cb-nav{display:none;}
    .cb-burger{display:flex;}
    .cb-hero{padding:60px 0 60px;}
    .cb-hero__inner{grid-template-columns:1fr 1fr;gap:14px;}
    .cb-hero__main{grid-column:1 / span 2;grid-row:auto;text-align:center;padding:0;}
    .cb-hero__title{font-size:42px;letter-spacing:1px;}
    .cb-hero__title-mid,.cb-hero__title-end{transform:none;}
    .cb-hero__cta{justify-content:center;}
    .cb-hero__tile{transform:none!important;}
    .cb-hero__tile--a{grid-column:1 / span 2;grid-row:auto;}
    .cb-hero__tile--b,.cb-hero__tile--c,.cb-hero__tile--d,.cb-hero__tile--e{grid-column:span 1;grid-row:auto;}
    .cb-hero__tile strong{font-size:22px;}
    .cb-section__title{font-size:24px;letter-spacing:1.5px;}
    .cb-game__grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;}
    .cb-stats__num{font-size:36px;}
    .cb-about__layout{grid-template-columns:1fr;}
    .cb-footer__inner{grid-template-columns:1fr;}
    .cb-detail__box{padding:24px;}
}

/* === 按钮强化框（追加） === */
.cb-btn,.cb-hero__btns a,.cb-hero__cta a{display:inline-flex !important;align-items:center;justify-content:center;min-width:170px !important;padding:15px 34px !important;font-weight:800 !important;font-size:14px !important;letter-spacing:1.5px;text-transform:uppercase;border-radius:8px !important;border:2px solid var(--acc) !important;box-shadow:0 8px 24px rgba(0,0,0,.4),0 0 0 3px rgba(255,255,255,.08) inset !important;transition:.3s;text-align:center;position:relative;z-index:2}
.cb-btn--primary,.cb-hero__btns a:first-child,.cb-hero__cta a:first-child{background:linear-gradient(135deg,var(--acc),var(--acc2)) !important;color:var(--bg) !important;border-color:var(--acc) !important}
.cb-btn--ghost,.cb-btn--outline,.cb-hero__btns a:last-child,.cb-hero__cta a:last-child{background:rgba(0,0,0,.35) !important;color:var(--acc) !important;border:2px solid var(--acc) !important}
.cb-btn:hover,.cb-hero__btns a:hover,.cb-hero__cta a:hover{transform:translateY(-3px) !important;filter:brightness(1.15);box-shadow:0 14px 32px rgba(0,0,0,.6),0 0 0 3px rgba(255,255,255,.12) inset !important}

.cb-hero__cstrip{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:24px 0 28px}
.cb-hero__cBadge{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;background:rgba(0,0,0,.55);border:1.5px solid var(--acc);color:var(--acc);font-size:11px;letter-spacing:2px;font-weight:800;border-radius:999px;box-shadow:0 4px 14px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.04) inset;text-transform:uppercase;font-family:Georgia,'Inter',sans-serif}
.cb-hero__cBadge--h{color:#ff6b9d;border-color:#ff6b9d}
.cb-hero__cBadge--d{color:#ffd93d;border-color:#ffd93d}
@media(max-width:860px){.cb-hero__cstrip{gap:8px}.cb-hero__cBadge{padding:7px 12px;font-size:10px;letter-spacing:1px}}

.cb-hero__siteName{font-family:'Inter',Georgia,sans-serif;font-size:46px;font-weight:900;color:var(--text);margin:0 0 12px;letter-spacing:1px;text-shadow:0 2px 12px rgba(0,0,0,.5);line-height:1.1}
.cb-hero__siteDesc{font-size:15px;color:var(--muted);line-height:1.7;max-width:760px;margin:14px auto 22px;letter-spacing:.5px;opacity:.9}
@media(max-width:860px){.cb-hero__siteName{font-size:30px}.cb-hero__siteDesc{font-size:13px}}