:root{--ink:#243b36;--muted:#6d7771;--paper:#f8f7f1;--line:#dedfd4;--green:#244f42}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}a:hover{color:#97723b}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #b58b45;outline-offset:4px}.wrap{max-width:1160px;margin:auto;padding:0 28px}header{border-bottom:1px solid var(--line)}nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-family:serif;font-size:25px;letter-spacing:3px}.brand small{font:10px Arial;display:block;letter-spacing:2px;color:var(--muted)}.links{display:flex;gap:28px;font-size:14px}.pill{border:1px solid var(--green);padding:8px 18px;border-radius:3px}.hero{padding:72px 0 64px;display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:center}.eyebrow{font-size:11px;letter-spacing:3px;color:#8c744e}h1{font-family:serif;font-weight:500;font-size:clamp(34px,5vw,58px);line-height:1.3;margin:20px 0}p{color:var(--muted)}.hero p{max-width:510px}.hero-art{height:290px;border-radius:180px 180px 8px 8px;background:radial-gradient(ellipse at 63% 35%,#e8e4cf 0,transparent 50%),linear-gradient(135deg,#d4dccc,#9eafa1);position:relative;overflow:hidden}.hero-art:before,.hero-art:after{content:'';position:absolute;width:150px;height:240px;border:1px solid #f6f5e6;border-radius:100%;transform:rotate(-30deg);left:55px;top:80px}.hero-art:after{left:160px;top:140px;transform:rotate(35deg)}.art-note{position:absolute;bottom:22px;left:25px;font:11px Arial;letter-spacing:3px;color:#fff}.section-head{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:26px;margin-bottom:24px}h2{font-family:serif;font-size:28px;font-weight:500;margin:0}.filters{display:flex;gap:12px;flex-wrap:wrap}button{font:inherit;cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--ink);padding:6px 18px;border-radius:24px}button.active{background:var(--green);color:white;border-color:var(--green)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:30px 0 64px}.card{border-bottom:1px solid var(--line);padding-bottom:24px}.cover{height:170px;background:#e5e8dc;display:flex;align-items:center;justify-content:center;font:52px serif;color:#8b9b89;margin-bottom:22px}.card:nth-child(2) .cover{background:#ece5d7;color:#a18f74}.card:nth-child(3) .cover{background:#dce5df;color:#7a9487}.tag{font-size:12px;color:#8c744e}.card h3{font-size:21px;font-weight:500;line-height:1.6;margin:12px 0}.card p{font-size:14px}.more{font-size:13px}.banner{background:var(--green);color:#fff;padding:38px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin:0 0 65px}.banner p{color:#d1ded6;margin-bottom:0}.banner .pill{border-color:#cddacc;white-space:nowrap}footer{padding:30px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.foot{display:flex;justify-content:space-between;gap:20px}.article{max-width:760px;margin:50px auto 80px}.article h1{font-size:42px}.article h2{font-size:25px;margin-top:38px}.article p{font-size:17px}.crumb{font-size:13px;color:var(--muted)}.notice{border-left:3px solid #ad986c;padding:12px 20px;background:#eeede5;font-size:14px}.search{border:1px solid var(--line);padding:10px 16px;background:transparent;font:inherit;width:260px;max-width:100%}.empty{display:none;padding:30px 0;color:var(--muted)}@media(max-width:760px){nav{flex-wrap:wrap;padding:20px 0}.links{gap:15px;font-size:12px}.hero{grid-template-columns:1fr;gap:25px;padding:38px 0}.hero-art{height:180px}.cards{grid-template-columns:1fr}.cover{height:150px}.section-head,.banner,.foot{align-items:flex-start;flex-direction:column}.article h1{font-size:32px}.wrap{padding:0 20px}}/* Visual reference: sibling BY平台/app/reference.css. */
:root{--ink:#202532;--muted:#777;--paper:#fff;--line:#f0e3e8;--green:#202532}
body{font-family:Tahoma,"Microsoft Yahei","PingFang SC",sans-serif;color:#444;background:#fff}
header{border-bottom:1px solid #f4f4f4}.wrap{max-width:1170px}nav{min-height:110px}.brand{font-family:inherit;font-size:26px;font-weight:700;letter-spacing:2px;color:#202532}.brand small{font-size:9px;letter-spacing:2px;margin-top:3px}.links{gap:24px;font-size:15px}.pill{border:0;border-radius:30px;padding:12px 25px;background:#202532;color:#fff;display:inline-block;font-size:15px}.pill:hover{color:#fff;background:#343c50}.links .pill{background:#ec6e96;color:#202532}a:hover{color:#b43e65}.hero{padding:100px 0 90px;grid-template-columns:1.4fr 1fr;gap:90px}.eyebrow{color:#b43e65;font-size:12px;letter-spacing:2px}h1{font-family:inherit;font-weight:700;font-size:clamp(38px,5.5vw,68px);letter-spacing:-2px;color:#444;margin:20px 0 28px;line-height:1.24}.hero p{font-size:17px;line-height:1.9;margin-bottom:30px}.hero>.pill{margin-top:16px}.hero-art{height:330px;border-radius:8px;background:linear-gradient(135deg,#fff7fa,#f7dee8);border:1px solid #f9e9ef}.hero-art:before{border:2px solid #ec6e96;width:175px;height:240px;left:58px;top:50px;transform:rotate(-32deg);opacity:.65}.hero-art:after{border:2px solid #202532;width:175px;height:240px;left:145px;top:50px;transform:rotate(32deg);opacity:.35}.art-note{color:#ae3d63;font-size:10px;bottom:22px;left:24px}.section-head{padding-top:35px}h2{font-family:inherit;font-size:30px;font-weight:700;color:#444}.search{border-radius:22px;font-size:14px;padding:9px 18px;background:#fcfafb}.filters{gap:10px}button{font-size:14px;padding:8px 22px;border-color:#f3e1e8;color:#b43e65}button.active{background:#ec6e96;color:#202532;border-color:#ec6e96}.cards{gap:30px;margin-top:35px}.cover{border-radius:5px;background:#fff0f5;color:#d980a0;font-family:Tahoma;font-weight:700;font-size:45px}.card:nth-child(2) .cover{background:#f0f1f5;color:#737b91}.card:nth-child(3) .cover{background:#f8e8ed;color:#bd8196}.tag{color:#b43e65;font-size:12px}.card h3{font-weight:700;font-size:21px;color:#444}.card p{line-height:1.9}.more{color:#b43e65}.banner{border-radius:6px;background:#fff3f7;color:#444;padding:42px}.banner h2{font-size:27px;color:#444}.banner p{color:#777}.banner .eyebrow{color:#b43e65!important}.banner .pill{background:#ec6e96;color:#202532}.banner .pill:hover{background:#e45d88}footer{background:#202532;color:#fff;border:0;padding:26px 0}.article h1{letter-spacing:-1px}.article h2{font-size:25px}.article p{line-height:2}.notice{border-left-color:#ec6e96;background:#fff3f7;color:#666}a:focus-visible,button:focus-visible,input:focus-visible{outline-color:#b43e65}.card[hidden]{display:none}@media(max-width:760px){nav{min-height:90px}.brand{font-size:22px}.links{gap:16px;font-size:13px}.links .pill{padding:8px 16px}.hero{padding:55px 0;gap:35px;grid-template-columns:1fr}.hero-art{height:210px}.hero-art:before,.hero-art:after{height:170px;width:125px;top:12px}.hero-art:before{left:calc(50% - 98px)}.hero-art:after{left:calc(50% - 20px)}.hero p{font-size:15px}.section-head h2{font-size:25px}.banner{padding:28px}.banner h2{font-size:24px}.foot{align-items:center;text-align:center}.article h1{font-size:32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.contact-float{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:50;display:flex;flex-direction:column;align-items:center;gap:7px;padding:16px 12px;background:#ec6e96;color:#202532;border-radius:14px;box-shadow:0 6px 24px #20253220;font-size:13px;font-weight:700;line-height:1.4;transition:background .2s}.contact-float:hover{background:#e45d88;color:#202532}@media(min-width:761px) and (max-width:1350px){body{padding-right:100px}}@media(max-width:760px){.contact-float{right:8px;padding:12px 8px;font-size:12px;gap:5px}.contact-float svg{width:23px;height:23px}body{padding-right:78px}}

.seo-heading{font-size:clamp(30px,3.8vw,46px);letter-spacing:-1px;line-height:1.4}.seo-heading span{display:block;color:#b43e65;font-size:1.3em;margin:6px 0}.seo-heading small{display:block;font-size:19px;font-weight:400;letter-spacing:0;color:#777;margin-top:15px}@media(max-width:760px){.seo-heading{font-size:30px}.seo-heading small{font-size:16px}}

.hero-logo{height:auto;aspect-ratio:1;background:#fff;border:0;display:flex;align-items:center;justify-content:center;overflow:visible}.hero-logo:before,.hero-logo:after{display:none}.hero-logo img{display:block;width:100%;height:auto;object-fit:contain}@media(max-width:760px){.hero-logo{width:min(100%,320px);height:auto;margin:0 auto}}