*{box-sizing:border-box}body{margin:0;background:#f7f5ed;color:#203a38;font-family:"Segoe UI","Microsoft JhengHei",sans-serif}header,main,footer{max-width:1200px;margin:auto}header{height:114px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dcded4}.brand{display:flex;align-items:center;gap:26px;color:inherit;text-decoration:none}.brand strong{font-size:34px;letter-spacing:-2px;color:#14796f;line-height:1}.brand strong span{display:block;font-size:11px;letter-spacing:5px;margin-top:9px}.brand-title{font-size:18px;font-weight:700;padding-left:26px;border-left:1px solid #c7d2c9}.eyebrow{font-size:11px;letter-spacing:3px;font-weight:700;color:#687f75}.intro{position:relative;padding:62px 0 54px;overflow:hidden}h1{font-size:clamp(32px,4.3vw,56px);line-height:1.4;letter-spacing:1px;margin:22px 0}h1 em{font-style:normal;color:#168777}.intro>p:last-of-type{color:#6b7b72;font-size:16px}.art{position:absolute;right:30px;top:36px;width:320px;height:285px;background:#e4ead3;border-radius:50% 50% 12px 12px;transform:rotate(6deg)}.art b{position:absolute;left:75px;top:61px;font-size:42px;line-height:1.1;letter-spacing:-2px;color:#577952}.art span{position:absolute;right:-15px;top:12px;font-size:82px;color:#edb650}.art i{position:absolute;width:88px;height:120px;border:2px solid #8fa27b;border-radius:60px;left:-30px;bottom:10px;transform:rotate(-30deg)}nav{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}nav a{padding:23px 22px;display:flex;gap:16px;align-items:center;background:#eceee5;border:1px solid #dce2d6;border-radius:12px;text-decoration:none;color:#738578;font-size:12px;transition:.2s}nav a span{color:#344e44;font-size:19px;font-weight:700}nav a b{margin-left:auto;font-size:25px}nav a:hover{transform:translateY(-3px)}nav a.active{background:#234f45;color:#bed6bd;border-color:#234f45}nav a.active span{color:white}.content{padding:45px 0 60px;display:grid;grid-template-columns:1fr 2fr;gap:30px}h2{font-size:27px;margin:12px 0}.empty{background:#fffef9;border:1px solid #e4e6d9;border-radius:18px;text-align:center;padding:32px}.empty>span{font-size:40px;color:#be9d56}.empty h3{font-size:21px;font-weight:600;margin:12px}.empty p{font-size:14px;color:#7c877b;line-height:1.8}.empty small{display:inline-block;border-radius:20px;background:#f0f0e6;padding:7px 14px;font-size:11px;color:#89917f;margin-top:10px}footer{display:flex;justify-content:space-between;border-top:1px solid #dcded4;padding:24px 0 30px;color:#7b8a7c;font-size:12px}footer strong{letter-spacing:1px}a:focus-visible{outline:3px solid #d5a149;outline-offset:4px}@media(max-width:1250px){header,main,footer{margin-left:5%;margin-right:5%}}@media(max-width:720px){header{height:90px}header>.eyebrow{display:none}.intro{padding:30px 0}.art{opacity:.3;right:-150px;top:15px;z-index:-1}h1{font-size:34px}nav{grid-template-columns:1fr;gap:9px}nav a{padding:15px 20px}.content{grid-template-columns:1fr;padding-top:30px;gap:10px}.empty{padding:26px 15px}.brand-title{font-size:16px}}