:root{
            --hy-bg:#f4f8ff;
            --hy-panel:#ffffff;
            --hy-border:#e7eefb;
            --hy-blue:#2e73ff;
            --hy-blue-deep:#1c5ee9;
            --hy-blue-soft:#edf4ff;
            --hy-text:#1a2b4a;
            --hy-muted:#7f8da9;
            --hy-shadow:0 18px 48px rgba(54,93,180,.08);
            --hy-radius:28px;
        }
        *{box-sizing:border-box;}
        body{
            margin:0;
            color:var(--hy-text);
            background:
                radial-gradient(circle at top center, rgba(98,153,255,.14), transparent 28%),
                linear-gradient(180deg,#fbfdff 0%,var(--hy-bg) 100%);
        }
        .header{margin-top:0;}
        body>header.header{background-color:#fff;}
        #wrap{padding-top:62px;}
        a{text-decoration:none !important;}
        .footer-bar{
            display:none;
        }
        @media (max-width:767px){
            body{
                padding-bottom:calc(50px + env(safe-area-inset-bottom));
            }
            .footer-bar{
                position:fixed;
                left:0;
                right:0;
                bottom:0;
                z-index:9998;
                display:table;
                width:100%;
                height:calc(50px + env(safe-area-inset-bottom));
                padding:0 0 env(safe-area-inset-bottom);
                background:#fff;
                color:#666;
                table-layout:fixed;
                font-size:0;
                text-align:center;
                box-shadow:0 -2px 3px 0 rgba(0,0,0,.12);
            }
            .footer-bar .fb-item{
                display:table-cell;
                height:50px;
                font-size:16px;
                vertical-align:middle;
            }
            .footer-bar .fb-item a{
                display:block;
                color:#666;
                text-decoration:none !important;
            }
            .footer-bar .fb-item-icon{
                font-size:24px;
                line-height:26px;
            }
            .footer-bar .fb-item-icon svg{
                width:24px;
                height:26px;
                display:inline-block;
                vertical-align:top;
                fill:currentColor;
            }
            .footer-bar .fb-item span{
                display:block;
                font-size:12px;
                line-height:12px;
            }
            .footer-bar .fb-item.is-active a{
                color:#2e73ff !important;
            }
        }
        .hy-shell{
            width:min(1440px,calc(100% - 40px));
            margin:0 auto;
        }
        .hy-topbar{
            min-height:86px;
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:24px;
        }
        .hy-brand{
            display:flex;
            align-items:center;
            gap:14px;
            min-width:0;
        }
        .hy-brand-logo{
            width:52px;
            height:52px;
            border-radius:18px;
            display:flex;
            align-items:center;
            justify-content:center;
            background:linear-gradient(180deg,#edf5ff 0%,#ffffff 100%);
            border:1px solid #e0ebff;
            box-shadow:0 12px 24px rgba(46,115,255,.08);
            overflow:hidden;
        }
        .hy-brand-logo img{
            max-width:100%;
            max-height:100%;
            object-fit:contain;
            display:block;
        }
        .hy-brand-title{
            font-size:17px;
            font-weight:900;
            line-height:1.15;
            color:#17315b;
        }
        .hy-brand-subtitle{
            margin-top:3px;
            font-size:12px;
            font-weight:700;
            color:#8ea0ba;
            line-height:1.2;
        }
        .hy-nav{
            flex:1;
            display:flex;
            align-items:center;
            justify-content:center;
            gap:16px;
        }
        .hy-nav a{
            min-height:44px;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            padding:0 22px;
            border-radius:999px;
            color:#556985;
            font-size:15px;
            font-weight:800;
            transition:.2s ease;
        }
        .hy-nav a.is-active,
        .hy-nav a:hover{
            color:var(--hy-blue);
            background:var(--hy-blue-soft);
        }
        .hy-topbar-actions{
            display:flex;
            align-items:center;
            gap:10px;
        }
        .hy-member-btn{
            min-height:42px;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            gap:8px;
            padding:0 18px;
            border-radius:999px;
            border:1px solid #dce8fb;
            background:#fff;
            color:#425a83;
            font-size:14px;
            font-weight:800;
            box-shadow:0 10px 20px rgba(46,115,255,.05);
        }
        .hy-mobile-menu-btn{
            display:none;
            width:42px;
            height:42px;
            border:1px solid #d7e4fb;
            border-radius:14px;
            background:linear-gradient(180deg,#fff 0%,#f4f8ff 100%);
            color:#2b4877;
            align-items:center;
            justify-content:center;
            flex-direction:column;
            gap:4px;
        }
        .hy-mobile-menu-btn .icon-bar{
            width:18px;
            height:2px;
            border-radius:999px;
            background:currentColor;
        }
        .hy-page{
            width:min(1440px,calc(100% - 40px));
            margin:18px auto 34px;
        }
        .hy-hero{
            min-height:300px;
            display:grid;
            grid-template-columns:minmax(0,1.6fr) 420px;
            gap:20px;
            padding:34px 38px;
            border-radius:30px;
            overflow:hidden;
            background:
                radial-gradient(circle at right center, rgba(116,171,255,.24), transparent 30%),
                linear-gradient(135deg,#f2f7ff 0%,#dfeaff 48%,#edf4ff 100%);
            border:1px solid #dfeaff;
            box-shadow:var(--hy-shadow);
        }
        .hy-hero-title{
            margin:0;
            font-size:58px;
            line-height:1.08;
            letter-spacing:-.05em;
            font-weight:900;
            color:#17315b;
        }
        .hy-hero-desc{
            margin:16px 0 0;
            color:#7385a4;
            font-size:17px;
            line-height:1.9;
        }
        .hy-hero-points{
            display:grid;
            grid-template-columns:repeat(4,minmax(0,1fr));
            gap:16px;
            margin-top:34px;
        }
        .hy-hero-point{
            display:flex;
            align-items:center;
            gap:12px;
            padding:14px 12px;
            border-radius:18px;
            background:rgba(255,255,255,.56);
            border:1px solid rgba(220,234,255,.72);
        }
        .hy-hero-icon{
            width:42px;
            height:42px;
            border-radius:15px;
            display:flex;
            align-items:center;
            justify-content:center;
            background:linear-gradient(135deg,var(--hy-blue),#72a7ff);
            color:#fff;
            box-shadow:0 10px 24px rgba(46,115,255,.22);
        }
        .hy-hero-point strong{
            display:block;
            color:#29446c;
            font-size:14px;
            font-weight:800;
            line-height:1.4;
        }
        .hy-hero-art{
            position:relative;
            display:flex;
            align-items:center;
            justify-content:center;
            min-height:232px;
        }
        .hy-hero-circle{
            position:absolute;
            width:320px;
            height:320px;
            border-radius:50%;
            background:
                radial-gradient(circle, rgba(255,255,255,.92) 0 22%, rgba(177,206,255,.48) 25%, rgba(177,206,255,0) 62%);
        }
        .hy-hero-card{
            position:relative;
            z-index:2;
            width:200px;
            height:240px;
            border-radius:34px;
            display:flex;
            align-items:center;
            justify-content:center;
            background:linear-gradient(180deg,#ffffff 0%,#dbeaff 100%);
            border:1px solid rgba(139,182,255,.64);
            box-shadow:0 24px 50px rgba(72,120,216,.24);
            transform:rotate(8deg);
            font-size:78px;
            font-weight:900;
            letter-spacing:-.06em;
            color:#2d71ff;
        }
        .hy-hero-float{
            position:absolute;
            z-index:3;
            width:54px;
            height:54px;
            border-radius:18px;
            display:flex;
            align-items:center;
            justify-content:center;
            background:rgba(255,255,255,.92);
            border:1px solid rgba(201,220,255,.9);
            color:#5d92ff;
            box-shadow:0 10px 24px rgba(46,115,255,.12);
        }
        .hy-hero-float.is-a{left:42px;top:38px;}
        .hy-hero-float.is-b{right:48px;top:74px;}
        .hy-hero-float.is-c{right:64px;bottom:40px;}
        .hy-layout{
            display:grid;
            grid-template-columns:270px minmax(0,1fr);
            gap:18px;
            margin-top:18px;
        }
        .hy-panel{
            background:var(--hy-panel);
            border:1px solid var(--hy-border);
            border-radius:28px;
            box-shadow:var(--hy-shadow);
        }
        .hy-sidebar{
            padding:24px 20px;
        }
        .hy-sidebar-mobile-head{
            display:none;
        }
        .hy-sidebar-title{
            margin:0;
            font-size:20px;
            font-weight:900;
            color:#203356;
        }
        .hy-sidebar-desktop-head{
            display:block;
        }
        .hy-sidebar-desc{
            margin:10px 0 0;
            color:#8d9db7;
            font-size:13px;
            line-height:1.8;
        }
        .hy-filter-group{
            margin-top:22px;
        }
        .hy-filter-label{
            display:block;
            margin-bottom:12px;
            color:#2b4167;
            font-size:15px;
            font-weight:800;
        }
        .hy-input,
        .hy-select{
            width:100%;
            min-height:48px;
            border:1px solid #dce7fb;
            border-radius:16px;
            background:#f9fbff;
            color:#223756;
            font-size:14px;
            font-weight:700;
            outline:none;
            padding:0 16px;
        }
        .hy-input:focus,
        .hy-select:focus{
            border-color:#a8c7ff;
            box-shadow:0 0 0 4px rgba(46,115,255,.08);
        }
        .hy-select{
            appearance:none;
            -webkit-appearance:none;
            -moz-appearance:none;
            background-image:
                linear-gradient(45deg, transparent 50%, #8ea4cb 50%),
                linear-gradient(135deg, #8ea4cb 50%, transparent 50%);
            background-position:
                calc(100% - 22px) calc(50% - 3px),
                calc(100% - 16px) calc(50% - 3px);
            background-size:6px 6px,6px 6px;
            background-repeat:no-repeat;
            padding-right:34px;
        }
        .hy-range-shell{
            padding:12px 2px 0;
        }
        .hy-range-track{
            position:relative;
            height:6px;
            border-radius:999px;
            background:#e7eefb;
            overflow:hidden;
        }
        .hy-range-fill{
            width:82%;
            height:100%;
            border-radius:999px;
            background:linear-gradient(90deg,#3a80ff,#1e5fea);
        }
        .hy-range-thumb{
            position:absolute;
            top:50%;
            left:82%;
            width:18px;
            height:18px;
            margin:-9px 0 0 -9px;
            border-radius:50%;
            background:#fff;
            border:4px solid #2f73ff;
            box-shadow:0 6px 14px rgba(46,115,255,.18);
        }
        .hy-range-meta{
            display:flex;
            align-items:center;
            justify-content:space-between;
            margin-top:10px;
            color:#7385a4;
            font-size:13px;
            font-weight:700;
        }
        .hy-check-list{
            display:grid;
            gap:12px;
        }
        .hy-check{
            display:flex;
            align-items:center;
            gap:10px;
            color:#5e728f;
            font-size:14px;
            font-weight:700;
        }
        .hy-check input{
            width:16px;
            height:16px;
            accent-color:#2e73ff;
        }
        .hy-sidebar-actions{
            margin-top:28px;
            display:grid;
            gap:10px;
        }
        .hy-btn-main,
        .hy-btn-light{
            min-height:48px;
            border-radius:16px;
            border:0;
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:15px;
            font-weight:800;
            cursor:pointer;
        }
        .hy-btn-main::before,
        .hy-btn-main::after,
        .hy-btn-light::before,
        .hy-btn-light::after{
            content:none !important;
            display:none !important;
        }
        .hy-btn-text{
            position:relative;
            z-index:1;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            color:inherit !important;
            -webkit-text-fill-color:currentColor !important;
            font-size:inherit;
            font-weight:inherit;
            line-height:1.2;
            white-space:nowrap;
        }
        .hy-btn-main{
            background:linear-gradient(135deg,var(--hy-blue),var(--hy-blue-deep));
            color:#fff !important;
            box-shadow:0 14px 28px rgba(46,115,255,.2);
            line-height:1;
            font-size:15px;
            white-space:nowrap;
            text-indent:0;
        }
        .hy-btn-light{
            background:#f6f9ff;
            border:1px solid #dce7fb;
            color:#56709d !important;
            line-height:1;
            font-size:15px;
            white-space:nowrap;
            text-indent:0;
        }
        .hy-content{
            padding:16px;
        }
        .hy-mobile-hero,
        .hy-mobile-sort-row,
        .hy-mobile-bottom-nav,
        .hy-mobile-carrier-row{
            display:none;
        }
        .hy-mobile-filter-bar{
            display:none;
        }
        .hy-province-bar{
            padding:18px 20px;
            border-radius:24px;
            background:#fff;
            border:1px solid #edf2fc;
            box-shadow:0 8px 26px rgba(67,97,155,.05);
        }
        .hy-province-head{
            display:flex;
            align-items:center;
            gap:10px;
            margin-bottom:14px;
            color:#264170;
            font-size:16px;
            font-weight:900;
        }
        .hy-province-more{
            display:none;
        }
        .hy-province-tabs{
            display:flex;
            flex-wrap:wrap;
            gap:12px;
        }
        .hy-province-tab{
            min-height:48px;
            padding:0 18px;
            border-radius:16px;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            gap:8px;
            background:#f8fbff;
            border:1px solid transparent;
            color:#5a6d8d;
            font-size:14px;
            font-weight:800;
            transition:.2s ease;
        }
        .hy-province-count{
            min-width:24px;
            height:20px;
            padding:0 7px;
            border-radius:999px;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            background:#eaf1ff;
            color:#2e73ff;
            font-size:12px;
            line-height:20px;
        }
        .hy-province-tab.is-active,
        .hy-province-tab:hover{
            color:#fff;
            background:linear-gradient(135deg,var(--hy-blue),var(--hy-blue-deep));
            box-shadow:0 12px 26px rgba(46,115,255,.18);
        }
        .hy-province-tab.is-active .hy-province-count,
        .hy-province-tab:hover .hy-province-count{
            background:rgba(255,255,255,.22);
            color:#fff;
        }
        .hy-content-panel{
            margin-top:16px;
            padding:18px 18px 24px;
            border-radius:24px;
            background:#fff;
            border:1px solid #edf2fc;
            box-shadow:0 8px 26px rgba(67,97,155,.05);
        }
        .hy-content-toolbar{
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:16px;
            margin-bottom:18px;
        }
        .hy-content-title{
            margin:0;
            color:#1d3155;
            font-size:20px;
            font-weight:900;
        }
        .hy-content-title strong{
            color:var(--hy-blue);
        }
        .hy-sort-form{
            margin:0;
        }
        .hy-sort-select{
            width:150px;
            min-height:42px;
            border:1px solid #dce7fb;
            border-radius:14px;
            background:#f9fbff;
            color:#516685;
            font-size:14px;
            font-weight:800;
            outline:none;
            padding:0 14px;
        }
        .hy-grid{
            display:grid;
            grid-template-columns:repeat(4,minmax(0,1fr));
            gap:18px;
        }
        .hy-card{
            display:flex;
            flex-direction:column;
            min-height:100%;
            border-radius:24px;
            border:1px solid #edf2fc;
            background:#fff;
            box-shadow:0 10px 30px rgba(67,97,155,.05);
            overflow:hidden;
        }
        .hy-card-cover{
            position:relative;
            min-height:280px;
            padding:14px;
            display:flex;
            align-items:center;
            justify-content:center;
            background:linear-gradient(180deg,#ffffff 0%,#f5f9ff 100%);
        }
        .hy-card-cover.is-yidong{background:linear-gradient(180deg,#fff7f8 0%,#fff0f2 100%);}
        .hy-card-cover.is-liantong{background:linear-gradient(180deg,#fff7f3 0%,#fff1ea 100%);}
        .hy-card-cover.is-dianxin{background:linear-gradient(180deg,#faf7ff 0%,#f3eeff 100%);}
        .hy-card-cover.is-guangdian{background:linear-gradient(180deg,#fffaf0 0%,#fff3dc 100%);}
        .hy-card-image{
            width:100%;
            height:252px;
            object-fit:contain;
            border-radius:18px;
            background:#fff;
        }
        .hy-card-poster{
            width:100%;
            min-height:252px;
            border-radius:20px;
            padding:16px 14px;
            color:#fff;
            background:linear-gradient(180deg,#3b82ff 0%,#1a5de7 100%);
            display:flex;
            flex-direction:column;
            justify-content:space-between;
            box-shadow:inset 0 0 0 2px rgba(255,255,255,.14);
        }
        .hy-card-cover.is-yidong .hy-card-poster{background:linear-gradient(180deg,#ff656d 0%,#ff3f57 100%);}
        .hy-card-cover.is-liantong .hy-card-poster{background:linear-gradient(180deg,#ff9d3a 0%,#ff6f1d 100%);}
        .hy-card-cover.is-dianxin .hy-card-poster{background:linear-gradient(180deg,#8a63ff 0%,#6e48f5 100%);}
        .hy-card-cover.is-guangdian .hy-card-poster{background:linear-gradient(180deg,#ff7a5d 0%,#ff572c 100%);}
        .hy-card-ribbon{
            position:absolute;
            top:0;
            left:0;
            z-index:3;
            min-height:28px;
            padding:0 12px;
            border-radius:0 0 14px 0;
            display:inline-flex;
            align-items:center;
            background:#ff4d57;
            color:#fff;
            font-size:12px;
            font-weight:800;
        }
        .hy-card-cover.is-liantong .hy-card-ribbon{background:#ff8b1f;}
        .hy-card-cover.is-dianxin .hy-card-ribbon{background:#6f48f5;}
        .hy-card-head{
            text-align:center;
        }
        .hy-card-carrier{
            font-size:15px;
            font-weight:800;
            opacity:.95;
        }
        .hy-card-flow{
            margin-top:8px;
            font-size:68px;
            line-height:1;
            font-weight:900;
            letter-spacing:-.06em;
        }
        .hy-card-flow-label{
            margin-top:10px;
            font-size:19px;
            font-weight:900;
        }
        .hy-card-mini{
            margin-top:10px;
            font-size:14px;
            font-weight:700;
            opacity:.92;
        }
        .hy-card-foot{
            display:grid;
            gap:8px;
            text-align:center;
        }
        .hy-card-tagline{
            min-height:26px;
            border-radius:999px;
            background:rgba(255,255,255,.16);
            display:inline-flex;
            align-items:center;
            justify-content:center;
            padding:0 10px;
            font-size:13px;
            font-weight:800;
        }
        .hy-card-note{
            font-size:13px;
            font-weight:700;
            opacity:.94;
            line-height:1.55;
        }
        .hy-card-body{
            padding:16px 16px 18px;
            display:flex;
            flex:1;
            flex-direction:column;
        }
        .hy-card-title{
            margin:0;
            font-size:17px;
            line-height:1.55;
            font-weight:800;
            color:#203457;
            display:-webkit-box;
            -webkit-line-clamp:2;
            -webkit-box-orient:vertical;
            overflow:hidden;
            min-height:54px;
        }
        .hy-card-desc{
            margin:10px 0 0;
            color:#6f83a1;
            font-size:13px;
            line-height:1.8;
            display:-webkit-box;
            -webkit-line-clamp:2;
            -webkit-box-orient:vertical;
            overflow:hidden;
            min-height:46px;
        }
        .hy-card-tags{
            display:flex;
            flex-wrap:wrap;
            gap:8px;
            margin-top:12px;
        }
        .hy-card-tag{
            min-height:24px;
            padding:0 10px;
            border-radius:999px;
            background:#f2f6ff;
            color:#6b7ea0;
            font-size:12px;
            font-weight:800;
            display:inline-flex;
            align-items:center;
        }
        .hy-card-price{
            margin-top:16px;
            display:flex;
            align-items:flex-end;
            justify-content:space-between;
            gap:10px;
        }
        .hy-card-price-main{
            color:#ff4d57;
            font-size:18px;
            line-height:1;
            font-weight:900;
        }
        .hy-card-price-main strong{
            font-size:46px;
            letter-spacing:-.05em;
        }
        .hy-card-price-main span{
            font-size:15px;
            font-weight:800;
        }
        .hy-card-price-old{
            margin-top:6px;
            color:#a1afc5;
            font-size:12px;
            text-decoration:line-through;
        }
        .hy-card-provider{
            color:#9aabc1;
            font-size:12px;
            font-weight:700;
            text-align:right;
        }
        .hy-card-actions{
            margin-top:14px;
        }
        .hy-card-apply{
            width:100%;
            min-height:46px;
            border-radius:16px;
            display:flex;
            align-items:center;
            justify-content:center;
            background:linear-gradient(135deg,var(--hy-blue),var(--hy-blue-deep));
            color:#fff !important;
            font-size:15px;
            font-weight:900;
            box-shadow:0 14px 28px rgba(46,115,255,.18);
            line-height:1;
            white-space:nowrap;
            text-indent:0;
        }
        .hy-card-cta{
            width:100%;
            min-height:46px;
            border-radius:16px;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            background:linear-gradient(135deg,var(--hy-blue),var(--hy-blue-deep));
            color:#fff !important;
            -webkit-text-fill-color:#fff !important;
            font-size:15px;
            font-weight:900;
            box-shadow:0 14px 28px rgba(46,115,255,.18);
            line-height:1;
            white-space:nowrap;
            text-indent:0;
        }
        .hy-card-cta-art{
            width:76px;
            height:16px;
            display:block;
        }
        .hy-image-fallback{
            display:none;
        }
        .hy-empty{
            padding:90px 20px;
            text-align:center;
            color:#8191ad;
            font-size:16px;
        }
        .hy-pagination{
            display:flex;
            justify-content:center;
            margin-top:22px;
        }
        .hy-pagination .pagination{
            display:flex;
            flex-wrap:nowrap;
            gap:8px;
            margin:0;
        }
        .hy-pagination .pagination>li{
            display:inline-flex;
        }
        .hy-pagination .pagination>li>a,
        .hy-pagination .pagination>li>span{
            float:none;
            min-width:40px;
            min-height:40px;
            padding:0 12px;
            border-radius:12px !important;
            display:flex;
            align-items:center;
            justify-content:center;
            border:1px solid #e3ebfb;
            background:#fff;
            color:#5a6f90;
            font-size:14px;
            font-weight:800;
        }
        .hy-pagination .pagination>.active>span,
        .hy-pagination .pagination>.active>span:hover,
        .hy-pagination .pagination>.active>span:focus{
            background:linear-gradient(135deg,var(--hy-blue),var(--hy-blue-deep));
            border-color:transparent;
            color:#fff;
        }
        .hy-bottom{
            margin-top:18px;
            padding:20px 18px;
            border-radius:24px;
            background:#fff;
            border:1px solid var(--hy-border);
            box-shadow:var(--hy-shadow);
            display:grid;
            grid-template-columns:repeat(4,minmax(0,1fr));
            gap:16px;
        }
        .hy-bottom-item{
            min-height:82px;
            display:flex;
            align-items:center;
            justify-content:center;
            gap:14px;
        }
        .hy-bottom-icon{
            width:52px;
            height:52px;
            border-radius:18px;
            display:flex;
            align-items:center;
            justify-content:center;
            background:#edf4ff;
            color:#5d8fff;
            font-size:22px;
        }
        .hy-bottom-title{
            color:#26395f;
            font-size:16px;
            font-weight:900;
        }
        .hy-bottom-desc{
            margin-top:4px;
            color:#8b9bb6;
            font-size:13px;
            font-weight:700;
        }
        .hy-footer{
            width:min(1440px,calc(100% - 40px));
            margin:0 auto 22px;
            color:#97a6bc;
            font-size:13px;
            text-align:center;
        }
        .hy-mobile-offcanvas{
            z-index:2002;
        }
        .hy-mobile-offcanvas-backdrop{
            position:fixed;
            inset:0;
            z-index:2001;
            background:rgba(18,31,58,.42);
            opacity:0;
            visibility:hidden;
            transition:opacity .22s ease, visibility .22s ease;
        }
        .hy-mobile-offcanvas.is-open{
            visibility:visible;
            transform:translateX(0) !important;
        }
        .hy-mobile-offcanvas.is-open + .hy-mobile-offcanvas-backdrop{
            opacity:1;
            visibility:visible;
        }
        @media (max-width:1280px){
            .hy-grid{
                grid-template-columns:repeat(3,minmax(0,1fr));
            }
            .hy-hero{
                grid-template-columns:1fr 360px;
            }
        }
        @media (max-width:1080px){
            .hy-layout{
                grid-template-columns:1fr;
            }
            .hy-grid{
                grid-template-columns:repeat(2,minmax(0,1fr));
            }
            .hy-hero{
                grid-template-columns:1fr;
            }
            .hy-bottom{
                grid-template-columns:repeat(2,minmax(0,1fr));
            }
        }
        @media (max-width:767px){
            #wrap{
                padding-top:50px;
            }
            .hy-shell,
            .hy-page,
            .hy-footer{
                width:calc(100% - 18px);
            }
            .hy-topbar{
                min-height:72px;
                gap:10px;
            }
            .hy-nav,
            .hy-topbar-actions{
                display:none;
            }
            .hy-mobile-menu-btn{
                display:flex;
            }
            .hy-mobile-offcanvas{
                position:fixed;
                top:0;
                left:0;
                bottom:0;
                width:min(82vw,320px) !important;
                max-width:320px;
                height:100vh;
                margin:0;
                border:0;
                border-radius:0 24px 24px 0;
                background:#fff;
                box-shadow:16px 0 40px rgba(18,31,58,.18);
                transform:translateX(-100%);
                transition:transform .24s ease, visibility .24s ease;
                visibility:hidden;
                display:block;
            }
            .offcanvas-header{
                padding:16px 16px 12px;
                border-bottom:1px solid #eef2fb;
            }
            .offcanvas-title{
                font-size:18px;
                font-weight:800;
                color:#223555;
            }
            .offcanvas-body{
                display:flex;
                flex-direction:column;
                padding:10px 0 16px;
            }
            .hy-mobile-offcanvas-nav{
                display:flex;
                flex-direction:column;
                gap:2px;
            }
            .hy-mobile-offcanvas-item{
                min-height:48px;
                padding:0 18px;
                color:#223555;
                font-size:15px;
                font-weight:700;
            }
            .hy-mobile-offcanvas-item.is-active{
                color:#1f5ee9;
                background:#edf4ff;
            }
            .hy-mobile-offcanvas-foot{
                display:flex;
                gap:10px;
                padding:14px 16px 0;
                margin-top:auto;
                border-top:1px solid #eef2fb;
            }
            .hy-mobile-offcanvas-foot a{
                flex:1;
                min-height:40px;
                display:flex;
                align-items:center;
                justify-content:center;
                border-radius:12px;
                font-size:14px;
                font-weight:700;
            }
            .hy-mobile-offcanvas-foot .is-primary{
                background:#2e73ff;
                color:#fff;
            }
            .hy-mobile-offcanvas-foot .is-light{
                background:#f3f7ff;
                color:#4c648d;
                border:1px solid #dce7fb;
            }
            .hy-brand-logo{
                width:42px;
                height:42px;
                border-radius:14px;
            }
            .hy-brand-title{
                font-size:17px;
            }
            .hy-brand-subtitle{
                font-size:12px;
            }
            .hy-page{
                margin:12px auto 24px;
            }
            .hy-hero{
                display:none;
            }
            .hy-mobile-hero{
                display:block;
                padding:18px 18px 16px;
                border-radius:26px;
                background:
                    radial-gradient(circle at right top, rgba(255,255,255,.98), rgba(255,255,255,0) 28%),
                    linear-gradient(145deg,#edf4ff 0%,#dce8ff 100%);
                border:1px solid #dce8ff;
                box-shadow:0 18px 40px rgba(67,97,155,.08);
            }
            .hy-mobile-hero-main{
                display:flex;
                align-items:flex-start;
                justify-content:space-between;
                gap:14px;
            }
            .hy-mobile-hero-copy h1{
                margin:0;
                color:#17315b;
                font-size:19px;
                line-height:1.45;
                font-weight:900;
            }
            .hy-mobile-hero-copy p{
                margin:10px 0 0;
                color:#7e91b1;
                font-size:13px;
                line-height:1.7;
                font-weight:700;
            }
            .hy-mobile-hero-badge{
                flex:0 0 88px;
                height:116px;
                border-radius:22px;
                display:flex;
                align-items:center;
                justify-content:center;
                background:linear-gradient(180deg,#ffffff 0%,#eef4ff 100%);
                color:#2e73ff;
                font-size:34px;
                font-weight:900;
                box-shadow:0 14px 34px rgba(46,115,255,.14);
                transform:rotate(7deg);
            }
            .hy-mobile-hero-points{
                display:grid;
                grid-template-columns:repeat(4,minmax(0,1fr));
                gap:10px;
                margin-top:16px;
            }
            .hy-mobile-hero-point{
                display:grid;
                justify-items:center;
                gap:6px;
                text-align:center;
                color:#5d7193;
                font-size:11px;
                font-weight:800;
                line-height:1.35;
            }
            .hy-mobile-hero-point i{
                width:30px;
                height:30px;
                border-radius:50%;
                display:flex;
                align-items:center;
                justify-content:center;
                background:#fff;
                color:#2e73ff;
                box-shadow:0 8px 18px rgba(46,115,255,.12);
            }
            .hy-sidebar{
                position:fixed;
                inset:0;
                z-index:2100;
                padding:86px 18px 148px;
                border-radius:0;
                transform:translateY(100%);
                opacity:0;
                visibility:hidden;
                transition:transform .24s ease, opacity .24s ease, visibility .24s ease;
                overflow:auto;
                box-shadow:none;
                background:#fff;
            }
            .hy-sidebar.is-open{
                transform:translateY(0);
                opacity:1;
                visibility:visible;
            }
            .hy-sidebar-mobile-head{
                display:flex;
                align-items:center;
                justify-content:space-between;
                gap:12px;
                position:fixed;
                top:0;
                left:0;
                right:0;
                z-index:2;
                min-height:72px;
                padding:0 18px;
                background:#fff;
                border-bottom:1px solid #edf2fc;
            }
            .hy-sidebar-desktop-head{
                display:none;
            }
            .hy-sidebar-mobile-close{
                width:36px;
                height:36px;
                border:0;
                border-radius:50%;
                background:#f7faff;
                color:#5c6f90;
                font-size:24px;
                line-height:1;
                flex:0 0 36px;
            }
            .hy-sidebar-mobile-title{
                flex:1;
                text-align:center;
                color:#23385c;
                font-size:20px;
                font-weight:900;
            }
            .hy-sidebar-mobile-reset{
                flex:0 0 36px;
                color:#7a8da9;
                font-size:15px;
                font-weight:800;
                text-align:right;
            }
            .hy-sidebar-title{
                font-size:18px;
            }
            .hy-sidebar-desc{
                font-size:12px;
            }
            .hy-filter-group{
                margin-top:18px;
            }
            .hy-filter-label{
                margin-bottom:10px;
                color:#22385f;
                font-size:18px;
            }
            .hy-input,
            .hy-select{
                min-height:52px;
                border-radius:18px;
                background:#f8fbff;
                font-size:15px;
            }
            .hy-range-shell{
                padding-top:6px;
            }
            .hy-range-meta{
                margin-top:12px;
                font-size:14px;
            }
            .hy-check-list{
                gap:10px;
                grid-template-columns:repeat(2,minmax(0,1fr));
            }
            .hy-check{
                min-height:48px;
                padding:0 14px;
                border:1px solid #e6eefc;
                border-radius:16px;
                background:#f8fbff;
                font-size:14px;
            }
            .hy-check input{
                width:18px;
                height:18px;
            }
            .hy-sidebar-actions{
                position:fixed;
                left:0;
                right:0;
                bottom:0;
                padding:16px 18px 24px;
                background:linear-gradient(180deg,rgba(255,255,255,.76) 0%,#ffffff 26%);
                border-top:1px solid #edf2fc;
                display:grid;
                gap:12px;
            }
            .hy-btn-main,
            .hy-btn-light{
                min-height:54px;
                border-radius:999px;
                font-size:17px;
            }
            .hy-content{
                padding:0;
            }
            .hy-province-bar{
                margin-top:12px;
                padding:16px;
                border-radius:24px;
                background:#fff;
                border:1px solid #edf2fc;
                box-shadow:0 12px 28px rgba(67,97,155,.06);
            }
            .hy-province-head{
                display:flex;
                align-items:center;
                justify-content:space-between;
                margin-bottom:14px;
                color:#21375d;
                font-size:18px;
            }
            .hy-province-more{
                display:inline-flex;
                align-items:center;
                gap:4px;
                border:0;
                background:transparent;
                color:#7d90ad;
                font-size:14px;
                font-weight:800;
                padding:0;
            }
            .hy-province-tabs{
                gap:10px;
                overflow:hidden;
                flex-wrap:wrap;
                padding-bottom:2px;
                scrollbar-width:none;
            }
            .hy-province-tabs::-webkit-scrollbar{display:none;}
            .hy-province-tab{
                min-height:42px;
                padding:0 18px;
                border-radius:14px;
                white-space:nowrap;
                font-size:14px;
                font-weight:800;
                min-width:calc((100% - 20px) / 3);
            }
            .hy-province-tabs .hy-province-tab:nth-child(n+11){
                display:none;
            }
            .hy-province-bar.is-expanded .hy-province-tabs .hy-province-tab:nth-child(n+11){
                display:inline-flex;
            }
            .hy-province-bar.is-expanded .hy-province-more .fa{
                transform:rotate(180deg);
            }
            .hy-mobile-sort-row{
                display:grid;
                grid-template-columns:repeat(4,minmax(0,1fr));
                gap:10px;
                margin:12px 0 14px;
            }
            .hy-mobile-sort-pill,
            .hy-mobile-sort-filter{
                min-height:44px;
                border-radius:16px;
                display:flex;
                align-items:center;
                justify-content:center;
                gap:6px;
                background:#fff;
                border:1px solid #e9f0fb;
                color:#607492;
                font-size:14px;
                font-weight:800;
                box-shadow:0 10px 22px rgba(67,97,155,.04);
            }
            .hy-mobile-sort-pill.is-active{
                color:#2e73ff;
                background:#edf4ff;
                border-color:#d9e7ff;
            }
            .hy-mobile-sort-filter{
                border:0;
                background:linear-gradient(135deg,#2f72ff 0%,#235fe9 100%);
                color:#fff;
            }
            .hy-content-panel{
                margin-top:12px;
                padding:0;
                border:0;
                background:transparent;
                box-shadow:none;
            }
            .hy-content-toolbar{
                display:flex;
                flex-direction:column;
                align-items:flex-start;
                justify-content:flex-start;
                gap:12px;
                margin-bottom:12px;
                padding:0 2px;
            }
            .hy-content-title{
                margin:0;
                flex:1;
                min-width:0;
                color:#17315b;
                font-size:17px;
                line-height:1.35;
            }
            .hy-sort-select{
                width:120px;
                min-height:42px;
                border-radius:16px;
                font-size:14px;
                background:#fff;
            }
            .hy-sort-form{
                display:none;
            }
            .hy-mobile-carrier-row{
                display:grid;
                grid-template-columns:repeat(2,minmax(0,1fr));
                gap:10px;
                width:100%;
            }
            .hy-mobile-carrier-pill{
                min-height:42px;
                border-radius:14px;
                display:flex;
                align-items:center;
                justify-content:center;
                padding:0 12px;
                background:#fff;
                border:1px solid #e8effb;
                color:#607492;
                font-size:14px;
                font-weight:800;
                box-shadow:0 8px 18px rgba(67,97,155,.04);
            }
            .hy-mobile-carrier-pill.is-active{
                color:#2e73ff;
                background:#edf4ff;
                border-color:#d9e7ff;
            }
            .hy-grid{
                grid-template-columns:repeat(2,minmax(0,1fr));
                gap:10px;
            }
            .hy-card{
                position:relative;
                border-radius:18px;
                overflow:hidden;
                display:flex;
                flex-direction:column;
                align-items:stretch;
                min-width:0;
                gap:0;
                padding:8px;
                border:1px solid #e7eefb;
                background:#fff;
                box-shadow:0 8px 20px rgba(67,97,155,.08);
            }
            .hy-card-cover{
                position:relative;
                min-height:0;
                padding:0;
                margin:0;
                background:transparent;
            }
            .hy-card-image,
            .hy-card-poster{
                width:100%;
                height:128px;
                border-radius:14px;
            }
            .hy-card-image{
                display:block;
                object-fit:cover;
                background:#f4f7fd;
            }
            .hy-card-poster{
                min-height:0;
                padding:10px 8px 8px;
            }
            .hy-card-ribbon{
                top:8px;
                left:8px;
                min-height:20px;
                padding:0 8px;
                border-radius:999px;
                font-size:10px;
                font-weight:800;
            }
            .hy-card-head{
                padding-top:14px;
            }
            .hy-card-carrier{
                font-size:11px;
            }
            .hy-card-flow{
                margin-top:4px;
                font-size:24px;
                line-height:1.05;
            }
            .hy-card-flow-label{
                margin-top:6px;
                font-size:10px;
                padding:5px 8px;
            }
            .hy-card-mini,
            .hy-card-note,
            .hy-card-tagline{
                font-size:10px;
            }
            .hy-card-tagline{
                min-height:22px;
                padding:0 8px;
            }
            .hy-card-note{
                line-height:1.4;
            }
            .hy-card-body{
                padding:8px 2px 2px;
                min-width:0;
                max-width:100%;
                overflow:hidden;
                display:flex;
                flex-direction:column;
            }
            .hy-card-title{
                display:-webkit-box;
                overflow:hidden;
                -webkit-box-orient:vertical;
                -webkit-line-clamp:2;
                margin:0;
                min-height:36px;
                color:#203659;
                font-size:13px;
                line-height:1.4;
                font-weight:800;
            }
            .hy-card-desc{
                display:none;
            }
            .hy-card-tags{
                gap:5px;
                margin-top:8px;
            }
            .hy-card-tag{
                font-size:10px;
                min-height:20px;
                padding:0 7px;
                border-radius:999px;
            }
            .hy-card-bottom{
                margin-top:8px;
                display:block;
                width:100%;
                min-width:0;
                max-width:100%;
            }
            .hy-card-price{
                margin-top:0;
                display:flex;
                align-items:center;
                justify-content:space-between;
                flex-direction:row;
                gap:8px;
                min-width:0;
            }
            .hy-card-price > div:first-child{
                min-width:0;
                flex:1 1 auto;
            }
            .hy-card-price-main{
                color:#ff3b30;
                font-size:12px;
                line-height:1;
                white-space:nowrap;
            }
            .hy-card-price-main strong{
                font-size:24px;
                letter-spacing:-.03em;
                white-space:nowrap;
            }
            .hy-card-price-main span{
                margin-left:2px;
                font-size:11px;
                white-space:nowrap;
            }
            .hy-card-price-old{
                margin-top:4px;
                font-size:10px;
                white-space:nowrap;
            }
            .hy-card-provider{
                display:none;
            }
            .hy-card-actions{
                margin-top:0;
                width:auto;
                flex:0 0 auto;
                display:flex;
                align-items:center;
                justify-content:center;
            }
            .hy-card-cta{
                width:82px;
                min-height:34px;
                padding:0 10px;
                border-radius:11px;
                font-size:11px;
                box-shadow:none;
                color:#fff !important;
                -webkit-text-fill-color:#fff !important;
            }
            .hy-card-cta-art{
                display:block;
                width:56px;
                height:12px;
            }
            .hy-bottom{
                grid-template-columns:repeat(2,minmax(0,1fr));
                gap:12px;
                padding:16px 12px;
                border-radius:20px;
                display:none;
            }
            .hy-bottom-item{
                min-height:68px;
                justify-content:flex-start;
            }
            .hy-bottom-icon{
                width:42px;
                height:42px;
                border-radius:16px;
                font-size:18px;
            }
            .hy-bottom-title{
                font-size:14px;
            }
            .hy-bottom-desc{
                font-size:12px;
            }
            .hy-filter-backdrop{
                position:fixed;
                inset:0;
                z-index:2090;
                background:rgba(18,31,58,.3);
                opacity:0;
                visibility:hidden;
                transition:opacity .22s ease, visibility .22s ease;
            }
            .hy-filter-backdrop.is-open{
                opacity:1;
                visibility:visible;
            }
        }
        @media (max-width:560px){
            .hy-shell,
            .hy-page,
            .hy-footer{
                width:calc(100% - 18px);
            }
            .hy-grid{
                grid-template-columns:repeat(2,minmax(0,1fr));
                gap:8px;
            }
            .hy-province-tab{
                min-width:calc((100% - 10px) / 2);
            }
            .hy-mobile-sort-row{
                grid-template-columns:repeat(2,minmax(0,1fr));
            }
            .hy-mobile-carrier-row{
                grid-template-columns:repeat(2,minmax(0,1fr));
            }
            .hy-card-cover{
                min-height:0;
                padding:0;
                margin:-12px -12px 0;
            }
            .hy-card-image,
            .hy-card-poster{
                height:auto;
                min-height:0;
            }
            .hy-card-body{
                padding:7px 0 0;
            }
            .hy-card-title{
                display:-webkit-box;
                overflow:hidden;
                -webkit-box-orient:vertical;
                -webkit-line-clamp:2;
                min-height:36px;
                margin:0 2px 7px;
                color:#203659;
                font-size:13px;
                line-height:1.38;
                font-weight:800;
            }
            .hy-card-desc{
                display:none;
            }
            .hy-card-bottom{
                display:block;
                width:100%;
                min-width:0;
            }
            .hy-card-price{
                display:flex;
                align-items:center;
                justify-content:space-between;
                gap:8px;
                flex-wrap:nowrap;
            }
            .hy-card-price > div:first-child{
                flex:1 1 auto;
                min-width:0;
            }
            .hy-card-price-main{
                font-size:13px;
                white-space:nowrap;
            }
            .hy-card-price-main strong{
                font-size:24px;
            }
            .hy-card-price-main span{
                font-size:12px;
            }
            .hy-card-price-old{
                white-space:nowrap;
            }
            .hy-card-actions{
                width:auto;
                flex:0 0 auto;
            }
            .hy-card-provider{
                text-align:left;
            }
            .hy-card-cta{
                width:78px;
                min-width:78px;
                min-height:34px;
                padding:0 8px;
            }
            .hy-card-cta-art{
                width:52px;
                height:12px;
            }
            .hy-bottom{
                grid-template-columns:1fr;
            }
            .hy-bottom-item{
                min-height:60px;
            }
        }