*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:98px}body{margin:0;background:#f7f8fa;color:#25333e;font:15px/1.85 "Microsoft YaHei","PingFang SC",sans-serif}a{color:inherit;text-decoration:none}.guide-top{position:sticky;top:0;z-index:2;background:#ffffffed;border-bottom:1px solid #e6e9ec;padding:17px max(5vw,24px);display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px;color:#ed633f;font-size:23px;font-weight:800}.brand strong{color:#233443;font-size:18px}.brand small{font-size:12px;color:#ee6844}main{max-width:1220px;margin:auto;padding:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid #e1e5e8;border-radius:10px;padding:10px 17px;font-size:13px;font-weight:600;background:white;transition:transform .15s}.button:hover{transform:translateY(-2px)}.primary{color:white;background:#e95f3b;border-color:#e95f3b}.soft{color:#cf5737;background:#fff7f1;border-color:#f5dfd2}.hero{background:#fff1e7;border-radius:22px;padding:54px 44px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:22px;overflow:hidden}.hero img{width:100%}.eyebrow{font-size:11px;letter-spacing:2px;color:#bd6144;font-weight:700}.hero h1{font-size:38px;line-height:1.5;letter-spacing:-1px;margin:16px 0}.hero p{color:#6e6f70;line-height:2}.hero-tags{display:flex;gap:10px;margin:22px 0}.hero-tags span{background:#ffffff99;border-radius:7px;padding:5px 10px;font-size:12px;color:#8d6553}.before{padding:34px 0 18px}.before>h2{font-size:21px;margin:0 0 18px}.before-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.before article{background:white;border:1px solid #e7ebee;border-radius:14px;padding:24px}.before b{font-size:13px;color:#e46944}.before h3{font-size:17px;margin:8px 0}.before p{font-size:13px;color:#71808b;margin:0}.module-nav{display:flex;gap:9px;flex-wrap:wrap;padding:20px 0 26px}.module-nav a{border:1px solid #e1e6e9;background:white;border-radius:20px;padding:5px 12px;font-size:12px}.module-nav a:hover{color:#df5d3b;border-color:#f4b39d}.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.module-card{position:relative;border:1px solid #e4e9ed;background:white;border-radius:15px;padding:30px;scroll-margin-top:100px}.module-label{color:#e06440;font-size:12px;font-weight:700}.module-card h2{font-size:21px;margin:8px 0 10px;line-height:1.6}.module-card .role{font-size:12px;color:#7f8a95;background:#f6f8f9;border-radius:5px;padding:6px 10px;display:inline-block;margin:0}.module-card p:not(.role){color:#657583;font-size:14px;line-height:2.05;min-height:110px}.anchor{position:absolute;top:0;scroll-margin-top:100px}.finish{margin:28px 0 0;background:#f0f5f3;border-radius:16px;padding:35px;display:flex;align-items:center;gap:32px}.finish img{width:110px}.finish h2{font-size:21px;margin:0 0 10px}.finish p{font-size:13px;color:#687b74;line-height:1.9}.finish p+p{font-size:12px;color:#819188}footer{text-align:center;font-size:12px;color:#929da6;padding:20px 24px 35px}a:focus-visible{outline:3px solid #ef623f;outline-offset:4px}@media(max-width:800px){main{padding:20px}.hero{grid-template-columns:1fr;padding:32px 26px}.hero h1{font-size:30px}.hero img{max-width:380px;justify-self:center}.before-grid,.module-grid{grid-template-columns:1fr}.module-card p:not(.role){min-height:0}.finish{padding:25px;gap:20px;align-items:flex-start}.finish img{width:70px}.guide-top{padding:13px 20px}.brand strong{font-size:15px}.brand{font-size:19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.brand-mascot{display:block;width:48px;height:48px;flex:0 0 48px;object-fit:contain}