:root{--brand:#2b7de9;--brand-deep:#1f6fe0;--brand-dark:#12325c;--brand-light:#57a0ea;--brand-soft:#eaf3fe;--ink:#12325c;--ink-soft:#33455f;--muted:#6a7d99;--cream:#eef4fb;--cream-2:#dcecfb;--line:rgba(43,125,233,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:PingFang TC,Microsoft JhengHei,Noto Sans TC,system-ui,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.7}a{color:var(--brand-deep);text-decoration:none}a:hover{color:var(--brand-dark)}img{max-width:100%}.cinzel{font-family:Cinzel,serif}.container{max-width:1200px;margin:0 auto;padding:0 20px}.wrap-narrow{max-width:820px;margin:0 auto;padding:0 24px}.dtop{display:block}.mtop{display:none}@media (max-width:900px){.dtop{display:none!important}.mtop{display:block!important}}.cat-intro{max-width:820px;margin:0 auto;padding:0 24px;color:var(--ink-soft);font-size:16px;line-height:1.8;text-align:center}.hub-box{max-width:960px;margin:26px auto 0;padding:0 24px}.hub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.hub-card{display:block;padding:18px 22px;border-radius:16px;background:linear-gradient(180deg,#fff,#f2f8ff);border:1px solid var(--line);box-shadow:0 6px 18px #2b7de91a;transition:all .2s}.hub-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px #2b7de933;border-color:#2b7de973}.hub-card .hub-tag{font-size:12px;font-weight:700;color:var(--muted);letter-spacing:1px}.hub-card h3{margin:4px 0;font-size:19px;font-weight:800;color:var(--brand-deep)}.hub-card p{margin:0;font-size:14px;color:var(--ink-soft)}.eyebrow{font-family:Cinzel,serif;font-size:15px;letter-spacing:3px;margin:0 0 6px;color:var(--brand);text-align:center}.sec-title{font-size:42px;font-weight:900;margin:0 0 10px;letter-spacing:2px;text-align:center;color:var(--brand-dark)}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.post-card{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 6px 20px #2b7de91a;transition:all .2s}.post-card:hover{transform:translateY(-5px);box-shadow:0 16px 34px #2b7de933;border-color:#2b7de973}.post-card .thumb{aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#dcecfb,#b9d6f5)}.post-card .thumb img{width:100%;height:100%;object-fit:cover;display:block}.post-card .body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}.chip{align-self:flex-start;font-size:12px;font-weight:700;letter-spacing:.5px;color:#fff;background:linear-gradient(135deg,#3a8bef,#1f6fe0);padding:4px 12px;border-radius:99px}.post-card h3{font-size:20px;font-weight:800;margin:2px 0;color:var(--ink);line-height:1.4}.post-card p{font-size:14.5px;color:var(--ink-soft);margin:0;flex:1}.post-meta{font-size:13px;color:var(--muted);display:flex;gap:12px;margin-top:6px}.article{background:#fff}.prose{font-size:17px;color:#243b57}.prose h2{font-size:28px;font-weight:900;margin:44px 0 14px;letter-spacing:.5px;padding-left:14px;border-left:5px solid var(--brand);color:var(--brand-dark)}.prose h3{font-size:21px;font-weight:800;margin:30px 0 10px;color:var(--brand-deep)}.prose p{margin:0 0 16px}.prose ul,.prose ol{margin:0 0 18px;padding-left:22px}.prose li{margin:6px 0}.prose a{text-decoration:underline;text-underline-offset:3px}.prose strong{color:var(--brand-deep)}.prose blockquote{margin:20px 0;padding:14px 20px;background:var(--cream-2);border-left:4px solid var(--brand-light);border-radius:0 12px 12px 0;color:var(--ink-soft)}.prose img{border-radius:14px;margin:18px 0}.prose table{width:100%;border-collapse:collapse;margin:18px 0;font-size:15px}.prose th,.prose td{border:1px solid var(--line);padding:10px 12px;text-align:left}.prose th{background:var(--cream-2);font-weight:700}.breadcrumb{font-size:13.5px;color:var(--muted);margin:0 0 14px}.breadcrumb a{color:var(--brand-deep)}.faq-item{border:1px solid var(--line);border-radius:14px;margin:12px 0;overflow:hidden;background:#fff}.faq-item summary{cursor:pointer;padding:16px 20px;font-weight:700;color:var(--ink);list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item[open] summary{color:var(--brand-deep)}.faq-item .a{padding:0 20px 18px;color:var(--ink-soft)}.pill-cats{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 0 36px}.pill-cat{padding:8px 18px;border-radius:99px;font-size:14px;font-weight:600;color:var(--ink-soft);background:#fff;border:1px solid var(--line);transition:all .18s}.pill-cat:hover,.pill-cat.active{background:linear-gradient(135deg,#3a8bef,#1f6fe0);color:#fff;border-color:transparent}.cta-btn{display:inline-block;padding:16px 46px;border-radius:12px;font-size:18px;font-weight:800;letter-spacing:1px;color:var(--brand-deep);background:#fff;box-shadow:0 10px 26px #12325c4d;transition:all .18s}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 14px 32px #12325c61;color:var(--brand-deep)}@media (max-width:900px){.post-grid{grid-template-columns:1fr!important}.sec-title{font-size:30px!important}.hub-grid{grid-template-columns:1fr}}.dtop *{box-sizing:border-box;margin:0;padding:0}.dtop body{font-family:Microsoft JhengHei,PingFang TC,Arial,sans-serif;background:#eef4fb;color:#12325c}.dtop .wrap{max-width:1200px;margin:0 auto;padding:0 20px}.dtop .hero{position:relative;margin:18px auto;max-width:1200px;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px #2b7de92e}.dtop .hslides{display:flex;transition:transform .5s}.dtop .hslides img{width:100%;flex:0 0 100%;height:auto;display:block}.dtop .hdots{position:absolute;bottom:14px;left:0;right:0;display:flex;justify-content:center;gap:6px}.dtop .hdots i{width:8px;height:8px;border-radius:50%;background:#fff9}.dtop .hdots i.on{background:#2b7de9;width:20px;border-radius:5px}.dtop .ann{max-width:1160px;margin:-30px auto 0;position:relative;z-index:5;display:flex;align-items:center;gap:14px;background:#fff;border-radius:14px;padding:12px 18px;box-shadow:0 6px 20px #2b7de924}.dtop .ann .tg{background:linear-gradient(90deg,#2f74dd,#4f9be8);color:#fff;font-weight:800;padding:9px 18px;border-radius:999px;white-space:nowrap}.dtop .ann .mqw{overflow:hidden;flex:1}.dtop .ann .mqw p{white-space:nowrap;color:#33455f;animation:mq 22s linear infinite}.dtop .ann .more{background:linear-gradient(180deg,#3a8bef,#1f6fe0);color:#fff;border:0;padding:9px 20px;border-radius:999px;font-weight:800;cursor:pointer}@keyframes mq{0%{transform:translate(20%)}to{transform:translate(-100%)}}.dtop .st{text-align:center;margin:52px 0 26px}.dtop .st h2{font-size:34px;color:#2b7de9;letter-spacing:2px}.dtop .st .en{font-size:15px;font-weight:800;color:#4a6488;margin-top:2px}.dtop .st .sub{font-size:14px;color:#6a7d99;margin-top:4px}.dtop .pills{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:30px}.dtop .pill{border:0;border-radius:999px;padding:13px 34px;font-size:18px;font-weight:900;color:#fff;cursor:pointer;background:linear-gradient(180deg,color-mix(in srgb,var(--pc) 78%,#fff),var(--pc));box-shadow:0 6px 14px color-mix(in srgb,var(--pc) 40%,transparent);opacity:.92}.dtop .pill.on{outline:3px solid rgba(255,255,255,.6);opacity:1;transform:translateY(-2px)}.dtop .showcase{display:flex;align-items:center;gap:30px;background:#fff;border-radius:22px;padding:34px 40px;box-shadow:0 10px 30px #2b7de91a;min-height:360px}.dtop .sc-hero{flex:0 0 44%;text-align:center}.dtop .sc-hero img{max-width:100%;max-height:360px}.dtop .sc-right{flex:1}.dtop .sc-right h3{font-size:44px;color:#1a1a1a;letter-spacing:2px}.dtop .sc-right .en{font-size:30px;color:#d8a13a;font-weight:800;letter-spacing:1px;margin:2px 0 14px}.dtop .sc-right p{color:#44556e;line-height:1.8;max-width:560px;margin-bottom:22px}.dtop .pgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;max-width:640px}.dtop .pl{text-align:center}.dtop .plimg{height:74px;background:linear-gradient(180deg,#2d4c7d,#1b3055);border:1px solid #16294a;border-radius:12px;background-size:66% auto;background-repeat:no-repeat;background-position:center;box-shadow:inset 0 1px 3px #ffffff1f}.dtop .pl span{display:block;font-size:12.5px;color:#5b6b82;margin-top:6px;font-weight:700}.dtop .coming{font-size:40px;color:var(--cc,#7a4bd0);font-weight:900;margin-top:10px}.dtop .svc{background:#fff;border-radius:22px;padding:40px;box-shadow:0 10px 30px #2b7de91a;display:flex;justify-content:space-around;gap:20px;margin-bottom:22px}.dtop .sv{text-align:center}.dtop .circle{width:150px;height:150px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;margin:0 auto 14px;position:relative;box-shadow:0 8px 20px #1f6fe04d}.dtop .circle.blue{background:radial-gradient(circle at 40% 30%,#5aa6f5,#1c62c8)}.dtop .circle.gold{background:radial-gradient(circle at 40% 30%,#5aa6f5,#1c62c8);border:6px solid #f0c34a}.dtop .circle img{width:34px;height:34px;margin-bottom:2px;filter:brightness(0) invert(1)}.dtop .circle b{font-size:38px;line-height:1}.dtop .circle small{font-size:14px}.dtop .sn{font-size:17px;font-weight:800;color:#1a3a66}.dtop .se{font-size:12px;color:#9aa8bf;margin-top:2px}.dtop .feats{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dtop .fc{display:flex;align-items:center;gap:18px;background:#fff;border:2px solid #d9e6f5;border-radius:16px;padding:18px 24px}.dtop .fc img{width:64px;height:64px;object-fit:contain}.dtop .fc b{font-size:20px;color:#1a3a66}.dtop .fc i{display:block;font-size:12px;color:#9aa8bf;font-style:normal;margin:2px 0 6px}.dtop .fc p{color:#556884;font-size:14px}.dtop .ft{background:#23282f;color:#9aa0aa;margin-top:50px}.dtop .modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:80;opacity:0;visibility:hidden;transition:.2s}.dtop .modal.show{opacity:1;visibility:visible}.dtop .modal .bg{position:absolute;inset:0;background:#0a19328c}.dtop .mbox{position:relative;width:340px;background:#fff;border-radius:18px;padding:30px;text-align:center;box-shadow:0 18px 50px #0000004d}.dtop .mbox h3{font-size:20px;margin-bottom:12px}.dtop .mbox p{color:#5b6b82;line-height:1.7;margin-bottom:22px}.dtop .mbtns{display:flex;gap:12px}.dtop .mbtns button{flex:1;border:0;border-radius:999px;padding:13px 0;font-weight:800;font-size:15px;cursor:pointer}.dtop .m-login{background:#132a4a;color:#fff}.dtop .m-reg{background:linear-gradient(180deg,#3a8bef,#1f6fe0);color:#fff}.mtop *{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}.mtop body{background:#c9d8ea;font-family:Microsoft JhengHei,PingFang TC,Arial,sans-serif}.mtop .phone{max-width:480px;margin:0 auto;min-height:100vh;background:linear-gradient(180deg,#dcecfb,#eaf4fd 220px,#f4f8fc);position:relative;overflow:visible;padding-bottom:66px}.mtop .hero{position:relative;overflow:hidden}.mtop .slides{display:flex;transition:transform .4s}.mtop .slides img{width:100%;flex:0 0 100%;display:block}.mtop .dots{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:center;gap:5px}.mtop .dots i{width:6px;height:6px;border-radius:50%;background:#fff9}.mtop .dots i.on{background:#2b7de9;width:14px;border-radius:4px}.mtop .ann{display:flex;align-items:center;gap:8px;margin:10px;background:#fff;border-radius:12px;padding:9px 12px;box-shadow:0 3px 10px #2b7de914}.mtop .ann .tag{background:linear-gradient(90deg,#2f74dd,#4f9be8);color:#fff;font-size:12px;font-weight:800;padding:5px 10px;border-radius:999px;white-space:nowrap}.mtop .ann .mq{overflow:hidden;flex:1}.mtop .ann .mq p{white-space:nowrap;font-size:13px;color:#33455f;animation:mq 14s linear infinite}@keyframes mq{0%{transform:translate(30%)}to{transform:translate(-100%)}}.mtop .wcard{margin:10px;background:#fff;border-radius:14px;padding:9px 12px;box-shadow:0 4px 14px #2b7de91a}.mtop .wtop .hi{font-size:13px;color:#5b6b82}.mtop .wtop .hi b{color:#1b5fc0}.mtop .hexrow{display:flex;justify-content:space-around;margin-top:9px}.mtop .hexb{background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:12.5px;color:#33455f;font-weight:700;cursor:pointer}.mtop .hexb img{width:50px;height:50px}.mtop .secttl{display:flex;align-items:center;gap:6px;padding:2px 12px;font-size:14px;font-weight:800;color:#16325c}.mtop .main{display:flex;gap:8px;padding:2px 10px 10px;align-items:flex-start}.mtop .rail{display:flex;flex-direction:column;gap:8px;flex:0 0 60px;position:sticky;top:52px;align-self:flex-start;z-index:5}.mtop .rail-i{background:#fff;border:0;border-radius:12px;padding:9px 2px;font-size:12px;color:#5b6b82;display:flex;flex-direction:column;align-items:center;gap:3px;font-weight:700;box-shadow:0 2px 6px #2b7de90f}.mtop .rail-i span{font-size:20px}.mtop .rail-i.on{background:linear-gradient(180deg,#2f74dd,#1f6fe0);color:#fff}.mtop .content{flex:1}.mtop .ggrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mtop .gcard{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 3px 10px #2b7de91a}.mtop .gimg{height:118px;background:#fff;background-size:contain;background-repeat:no-repeat;background-position:center}.mtop .gmeta{display:flex;align-items:center;gap:6px;padding:7px 9px}.mtop .gmeta .prov{background:#2b7de9;color:#fff;font-size:10px;padding:1px 6px;border-radius:5px;font-weight:800}.mtop .gmeta b{font-size:13px;color:#20314f;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mtop .gmeta .star{color:#c9ccd6;font-style:normal}.mtop .plist{display:flex;flex-direction:column;gap:7px}.mtop .pvcard{position:relative;border-radius:14px;overflow:hidden;box-shadow:0 3px 10px #2b7de91f;background:#fff}.mtop .pvcard>img{width:100%;display:block}.mtop .pv-ov{position:absolute;left:11px;bottom:11px;display:flex;flex-direction:column;gap:5px;align-items:flex-start}.mtop .pv-cnt{font-size:15px;font-weight:900;color:#12325c}.mtop .pv-cnt small{font-size:11px;font-weight:700;margin-left:2px}.mtop .pv-badge{display:inline-flex;align-items:center;gap:4px;background:#fff;border:1px solid #d5e3f5;border-radius:7px;padding:2px 4px;font-size:10px;font-weight:800;color:#12325c;box-shadow:0 1px 4px #2b7de91f}.mtop .pv-badge b{color:#e8562a}.mtop .pv-badge i{background:linear-gradient(180deg,#3a8bef,#1f6fe0);color:#fff;padding:2px 6px;border-radius:5px;font-style:normal}.mtop .bnav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;height:60px;background:#fff;border-top:1px solid #e3ebf5;display:flex;justify-content:space-around;align-items:center;z-index:30;box-shadow:0 -3px 12px #2b7de914}.mtop .bnav a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:#8a99b0;text-decoration:none}.mtop .bnav a.on{color:#1f6fe0;font-weight:800}.mtop .bnav a span{font-size:19px}.mtop .fab{position:fixed;bottom:36px;left:50%;transform:translate(-50%);width:58px;height:58px;border-radius:50%;background:linear-gradient(180deg,#3a8bef,#1560cf);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:900;font-size:12px;box-shadow:0 6px 16px #1f6fe080;z-index:31;border:3px solid #fff;line-height:1.05}.mtop .fab b{font-size:16px}.mtop .modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:50;opacity:0;visibility:hidden;transition:.2s}.mtop .modal.show{opacity:1;visibility:visible}.mtop .modal .bg{position:absolute;inset:0;background:#0a19328c}.mtop .mbox{position:relative;width:300px;background:#fff;border-radius:18px;padding:26px 22px 20px;text-align:center;box-shadow:0 18px 50px #0000004d}.mtop .mbox h3{font-size:19px;color:#16233c;margin-bottom:12px}.mtop .mbox p{font-size:14px;color:#5b6b82;line-height:1.7;margin-bottom:20px}.mtop .mbtns{display:flex;gap:12px}.mtop .mbtns button{flex:1;border:0;border-radius:999px;padding:12px 0;font-size:15px;font-weight:800;cursor:pointer}.mtop .m-login{background:#132a4a;color:#fff}.mtop .m-reg{background:linear-gradient(180deg,#3a8bef,#1f6fe0);color:#fff}.ft-sec{border-bottom:1px solid rgba(255,255,255,.08);padding:26px 24px}.ft-h{text-align:center;margin:0 0 14px;font-size:13px;letter-spacing:2px;color:#c9b48a}.ft-provrow{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;max-width:1100px;margin:0 auto}.ft-provrow span{font-size:15px;font-weight:800;color:#c7ccd4;opacity:.85}.ft-lic{background:#1f242b;padding:30px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.ft-lic .inner{max-width:1000px;margin:0 auto;text-align:center}.ft-h2{font-size:16px;font-weight:800;color:#e8c583;margin:0 0 6px}.ft-licintro{max-width:760px;margin:0 auto 16px;font-size:13px;line-height:1.9;color:#9aa0aa}.ft-liccards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;text-align:left;margin-bottom:18px}.lc{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px 14px}.lc b{display:block;font-size:13px;font-weight:800;color:#d9c091;margin-bottom:4px}.lc span{font-size:12px;line-height:1.7;color:#8b929c}.ft-licimgs{display:flex;justify-content:center;gap:36px;flex-wrap:wrap;margin-top:8px}.ft-licimgs img{height:52px;filter:grayscale(1) brightness(1.7);opacity:.85}.ft-links{padding:30px 24px;max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr;gap:30px}.ft-bt{font-family:Cinzel,Times New Roman,serif;font-weight:800;font-size:24px;letter-spacing:2px;color:#e8c583;margin-bottom:10px}.ft-col p{margin:0 0 8px;font-size:13px;line-height:1.9;color:#8b929c}.ft-col .ln{color:#c7ccd4}.ft-col .ln a{color:#e8c583;font-weight:700;text-decoration:none}.ft-ct{font-size:13px;font-weight:800;color:#c7ccd4;margin-bottom:8px}.ft-col a.fl{display:block;font-size:13px;color:#9aa0aa;padding:4px 0;text-decoration:none}.ft-legal{border-top:1px solid rgba(255,255,255,.08);padding:18px 24px;text-align:center}.ft-legal p{margin:0 auto 8px;max-width:760px;font-size:12px;line-height:1.8;color:#7b828c}.ft-legal .cp{color:#6b727c}@media (max-width:820px){.ft-liccards{grid-template-columns:1fr 1fr}.ft-links{grid-template-columns:1fr}}.hd{position:sticky;top:0;z-index:40;background:linear-gradient(90deg,#2160d4,#3d86e6 55%,#57a0ea);display:flex;align-items:center;gap:18px;padding:0 34px;height:72px;box-shadow:0 3px 14px #2b7de940}.hd .lg{height:36px;width:auto;display:block}.hd nav{display:flex;gap:4px;flex:1}.hd nav a{color:#fff;font-weight:800;font-size:15px;text-decoration:none;padding:9px 11px;border-radius:9px;white-space:nowrap}.hd nav a:hover{background:#ffffff38;color:#fff}.navmore{position:relative}.navmore>button{color:#fff;font-weight:800;font-size:15px;background:none;border:0;padding:9px 11px;border-radius:9px;cursor:pointer;font-family:inherit;white-space:nowrap}.navmore:hover>button,.navmore:focus-within>button{background:#ffffff38}.navdd{position:absolute;top:calc(100% + 6px);left:0;background:#fff;border-radius:12px;box-shadow:0 14px 34px #0e2b5738;padding:8px;min-width:210px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.16s;z-index:30;border-top:3px solid #2b7de9}.navmore:hover .navdd,.navmore:focus-within .navdd{opacity:1;visibility:visible;transform:translateY(0)}.hd nav .navdd a{display:block;padding:9px 12px;border-radius:8px;color:#20314f;font-size:14px;text-decoration:none;white-space:nowrap;background:none;font-weight:700}.hd nav .navdd a:hover{background:#eaf3fe;color:#1b5fc0}.hd .auth{display:flex;align-items:center;gap:12px;margin-left:auto}.hd .auth a{color:#fff;font-weight:800;font-size:16px;text-decoration:none;display:flex;align-items:center;gap:6px;white-space:nowrap}.hd .auth .sep{width:1px;height:18px;background:#ffffff80}.top{display:none;align-items:center;justify-content:space-between;padding:9px 14px;background:linear-gradient(90deg,#2f74dd,#57a0e8 60%,#a9d6f5);position:sticky;top:0;z-index:30}.top img{height:23px;width:auto}.top-right{display:flex;align-items:center;gap:8px}.b-login{background:#ffffff29;color:#fff;border:1.5px solid rgba(255,255,255,.85);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:800;text-decoration:none}.b-reg{background:linear-gradient(180deg,#ffd977,#f0b73c);color:#5a3a00;border:0;border-radius:999px;padding:7px 15px;font-size:13px;font-weight:800;text-decoration:none}.burger{width:28px;height:28px;display:flex;flex-direction:column;justify-content:center;gap:4px;cursor:pointer;background:none;border:0;padding:0}.burger i{height:2.5px;width:100%;background:#fff;border-radius:2px}.mask{position:fixed;inset:0;background:#0a193280;opacity:0;visibility:hidden;transition:.2s;z-index:60}.mask.show{opacity:1;visibility:visible}.drawer{position:fixed;top:0;left:0;bottom:0;width:80%;max-width:320px;background:#fff;transform:translate(-100%);transition:.25s;z-index:61;overflow-y:auto}.drawer.show{transform:translate(0)}.drawer .dh{background:linear-gradient(90deg,#2f74dd,#57a0e8);color:#fff;padding:16px;font-weight:800;font-size:16px;display:flex;justify-content:space-between;align-items:center}.drawer .dh .x{font-size:22px;cursor:pointer}.drawer .dsub{font-size:12px;color:#8a99b0;padding:12px 16px 4px;font-weight:700}.drawer a{display:flex;justify-content:space-between;padding:12px 18px;color:#26374f;text-decoration:none;font-size:14.5px;border-bottom:1px solid #f0f4f9}.drawer a:hover{background:#f4f8fc}@media (max-width:900px){.hd{display:none}.top{display:flex}}