*{box-sizing:border-box}body{margin:0;background:#f7f8f5;color:#172b28;font:16px/1.7 'Microsoft YaHei',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.button{background:#174c42;color:white;border:0;padding:13px 25px;cursor:pointer;display:inline-block}.topline{background:#173c35;color:#d6e0d7;padding:8px 5%;font-size:12px;display:flex;justify-content:space-between}header{padding:24px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9e0d9;background:#fff}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:bold}.brand small{display:block;font-size:8px;letter-spacing:1.5px}.logo{background:#174c42;color:#dce8a4;padding:7px 10px;font-size:26px}nav{display:flex;gap:25px;font-size:14px}.small{font-size:14px}section{padding:64px 6%;max-width:1600px;margin:auto}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;padding-top:72px;padding-bottom:70px;background:linear-gradient(110deg,#edf1e9,#f8f9f6)}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#638175;margin-bottom:20px}h1{font-size:clamp(32px,4vw,58px);line-height:1.28;letter-spacing:-2px;margin:20px 0 25px}h1 span{color:#487447}h2{font-size:30px;line-height:1.5;margin:12px 0}h3{font-size:21px}p{color:#64756d}.hero p{font-size:17px}.actions{display:flex;gap:15px;margin-top:32px}.outline{padding:12px 24px;border:1px solid #9cad9f}.hero-note{font-size:12px;color:#7c897d;margin-top:40px}.technical-art{position:relative;min-height:370px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle,#dce6d2,transparent 68%)}.orbit{position:absolute;width:340px;height:340px;border:1px solid #c3d0ba;border-radius:50%;outline:1px solid #dce4d5;outline-offset:25px}.vessel{z-index:1;width:155px;height:250px;background:linear-gradient(100deg,#204c3a,#5d7d53 40%,#284b36);border-radius:25px 25px 18px 18px;box-shadow:24px 30px 25px #35553626;transform:rotate(-8deg);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#e1edc4;border-top:16px solid #234632;border-bottom:14px solid #234632}.vessel b{font-size:52px}.vessel span{font-size:10px;letter-spacing:2px;text-align:center}.art-label{position:absolute;bottom:10px;right:0;font-size:10px;letter-spacing:2px;color:#657764}.section-head{margin-bottom:30px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.category-grid{grid-template-columns:repeat(4,1fr)}.card{padding:28px;background:#fff;border:1px solid #dfe4db;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-4px);border-color:#64876a}.card p{font-size:14px}.number{font-size:32px;color:#bdcbb7}.arrow{display:block;font-size:13px;margin-top:28px;color:#477052}.tag{font-size:12px;background:#eaf0e3;padding:4px 9px;color:#467044}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid #dfe4dc}.problem-list a{display:flex;justify-content:space-between;padding:23px 0;border-bottom:1px solid #d4ddd2;font-size:14px}.text-link{color:#245f47}.cta{margin:20px 6% 70px;background:#e4ebd9;display:flex;justify-content:space-between;align-items:center;padding:42px}.cta h2{font-size:27px}footer{background:#183b34;color:#e0e8dd;padding:40px 6%;display:flex;justify-content:space-between}footer a{margin-right:25px;font-size:13px}footer small{display:block;margin-top:24px;color:#a3b7aa}footer p{color:#a3b7aa;font-size:13px}.filters{display:flex;gap:12px;margin-bottom:35px}input,select,textarea{padding:12px;border:1px solid #ccd7cd;background:white;max-width:100%;border-radius:0}label{display:block;margin-bottom:18px}label input,label textarea,label select{display:block;width:100%;margin-top:7px}.check{display:flex;align-items:center;font-size:13px;gap:8px}.check input{width:auto}.check a{text-decoration:underline}.form-section{display:grid;grid-template-columns:1fr 1fr;gap:70px}.notice,.empty{padding:22px;background:#edf0df;border-left:3px solid #899956;margin:20px 0}.reading{min-height:55vh;max-width:1000px}.intro{font-size:19px;line-height:2;max-width:850px}details{background:white;border-bottom:1px solid #d3dccf;padding:18px;margin:8px 0}summary{cursor:pointer}details form{padding:20px} .lead{padding:20px;border-bottom:1px solid #cfd8ce}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #98af57;outline-offset:3px}@media(max-width:900px){nav{display:none}.hero,.split,.form-section{grid-template-columns:1fr}.hero{gap:10px}.technical-art{min-height:290px}.category-grid,.grid{grid-template-columns:repeat(2,1fr)}.cta,footer{display:block}.cta .button{margin-top:15px}.topline span{display:none}section{padding:40px 5%}.filters{flex-wrap:wrap}.brand{font-size:18px}h1{letter-spacing:-1px}.hero-note{font-size:10px}}@media(max-width:480px){.category-grid,.grid{grid-template-columns:1fr}.technical-art{display:none}.actions{flex-wrap:wrap}.small{padding:10px}footer>div+div{margin-top:25px}}

@media(max-width:900px){header{flex-wrap:wrap;gap:16px}nav{display:flex;order:3;width:100%;overflow-x:auto;white-space:nowrap;gap:24px;padding:8px 0;font-size:13px}}