*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f6fa;color:#253044;font:14px/1.5 "Segoe UI","Microsoft YaHei",sans-serif}aside{position:fixed;width:210px;inset:0 auto 0 0;background:#fff;border-right:1px solid #e7ebf2;padding:28px 16px;overflow:auto}.logo{font-size:24px;font-weight:750;letter-spacing:1px;color:#3068eb;margin:0 14px}.sub{font-size:11px;color:#9aa5b6;margin:5px 14px 30px}nav{display:grid;gap:5px}nav button{border:0;background:none;color:#637087;font:13px inherit;text-align:left;padding:13px 17px;border-radius:8px;cursor:pointer}nav button:hover,nav button.active{background:#eef3ff;color:#3068eb}header{margin-left:210px;padding:28px 36px 25px;background:#fff;border-bottom:1px solid #e7ebf2}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.top b{font-size:17px}.top span{font-size:12px;color:#96a0b1}.hero{padding:26px 30px;background:linear-gradient(115deg,#edf3ff,#f1f6fc 65%,#edf8f5);border:1px solid #e1eafa;border-radius:14px}.hero h1{font-size:24px;margin:0 0 6px;font-weight:650}.hero p{margin:0;color:#8190a6;font-size:13px}input{width:100%;max-width:780px;height:48px;margin-top:20px;padding:0 17px;border:1px solid #dce4ef;border-radius:9px;background:#fff;box-shadow:0 4px 12px #2d5c9f06;color:#29374f;outline:none;font-size:14px}input:focus{border-color:#8aabf4;box-shadow:0 0 0 3px #3068eb0b}main{margin-left:210px;padding:12px 36px 60px;max-width:1950px}section{scroll-margin-top:20px;margin:24px 0 30px}h2{font-size:17px;margin:0 0 16px;display:flex;align-items:center;gap:11px}h2:before{content:"";width:4px;height:17px;border-radius:3px;background:#4a7bf1}h2 small{font-size:11px;color:#9ba6b7;font-weight:400}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:13px}a{display:flex;gap:14px;align-items:flex-start;padding:19px 17px;background:white;border:1px solid #e7ebf1;border-radius:11px;min-width:0;min-height:116px;text-decoration:none;color:inherit;transition:transform .18s,box-shadow .18s,border-color .18s}a:hover{transform:translateY(-3px);box-shadow:0 8px 22px #29476c0c;border-color:#bbcef3}.icon{width:39px;height:39px;flex:0 0 39px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#f5f7fb;color:#5780d7;font-size:22px;margin-top:2px}.icon img{width:29px;height:29px;object-fit:contain}.copy{min-width:0;flex:1}strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600;font-size:13px}.copy p{font-size:11px;color:#8390a3;margin:7px 0 6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.copy small{color:#abb4c2;font-size:10px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:1600px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:950px){aside{width:175px;padding:25px 10px}header,main{margin-left:175px;padding-left:22px;padding-right:22px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){aside{position:static;width:auto;padding:18px}.sub{margin-bottom:15px}nav{display:flex;overflow:auto}nav button{white-space:nowrap;padding:8px 11px}header,main{margin-left:0;padding:18px}.top span{display:none}.hero{padding:20px}.hero h1{font-size:21px}.grid{grid-template-columns:1fr}a{min-height:104px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a{transition:none}}.bear-brand{display:flex;align-items:center;gap:10px;margin:0 5px}.bear-brand img{width:48px;height:48px;object-fit:contain;border-radius:13px;flex-shrink:0}.bear-brand strong{font-size:18px;font-weight:700;letter-spacing:.5px;color:#243c60}.bear-brand small{display:block;font-size:8px;letter-spacing:.6px;color:#8d9db3;margin-top:4px}.sub{margin:15px 12px 27px;font-size:10px}@media(max-width:950px){.bear-brand{gap:7px;margin:0}.bear-brand img{width:40px;height:40px}.bear-brand strong{font-size:15px}.bear-brand small{font-size:7px}}
body.dark{background:#111827;color:#e5e7eb}body.dark aside,body.dark header,body.dark a,body.dark dialog{background:#1e293b;color:#e5e7eb;border-color:#334155}body.dark .hero{background:#24324a;border-color:#334155}body.dark input,body.dark select{background:#111827;color:white}button{cursor:pointer}dialog{border:1px solid #ddd;border-radius:16px;padding:25px;max-width:500px;width:90%}dialog::backdrop{background:#0006}dialog label{display:block;margin:14px 0}dialog input,dialog select{width:100%;margin:5px 0;height:38px}dialog button,.actions button{padding:8px 12px;border:1px solid #dce4ef;border-radius:8px;background:#eef3ff;color:#3068eb;margin:4px}.actions{display:flex;flex-wrap:wrap;gap:4px}.compact a{min-height:85px;padding:12px}.compact .copy p{display:none}.animated .hero{background-size:200% 200%;animation:flow 15s ease infinite}@keyframes flow{50%{background-position:100% 100%}}@media(prefers-reduced-motion:reduce){.animated .hero{animation:none}}