/** 
 * luban - v1.0.0 
 * Create Date -2026-06-16 15:30:16
 * Copyright (c) 2026 Licensed Apache-2.0 
 * author houzhenyu@huimei.com
*/

#banner .banner_box li.subscription-banner>div{overflow:hidden;background:#edf6ff}#banner .banner_box li.subscription-banner .hero{position:relative;width:100%;height:100vh;overflow:hidden;background:#edf6ff;font-family:"Microsoft YaHei",Arial,sans-serif}#banner .banner_box li.subscription-banner .bg-photo{position:absolute;top:0;right:0;width:100%;height:100%;background:url(/images/yybl-bg.png) center center / cover no-repeat;z-index:0}#banner .banner_box li.subscription-banner .bg-photo:after{content:"";position:absolute;inset:0;background:-webkit-linear-gradient(0deg, rgba(235,245,255,.88) 0, rgba(235,245,255,.65) 32%, rgba(235,245,255,.2) 55%, rgba(235,245,255,0) 65%);background:linear-gradient(90deg,rgba(235,245,255,.88) 0,rgba(235,245,255,.65) 32%,rgba(235,245,255,.2) 55%,rgba(235,245,255,0) 65%)}#banner .banner_box li.subscription-banner .bg-mask-left{position:absolute;inset:0;z-index:1}#banner .banner_box li.subscription-banner .hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:38%;z-index:1}#banner .banner_box li.subscription-banner .hero-body{position:relative;z-index:3;width:1200px;height:100%;margin:0 auto;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:64px}#banner .banner_box li.subscription-banner .hero-text{width:520px;padding-top:20px}#banner .banner_box li.subscription-banner .hero-title{margin:0;color:#0b2e5f;font-weight:800;letter-spacing:-1px}#banner .banner_box li.subscription-banner .title-line{display:block}#banner .banner_box li.subscription-banner .title-line-1{line-height:60px}#banner .banner_box li.subscription-banner .title-line-1 img{display:block;height:59px;width:auto}#banner .banner_box li.subscription-banner .title-line-2{margin-top:4px;font-size:18px;line-height:46px;color:#0a1830}#banner .banner_box li.subscription-banner .quote-mark,#banner .banner_box li.subscription-banner .highlight{color:#0088e8}#banner .banner_box li.subscription-banner .gradient-text{margin:0 2px;background:-webkit-linear-gradient(0deg, #0088e8 0, #20c5d9 100%);background:linear-gradient(90deg,#0088e8 0,#20c5d9 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}#banner .banner_box li.subscription-banner .hero-subtitle{width:500px;margin:22px 0 0;color:#365979;font-size:16px;line-height:28px}#banner .banner_box li.subscription-banner .trust-row{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:22px;margin:28px 0 0;padding:0;list-style:none}#banner .banner_box li.subscription-banner .trust-row li{position:static;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:auto;height:auto;opacity:1;color:#31536f;font-size:14px;line-height:20px;-webkit-transition:none;transition:none}#banner .banner_box li.subscription-banner .trust-row b{color:#0088e8;font-size:16px;font-weight:800}#banner .banner_box li.subscription-banner .trust-icon{display:-webkit-inline-box;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;width:28px;height:28px;margin-right:8px;border-radius:8px;-webkit-box-shadow:0 6px 16px rgba(0,136,232,.12);box-shadow:0 6px 16px rgba(0,136,232,.12)}#banner .banner_box li.subscription-banner .trust-icon svg{width:14px;height:14px}#banner .banner_box li.subscription-banner .icon-blue{color:#0088e8;background:#dff2ff}#banner .banner_box li.subscription-banner .icon-cyan{color:#00a2a8;background:#dff8f8}#banner .banner_box li.subscription-banner .icon-violet{color:#6b5cff;background:#ece9ff}#banner .banner_box li.subscription-banner .cta-row{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-top:28px}#banner .banner_box li.subscription-banner .btn{width:auto;height:auto;min-width:156px;padding:13px 22px;border-radius:9px;display:-webkit-inline-box;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;text-decoration:none;font-size:15px;font-weight:700;cursor:pointer}#banner .banner_box li.subscription-banner .btn-primary{color:#fff;background:-webkit-linear-gradient(0deg, #0b8ff0, #20c5d9);background:linear-gradient(90deg,#0b8ff0,#20c5d9);-webkit-box-shadow:0 12px 24px rgba(20,150,220,.28);box-shadow:0 12px 24px rgba(20,150,220,.28);-webkit-transition:all .25s ease;transition:all .25s ease}#banner .banner_box li.subscription-banner .btn-primary:hover{-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 16px 30px rgba(20,150,220,.34);box-shadow:0 16px 30px rgba(20,150,220,.34)}#banner .banner_box li.subscription-banner .btn svg{width:16px;height:16px}#banner .banner_box li.subscription-banner .hero-visual{position:relative;z-index:4;width:450px}#banner .banner_box li.subscription-banner .visual-card{padding:24px;border:1px solid rgba(255,255,255,.88);border-radius:22px;background:rgba(255,255,255,.76);-webkit-box-shadow:0 18px 54px rgba(53,109,170,.2);box-shadow:0 18px 54px rgba(53,109,170,.2);backdrop-filter:blur(14px)}#banner .banner_box li.subscription-banner .card-head{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#banner .banner_box li.subscription-banner .card-tag{display:-webkit-inline-box;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;padding:5px 12px;border-radius:15px;color:#0088e8;background:#e8f6ff;font-size:13px;font-weight:700}#banner .banner_box li.subscription-banner .card-tag svg{width:14px;height:14px}#banner .banner_box li.subscription-banner .card-eyebrow{color:#54718c;font-size:12px}#banner .banner_box li.subscription-banner .plan-tabs{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;gap:8px;margin-top:18px;padding:6px;border-radius:14px;background:#e9f2fb}#banner .banner_box li.subscription-banner .plan-tab{-webkit-box-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;height:46px;border:0;border-radius:10px;background:0 0;color:#6a7d90;cursor:pointer;font-family:"Microsoft YaHei",Arial,sans-serif;-webkit-transition:all .2s ease;transition:all .2s ease}#banner .banner_box li.subscription-banner .plan-tab.active{color:#0d3d7a;background:#fff;-webkit-box-shadow:0 6px 16px rgba(35,95,155,.12);box-shadow:0 6px 16px rgba(35,95,155,.12)}#banner .banner_box li.subscription-banner .tab-num,#banner .banner_box li.subscription-banner .tab-name{display:block}#banner .banner_box li.subscription-banner .tab-num{font-size:12px;line-height:16px}#banner .banner_box li.subscription-banner .tab-name{margin-top:2px;font-size:13px;font-weight:700;line-height:18px}#banner .banner_box li.subscription-banner .plan-panel{display:none}#banner .banner_box li.subscription-banner .plan-panel.active{display:block}#banner .banner_box li.subscription-banner .plan-price{margin-top:22px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-moz-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}#banner .banner_box li.subscription-banner .price-symbol,#banner .banner_box li.subscription-banner .price-num{background:-webkit-linear-gradient(0deg, #0d3d7a 0, #0088e8 58%, #21c6d8 100%);background:linear-gradient(90deg,#0d3d7a 0,#0088e8 58%,#21c6d8 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}#banner .banner_box li.subscription-banner .price-symbol{margin-right:4px;font-size:18px}#banner .banner_box li.subscription-banner .price-num{font-size:36px;line-height:44px}#banner .banner_box li.subscription-banner .price-unit{margin-left:5px;color:#6a7d90;font-size:14px}#banner .banner_box li.subscription-banner .plan-features{margin:18px 0 0;padding:0;list-style:none}#banner .banner_box li.subscription-banner .plan-features li{position:static;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:auto;height:auto;min-height:44px;margin-top:12px;padding:10px 12px;border-radius:10px;opacity:1;color:#31536f;background:rgba(245,250,255,.92);font-size:13px;line-height:20px;-webkit-transition:none;transition:none;border:1px solid rgba(10,30,80,.06)}#banner .banner_box li.subscription-banner .plan-features b{color:#0088e8;font-weight:800}#banner .banner_box li.subscription-banner .fea-icon{display:-webkit-inline-box;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;width:24px;height:24px;margin-right:10px;border-radius:8px;-webkit-box-flex:0;-moz-box-flex:0;-ms-flex:0 0 24px;flex:0 0 24px}#banner .banner_box li.subscription-banner .fea-icon svg{width:14px;height:14px}#banner .banner_box li.subscription-banner .fea-blue{color:#0088e8;background:#e2f3ff}#banner .banner_box li.subscription-banner .fea-cyan{color:#00a2a8;background:#def8f8}#banner .banner_box li.subscription-banner .fea-violet{color:#6b5cff;background:#ece9ff}#banner .banner_box li.subscription-banner>div .subscription-hero-text{-webkit-box-pack:left;-moz-box-pack:left;-ms-flex-pack:left;justify-content:left}