*{box-sizing:border-box;margin:0;padding:0}:root{--layout-gap:16px}body{color:#1f2d3d;background:#f0f5ff;font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif}.page{flex-direction:column;min-height:100vh;display:flex}.header{background:linear-gradient(90deg,#1565d8,#1e88ff);box-shadow:0 2px 8px #1565d840}.header-inner{align-items:center;max-width:960px;height:56px;margin:0 auto;padding:0 20px;display:flex}.logo{color:#fff;margin-right:40px;font-size:18px;font-weight:700;text-decoration:none}.mobile-menu-button{display:none}.nav{height:100%;display:flex}.nav-item{color:#ffffffd9;cursor:pointer;align-items:center;padding:0 20px;font-size:15px;text-decoration:none;display:flex;position:relative}.nav-item:hover,.nav-item.active{color:#fff;background:#ffffff1f}.caret{margin-left:4px;font-size:11px;transition:transform .15s;display:inline-block}.has-sub.open .caret{transform:rotate(180deg)}.submenu{width:max-content;min-width:100%;padding-top:var(--layout-gap);z-index:10;position:absolute;top:46px;left:0}.submenu-panel{background:#fff;overflow:hidden;box-shadow:0 10px 26px #1565d833}.submenu-item{justify-content:space-between;align-items:center;gap:var(--layout-gap);color:#31415c;white-space:nowrap;border-bottom:1px dashed #d9e2f5;padding:14px 16px;font-size:14px;text-decoration:none;transition:background .15s,color .15s;display:flex}.submenu-item:last-child{border-bottom:none}.submenu-item:hover{color:#1565d8;background:#edf4ff}.drop-enter-active,.drop-leave-active{transition:opacity .15s,transform .15s}.drop-enter-from,.drop-leave-to{opacity:0;transform:translateY(-6px)}.mobile-drawer-layer{z-index:100;background:#0f1d3475;display:none;position:fixed;inset:0}.mobile-drawer{width:min(82vw,320px);height:100%;padding:var(--layout-gap);background:#fff;flex-direction:column;display:flex;box-shadow:12px 0 32px #0f1d3438}.drawer-head{justify-content:space-between;align-items:center;gap:var(--layout-gap);padding-bottom:var(--layout-gap);border-bottom:1px solid #dce7f8;display:flex}.drawer-logo{color:#1565d8;font-size:17px;font-weight:700;text-decoration:none}.drawer-close{color:#5a7290;cursor:pointer;background:#f1f7ff;border:none;border-radius:8px;place-items:center;width:34px;height:34px;font-size:24px;line-height:1;display:grid}.drawer-nav{gap:var(--layout-gap);padding-top:var(--layout-gap);flex-direction:column;display:flex;overflow:auto}.drawer-link,.drawer-group-button{color:#31415c;cursor:pointer;background:#f8fbff;border:none;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:12px;font-size:14px;text-decoration:none;display:flex}.drawer-link:hover,.drawer-group-button:hover{color:#1565d8;background:#edf4ff}.drawer-group{gap:var(--layout-gap);flex-direction:column;display:flex}.drawer-caret{color:#7895bd;font-size:11px;transition:transform .15s}.drawer-caret.open{transform:rotate(180deg)}.drawer-subnav{background:#fff;border:1px solid #e2ebf9;border-radius:8px;flex-direction:column;margin-left:12px;display:flex;overflow:hidden}.drawer-sublink{color:#5a7290;border-bottom:1px dashed #dce7f8;padding:12px;font-size:14px;text-decoration:none}.drawer-sublink:last-child{border-bottom:none}.drawer-sublink:hover{color:#1565d8;background:#f1f7ff}.drawer-enter-active,.drawer-leave-active{transition:opacity .2s}.drawer-enter-active .mobile-drawer,.drawer-leave-active .mobile-drawer{transition:transform .2s}.drawer-enter-from,.drawer-leave-to{opacity:0}.drawer-enter-from .mobile-drawer,.drawer-leave-to .mobile-drawer{transform:translate(-100%)}.main{width:100%;max-width:960px;padding:var(--layout-gap) 20px;flex:1;margin:0 auto}.footer{color:#8aa4c8;padding:var(--layout-gap);text-align:center;font-size:13px;line-height:1.6}.footer-lines{gap:var(--layout-gap);flex-direction:column;align-items:center;display:flex}.footer a{color:#7890ae;text-decoration:none}.footer a:hover{color:#1565d8}@media (width<=680px){:root{--layout-gap:8px}.header-inner{padding:0 var(--layout-gap);justify-content:space-between}.logo{margin-right:0}.nav{display:none}.mobile-drawer-layer{display:flex}.mobile-menu-button{color:#fff;cursor:pointer;background:#ffffff24;border:none;border-radius:8px;flex-direction:column;justify-content:center;gap:4px;width:38px;height:38px;padding:9px;display:inline-flex}.mobile-menu-button span{background:currentColor;border-radius:2px;width:100%;height:2px;display:block}.main{padding:var(--layout-gap)}}.home[data-v-db6509e3]{gap:var(--layout-gap);flex-direction:column;display:flex}h1[data-v-db6509e3]{color:#1565d8;font-size:26px}.desc[data-v-db6509e3]{color:#5a7290}.cards[data-v-db6509e3]{gap:var(--layout-gap);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.card[data-v-db6509e3]{gap:var(--layout-gap);background:#fff;border-radius:12px;flex-direction:column;padding:24px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 2px 10px #1565d814}.card[data-v-db6509e3]:hover{transform:translateY(-3px);box-shadow:0 8px 20px #1565d826}.card-icon[data-v-db6509e3]{font-size:30px}.card-title[data-v-db6509e3]{color:#1565d8;font-weight:600}.card-sub[data-v-db6509e3]{color:#8aa4c8;font-size:13px}
