html{scroll-behavior:smooth}body{font-family:"PingFang SC","HarmonyOS Sans SC","Source Han Sans SC","Noto Sans SC","Microsoft YaHei","微软雅黑",sans-serif;font-weight:normal;margin:0;display:flex;flex-direction:column;min-height:100vh;padding-top:56px}a{color:#4a6cf7;text-decoration:none;transition:color 250ms ease}a:hover{color:#2a4ad4}header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:56px;position:fixed;top:0;left:0;right:0;background:#fff;z-index:1000}.nav-title{font-size:1.2rem;font-weight:bold}.nav-btns{display:flex;gap:20px;align-items:center}.nav-btns a{color:#333;position:relative}.nav-btns a::after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#4a6cf7;transition:width .25s ease}.nav-btns a:hover{color:#4a6cf7}.nav-btns a:hover::after{width:100%}.nav-hamburger{display:none;font-size:1.4rem;cursor:pointer;color:#333;padding:4px}.nav-overlay{position:fixed;inset:0;background:rgba(0,0,0,0);z-index:99;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease,background-color .3s ease}article{max-width:1000px;margin:0 auto;padding:40px 24px;flex:1;text-align:center}.cardzone{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px}.card{width:auto;height:120px;border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:16px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s,box-shadow .25s;will-change:transform}.card:hover{box-shadow:0 4px 16px rgba(0,0,0,.15);transform:translateY(-2px)}.card-title{font-size:1rem;font-weight:bold;color:#333}.card-content{font-size:.85rem;color:#666;line-height:1.4}.card-btn{font-size:.85rem;background-color:#4a6cf7;cursor:pointer;padding:12px 0;border-radius:8px;box-shadow:0 2px 8px rgba(74,108,247,.3)}.card-btn a{color:#fff}footer{text-align:center;background-color:#f5f5f5;padding:20px 0}.mobile-only{display:none}@media(max-width: 768px){.nav-hamburger{display:block}.nav-title{position:absolute;left:50%;transform:translateX(-50%)}nav{position:fixed;top:0;left:0;width:260px;height:100vh;background:#fff;box-shadow:4px 0 16px rgba(0,0,0,.1);transform:translateX(-100%);transition:transform .3s ease;will-change:transform;z-index:100;padding-top:60px}#nav-toggle:checked~nav{transform:translateX(0)}.nav-btns{flex-direction:column;gap:0;align-items:stretch;padding:0 16px}.nav-btns a{padding:14px 0;border-bottom:1px solid #eee}.nav-btns a::after{display:none}#nav-toggle:checked~.nav-overlay{opacity:1;visibility:visible;background:rgba(0,0,0,.3)}.mobile-only{display:inline}.cardzone{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 480px){.cardzone{grid-template-columns:1fr}}