:root{--ink:#233e32;--green:#345e46;--muted:#636e63;--line:#e1e4da;--paper:#fdfcf8;--sage:#e9efdb;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:22px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 "Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ad7b22;outline-offset:4px}.wrap{width:min(1232px,88%);margin-inline:auto}.skip{position:fixed;top:-80px;z-index:10;background:white;padding:8px}.skip:focus{top:4px}.icon{width:20px;height:20px;flex:none;vertical-align:middle}h1,h2,h3,p{margin:0}header{background:#fffefb;border-bottom:1px solid var(--line);position:relative;z-index:4}.bar{height:79px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px}.mark{width:47px;height:47px}.brand span{font-size:27px;font-weight:750;letter-spacing:2px;line-height:1.1}.brand span:after{content:'YIXIANGUANG';display:block;font:8px/1.3 Arial,sans-serif;letter-spacing:2px;margin-top:5px}.main-nav{display:flex;align-items:center;gap:38px}.main-nav a{font-size:15px;position:relative;padding:10px 0}.main-nav [aria-current],.main-nav a:hover{color:#31593f;font-weight:650}.main-nav [aria-current]:after{content:"";position:absolute;left:22%;right:22%;bottom:2px;height:2px;background:#78935b}.contact-head,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:9px;font-weight:600;transition:background .18s,transform .18s}.contact-head{border:1px solid #b7c4b3;padding:8px 18px;font-size:14px}.contact-head .icon,.secondary .icon{width:17px}.btn{background:var(--green);color:#fff;padding:12px 23px;min-height:47px;font-size:15px}.btn .icon{width:17px}.btn:hover{background:#274a36;transform:translateY(-2px)}.secondary{background:transparent;border:1px solid #aebda5;color:var(--green)}.secondary:hover,.contact-head:hover{background:#ecf0e6}.actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.mobile-menu{display:none}#mobile-nav[hidden],[hidden]{display:none!important}.hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(110deg,#f7f7ed 8%,#f5f5e8 52%,#f3f2e5 100%);border-bottom:1px solid #e7e7d9}.hero:before{content:"";position:absolute;pointer-events:none;z-index:-1;width:220px;height:178px;bottom:-26px;left:-46px;background:url('botanical.svg') no-repeat center/contain;opacity:.48;transform:rotate(-9deg)}.hero:after{content:"";position:absolute;border:1px solid #e9e7ce;width:420px;height:420px;border-radius:50%;right:-150px;top:-245px;z-index:-1;box-shadow:0 0 0 19px #f2f1e3,0 0 0 20px #e8e6d1,0 0 0 41px #f3f2e5,0 0 0 42px #e8e6d1}.hero-grid{display:grid;grid-template-columns:.94fr 1.06fr;gap:42px;align-items:center;padding-block:39px 42px}.kicker{font-size:13px;letter-spacing:1.5px;display:inline-flex;gap:8px;align-items:center;color:#4f6f45;font-weight:600}.hero-copy .kicker{background:#e7ecd7;border:1px solid #dce4cc;border-radius:30px;padding:4px 12px}.kicker .icon{width:16px;height:16px}.hero-copy h1{font-size:clamp(45px,4.38vw,66px);line-height:1.31;font-weight:750;letter-spacing:-2px;margin:15px 0 17px}.hero-copy em{font-style:normal;color:#507548}.hero-copy>p{color:#5f6c5e;font-size:17px;line-height:1.85;letter-spacing:.4px}.hero-copy .actions{margin-top:27px}.hero-art{position:relative;height:clamp(325px,26.5vw,405px);margin:0 5px 2px 0}.hero-photo,.photo-back{width:100%;height:100%;border-radius:76px 20px 76px 20px}.hero-photo{display:block;position:relative;object-fit:cover;object-position:50% 57%;z-index:1}.photo-back{position:absolute;left:9px;bottom:-8px;background:#d9dfc5}.photo-note{position:absolute;z-index:2;bottom:21px;left:-16px;display:flex;align-items:center;gap:11px;padding:10px 15px 10px 10px;background:#fffef3f5;border:1px solid #ffffffe0;border-radius:13px;box-shadow:0 4px 18px #26392218}.sun-icon,.token,.q-icon{display:grid;place-items:center}.sun-icon{height:39px;width:39px;border-radius:50%;color:#ab8034;background:#f4eacb}.sun-icon .icon{width:23px;height:23px}.photo-note small,.photo-note strong{display:block}.photo-note small{font-size:10px;letter-spacing:1.6px;color:#798067}.photo-note strong{font-size:14px;font-weight:600}.photo-note>.icon{width:14px;color:#758568;margin-left:5px}.block{padding-block:38px 44px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:21px}.section-heading h2,.service h2,.article h2{font-size:clamp(25px,2.15vw,33px);line-height:1.4;font-weight:700;letter-spacing:-.8px}.section-heading p,.service p,.about-strip p{font-size:14px;color:var(--muted);margin-top:6px}.line-link,.card-link,.entry-end{display:inline-flex;align-items:center;gap:8px;color:#466849;font-size:14px;font-weight:600}.line-link:hover,.entry:hover h3{text-decoration:underline}.line-link .icon,.card-link .icon,.entry-end .icon{width:16px;height:16px}.topics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.topic-card,.entry{border:1px solid var(--line);background:#fffefa;border-radius:16px;overflow:hidden;transition:box-shadow .22s,transform .22s}.topic-card:hover,.entry:hover{transform:translateY(-3px);box-shadow:0 8px 20px #304b3020}.card-image{height:clamp(126px,10.9vw,166px);overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.topic-card:hover img{transform:scale(1.035)}.card-copy{padding:16px 19px 18px;position:relative}.card-copy h3{font-size:22px;line-height:1.4;margin:0 0 6px}.card-copy p{font-size:13px;color:var(--muted)}.token{float:right;color:var(--tc);background:var(--tbg);width:32px;height:32px;border-radius:50%;margin-top:-1px}.token .icon{width:18px;height:18px}.c0{--tc:#477957;--tbg:#e6efdc}.c1{--tc:#a96f3e;--tbg:#f5ead8}.c2{--tc:#637d41;--tbg:#eaf0da}.c3{--tc:#b57756;--tbg:#f6e7dc}.card-link{font-size:12px;margin-top:14px}.faq-area{background:#f3f5ec}.questions,.entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.questions>a{display:flex;align-items:center;gap:14px;padding:18px;background:#fefefa;border:1px solid var(--line);border-radius:12px}.questions>a:hover{border-color:#91a585}.questions>a>.icon{margin-left:auto;width:16px}.q-icon{color:#567b54;width:36px;height:36px;border-radius:50%;background:#ebf0df;flex:none}.service,.about-strip,.foot,.article-end{display:flex;align-items:center;justify-content:space-between;gap:20px}.service{padding:32px;background:#e9efdf;border-radius:18px}.service h2{font-size:25px}.service>div>.icon{margin-bottom:6px}.about-strip{padding-top:28px}.about-strip h3{font-size:18px}footer{background:#edf0e6;border-top:1px solid var(--line)}.foot{padding-block:28px}.foot .mark{width:34px;height:34px}.foot .brand span{font-size:21px}.foot .brand span:after{font-size:6px}.foot p,.foot nav{font-size:13px;color:var(--muted)}.foot p{margin-top:5px}.foot nav{display:flex;gap:20px}.crumb{display:flex;gap:11px;align-items:center;font-size:13px;color:#667467;padding-block:22px;flex-wrap:wrap}.crumb b{color:#a3ad9d}.topic-intro,.index-intro{background:#eff2e6;border-radius:20px}.topic-intro{display:grid;grid-template-columns:1.4fr 1fr;overflow:hidden;align-items:center;background:var(--tbg)}.topic-intro>div,.index-intro{padding:38px 42px}.topic-intro>img{width:100%;height:260px;object-fit:cover}.topic-intro h1,.index-intro h1,.article h1{font-size:clamp(34px,3.4vw,48px);line-height:1.32;margin:10px 0 15px;letter-spacing:-1px}.topic-intro p,.index-intro p,.lede{color:#637063}.entry{display:block;padding:24px}.entry-label{display:flex;gap:6px;align-items:center;font-size:13px;color:#647e58}.entry-label .icon{width:15px}.entry h3{font-size:21px;line-height:1.55;margin:7px 0}.entry p{color:var(--muted);font-size:15px}.entry-end{font-size:13px;margin-top:16px}.more,.library{padding-bottom:48px}.filters,.filter-buttons,.search{display:flex;align-items:center;gap:8px}.filters{justify-content:space-between;margin:24px 0;flex-wrap:wrap;gap:16px}.filter-buttons{flex-wrap:wrap}.filter-buttons button{border:1px solid var(--line);border-radius:30px;padding:7px 15px;background:transparent;font-size:14px}.filter-buttons button[aria-pressed="true"]{background:var(--green);color:white}.search{border:1px solid var(--line);border-radius:9px;padding:7px 12px;background:white}.search input{border:0;max-width:145px;outline:none}.search .icon{width:16px}.article{max-width:780px;width:88%;margin:20px auto 56px}.byline,.audience,.source{font-size:13px;color:var(--muted)}.article h1{font-size:clamp(32px,3.1vw,45px)}.article h2{font-size:23px;margin:27px 0 10px}.article p{line-height:1.9}.answer,.template{padding:20px 24px;border-radius:12px;background:#edf2e5;margin:20px 0 12px;border-left:3px solid #8aa374}.answer b{display:block;margin-bottom:5px}.article .source{margin-top:7px}.source a{text-decoration:underline;text-underline-offset:3px}.table-scroll{overflow-x:auto;margin:16px 0}.article table{border-collapse:collapse;width:100%;font-size:14px}.article th,.article td{border:1px solid var(--line);padding:10px;text-align:left}.article th{background:#eff3e9}.article aside{border-top:1px solid var(--line);margin-top:26px}.article aside a{display:flex;margin:8px 0}.article-end{margin-top:28px;border-top:1px solid var(--line);padding-top:18px}.template h2{margin-top:0}.template .actions,.info>.line-link{margin-top:14px}.info{min-height:46vh}
@media(min-width:1550px){.hero-grid{padding-block:48px 52px}}
@media(max-width:1000px){.wrap{width:91%}.main-nav{gap:23px}.hero-grid{gap:27px}.hero-art{height:315px}.hero-copy h1{font-size:44px}.topics{gap:12px}.card-copy{padding:14px}.card-copy h3{font-size:19px}.card-copy p{min-height:42px}.topic-intro>div,.index-intro{padding:26px}}
@media(max-width:740px){.wrap{width:90%}.bar{height:65px;gap:12px}.mark{width:37px;height:37px}.brand{gap:6px}.brand span{font-size:23px}.brand span:after{font-size:6px}.main-nav{display:none}.mobile-menu{display:grid;place-items:center;width:38px;height:38px;border:0;background:transparent}.contact-head{margin-left:auto;font-size:12px;padding:6px 10px;gap:6px}#mobile-nav{display:grid;border-top:1px solid var(--line);padding:8px 5%;gap:4px}#mobile-nav a{padding:8px}.hero-grid{display:flex;flex-direction:column;gap:22px;padding-block:25px 29px}.hero-copy,.hero-art{width:100%}.hero-copy h1{font-size:clamp(37px,7.6vw,49px);letter-spacing:-1px;margin:11px 0}.hero-copy>p{font-size:15px;line-height:1.7}.hero-copy>p br{display:none}.hero-copy .actions{margin-top:18px}.btn{min-height:42px;padding:8px 15px;font-size:14px}.hero-art{height:clamp(174px,45vw,280px);width:calc(100% - 5px)}.hero-photo,.photo-back{border-radius:43px 14px 43px 14px}.photo-back{left:5px;bottom:-5px}.photo-note{bottom:12px;left:8px;padding:7px 9px;gap:7px;border-radius:9px}.sun-icon{width:30px;height:30px}.photo-note strong{font-size:12px}.photo-note small{font-size:9px}.hero:before{display:none}.block{padding-block:27px 30px}.section-heading{align-items:center;margin-bottom:15px}.section-heading h2{font-size:24px}.section-heading p{font-size:13px}.section-heading .line-link{font-size:12px}.topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-image{height:clamp(88px,22vw,145px)}.card-copy{padding:11px 12px 13px}.card-copy h3{font-size:17px}.card-copy p{font-size:12px;min-height:38px}.token{width:24px;height:24px}.token .icon{width:14px;height:14px}.card-link{margin-top:8px}.topic-card{border-radius:12px}.entries,.questions{grid-template-columns:1fr}.service,.foot,.about-strip{align-items:flex-start;flex-direction:column}.service{padding:22px}.service h2{font-size:22px}.foot nav{gap:18px;flex-wrap:wrap}.topic-intro{grid-template-columns:1fr}.topic-intro>img{height:150px}.crumb{font-size:12px;gap:5px;padding-block:15px}.entry{padding:18px}.filters{margin:18px 0}.filter-buttons button{font-size:13px;padding:6px 10px}.search{width:100%}.search input{max-width:none;width:100%}.article{width:90%;margin-top:12px}.article h1{font-size:30px}.article-end{flex-wrap:wrap}.article h2{font-size:21px}.answer,.template{padding:15px 17px}.byline{font-size:12px}}
@media(max-width:360px){.token{display:none}.section-heading .line-link{gap:3px;font-size:11px}.hero-copy h1{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}