.page-ban-ca{--deep-navy:#08162B;--card-bg:#10233F;--text-main:#F3F8FF;--text-secondary:#AFC4E8;--border:#244D84;--glow:#4FA8FF;--gold:#F2C14E;--divider:#1B3357;color:var(--text-main);background-color:var(--deep-navy);font-family:'Inter',system-ui,sans-serif;line-height:1.6}.page-ban-ca__hero{display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,#08162B 0%,#10233F 100%);padding-top:10px;padding-bottom:24px}.page-ban-ca__hero-image{width:100%;max-width:1200px;padding:0 16px;margin-bottom:20px}.page-ban-ca__hero-image img{display:block;width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;border-radius:16px;border:1px solid var(--border);box-shadow:0 0 24px rgba(79,168,255,.15)}.page-ban-ca__hero-content{width:100%;max-width:1200px;padding:0 16px;text-align:center}.page-ban-ca__hero-title{color:var(--text-main);font-size:clamp(1.4rem, 3vw, 2.2rem);font-weight:800;line-height:1.2;letter-spacing:-.01em;margin:0 0 12px}.page-ban-ca__hero-subtitle{color:var(--text-secondary);font-size:1rem;max-width:720px;margin:0 auto 20px}.page-ban-ca__btn{display:inline-block;padding:12px 28px;border-radius:999px;text-decoration:none;font-weight:700;transition:transform .15s ease,box-shadow .2s ease;margin:4px}.page-ban-ca__btn--cta{background:linear-gradient(180deg,#2B73F6 0%,#1144A6 100%);color:#fff;box-shadow:0 4px 16px rgba(43,115,246,.3)}.page-ban-ca__btn--cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(43,115,246,.45)}.page-ban-ca__logo-section{padding:48px 16px;max-width:1200px;margin:0 auto}.page-ban-ca__logo-title{text-align:center;color:var(--gold);font-size:1.8rem;margin:0 0 32px}.page-ban-ca__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;justify-items:center}.page-ban-ca__logo-item{display:flex;flex-direction:column;align-items:center;gap:14px;background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:20px;transition:border-color .2s,box-shadow .2s;max-width:280px;width:100%}.page-ban-ca__logo-item:hover{border-color:var(--glow);box-shadow:0 0 20px rgba(79,168,255,.2)}.page-ban-ca__logo-image{width:100%;aspect-ratio:2/1;object-fit:contain;background:transparent}.page-ban-ca__logo-cta{background:linear-gradient(180deg,#2B73F6 0%,#1144A6 100%);color:#fff;padding:10px 24px;border-radius:999px;text-decoration:none;font-weight:600;transition:transform .15s ease,box-shadow .15s ease}.page-ban-ca__logo-cta:hover{transform:scale(1.05);box-shadow:0 4px 14px rgba(43,115,246,.4)}.page-ban-ca__logo-item:nth-child(5){grid-column:2}.page-ban-ca__logo-item:nth-child(6){grid-column:3}.page-ban-ca__guide-section{background:linear-gradient(180deg,#10233F 0%,#08162B 100%);padding:48px 16px}.page-ban-ca__guide-inner{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:32px}.page-ban-ca__guide-title{text-align:center;color:var(--gold);font-size:1.8rem;margin:0 0 8px}.page-ban-ca__guide-intro{text-align:center;color:var(--text-secondary);max-width:680px;margin:0 auto}.page-ban-ca__guide-post{display:flex;flex-direction:column;gap:16px;background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:20px}.page-ban-ca__guide-figure{margin:0}.page-ban-ca__guide-figure img{width:100%;max-width:800px;aspect-ratio:2/1;object-fit:cover;border-radius:8px}.page-ban-ca__guide-text h3{color:var(--text-main);font-size:1.4rem;margin:0 0 8px}.page-ban-ca__guide-text p{color:var(--text-secondary);margin:0 0 16px}.page-ban-ca__read-more{color:var(--glow);text-decoration:none;font-weight:600;transition:color .15s}.page-ban-ca__read-more:hover{color:var(--gold)}@media (max-width:768px){.page-ban-ca__hero-image img{aspect-ratio:2/1}.page-ban-ca__logo-grid{grid-template-columns:repeat(2,1fr);gap:16px}.page-ban-ca__logo-item:nth-child(5),.page-ban-ca__logo-item:nth-child(6){grid-column:auto}.page-ban-ca__btn{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}.page-ban-ca__hero-content,.page-ban-ca__logo-section,.page-ban-ca__guide-section{padding-left:12px;padding-right:12px}.page-ban-ca img{max-width:100%!important;height:auto!important}}