*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f5ed;color:#193b32;font-family:"Microsoft YaHei",system-ui,sans-serif}a{color:inherit;text-decoration:none}header{max-width:1180px;margin:auto;padding:25px 30px;display:flex;justify-content:space-between;font-size:14px}header a{font-weight:700}header span{color:#738178}main{max-width:1180px;margin:auto;padding:0 30px}.hero{position:relative;overflow:hidden;background:#193f35;color:#f3f4df;border-radius:12px;padding:58px 48px;min-height:420px}.eyebrow{font-size:11px;letter-spacing:3px;color:#b4ce9c}h1{font-size:clamp(34px,4.5vw,58px);line-height:1.3;margin:24px 0 18px;font-weight:600;position:relative;z-index:1}.hero p{line-height:1.9;color:#cad8cb;font-size:15px;position:relative;z-index:1}.start{display:inline-block;background:#d7e7ad;color:#244336;padding:14px 22px;border-radius:6px;margin-top:20px;position:relative;z-index:1}.rings{position:absolute;width:470px;height:470px;right:-10px;top:0;display:grid;place-items:center;background:radial-gradient(ellipse,#69815960,transparent 65%)}.rings i{position:absolute;border:1px solid #bfd4a448;border-radius:50%;width:90%;height:90%;transform:rotate(-30deg) scaleX(.7)}.rings i:nth-child(2){transform:rotate(30deg) scaleX(.7)}.rings i:nth-child(3){transform:rotate(90deg) scaleX(.7)}.rings span{color:#bdd0a9;font-size:13px;letter-spacing:4px}.section-head{display:flex;justify-content:space-between;align-items:end;margin:44px 0 22px;gap:15px}.section-head small{font-size:10px;letter-spacing:2px;color:#768274}.section-head h2{font-size:24px;margin:9px 0 0}.section-head>span{font-size:12px;white-space:nowrap;color:#687b6e}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:#fff;border:1px solid #dce2d6;border-radius:10px;padding:24px;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #24433610}.card-top{display:flex;justify-content:space-between;align-items:center;color:#7a8977;font-size:11px}.number{font-size:25px;color:#81976d;font-family:Georgia,serif}.topic{display:block}.topic h3{font-size:20px;line-height:1.5;margin:20px 0 10px}.topic p{font-size:14px;line-height:1.85;color:#69786c;margin:0 0 20px}.devices{border-top:1px solid #edf0e7;padding-top:8px}.devices a{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:12px 0;line-height:1.5}.devices a:hover{color:#658534}.devices span{color:#8b9b77}footer{text-align:center;padding:55px 0 35px;font-size:14px}footer p{font-size:13px;color:#728171}footer>span{display:block;margin-top:30px;font-size:11px;color:#8c9787}a:focus-visible{outline:3px solid #a3bd70;outline-offset:5px}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rings{right:-180px;opacity:.5}}@media(max-width:580px){header{padding:20px}header span{font-size:11px}main{padding:0 16px}.hero{padding:34px 25px;min-height:400px}.hero p{font-size:14px}.rings{right:-290px}.rings span{display:none}.section-head{align-items:start;margin-top:32px}.section-head h2{font-size:20px}.section-head>span{font-size:11px;padding-top:24px}.grid{grid-template-columns:1fr;gap:14px}.card{padding:22px}.topic h3{margin-top:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}
.header-links{display:flex;align-items:center;gap:18px}.admin-entry{display:inline-block;padding:9px 13px;border:1px solid #c9d6c0;border-radius:6px;background:#fff;font-size:13px}header .admin-entry:hover{background:#e3edd8}@media(max-width:580px){.header-links>span{display:none}.header-links{gap:0}.admin-entry{font-size:12px;padding:8px 10px}header{align-items:center}}