:root{font-family:Arial,'Noto Sans TC',sans-serif;color:#173d35;background:#f8f7f2;font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ac884c;outline-offset:3px}button{font:inherit}header{background:#f8f7f2;border-bottom:1px solid #dce4dd;position:relative;z-index:5}.bar{max-width:1240px;margin:auto;min-height:80px;padding:12px 28px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700;white-space:nowrap}.brand img{height:52px;width:56px;object-fit:contain;flex:none}nav{display:flex;align-items:center;gap:25px;font-size:15px}nav a,.mobileNav a{padding:8px 0}nav a:hover,nav a.active{color:#8e6f36;border-bottom:2px solid #a98546}.menu{display:none;border:1px solid #a9b8ad;border-radius:3px;background:transparent;padding:9px 12px;color:#173d35}.mobileNav{display:none}main{min-height:65vh}.wrap{max-width:1240px;margin:auto;padding:70px 28px}.hero,.pagehero{background:linear-gradient(115deg,#e8eee6,#f8f7f2 63%);border-bottom:1px solid #dce4dd}.hero .wrap{padding-top:74px;padding-bottom:82px}.eyebrow{font-size:13px;letter-spacing:.16em;color:#94723f;text-transform:uppercase;font-weight:700}h1{font:normal clamp(38px,5.2vw,68px)/1.16 Georgia,'Noto Serif TC',serif;letter-spacing:.01em;margin:18px 0 24px}h2{font:normal clamp(28px,3vw,43px)/1.25 Georgia,'Noto Serif TC',serif;margin:0 0 18px}h3{font-size:21px;margin:0 0 12px;line-height:1.4}p{line-height:1.8;margin:0 0 20px;color:#415b52}.lead{font-size:19px;max-width:670px}.nowrap{white-space:nowrap}.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}.btn{display:inline-block;border:1px solid #17493d;background:#17493d;color:#fff;padding:13px 22px;border-radius:3px;font-size:15px;font-weight:700}.btn.alt{background:transparent;color:#17493d}.btn:hover{filter:brightness(1.15)}.hero-visual{min-height:360px;padding:24px;background:#e8eee8;border:1px solid #d2ddd4}.hero-label{text-align:center;letter-spacing:.2em;color:#769085;font-size:12px}.hero-images{display:grid;grid-template-columns:38% 62%;gap:10px;align-items:center;min-height:305px}.hero-images img{width:100%;object-fit:contain}.hero-capsule{height:300px}.hero-serum{max-height:220px}.intro{display:grid;grid-template-columns:45% 1fr;gap:80px;align-items:start}.intro p{max-width:650px}.textlink{display:inline-block;color:#17493d;font-weight:700;border-bottom:1px solid #a98546;padding-bottom:5px}.products-section{padding-top:28px}.sectionhead{margin-bottom:28px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.card{background:#fff;border:1px solid #dce4dd;padding:18px}.card-image{display:flex;align-items:center;justify-content:center;height:305px;background:#ecf1eb;border:1px solid #d9e2da}.card:nth-child(2) .card-image{background:#e9f1ef}.card-image img{width:100%;height:100%;object-fit:contain}.card-copy{padding:20px 9px 6px}.card-copy p{margin-bottom:15px}.pagehero .wrap{padding-top:72px;padding-bottom:72px}.pagehero .lead{max-width:760px}.band{border-top:1px solid #dce4dd}.band p{max-width:650px}.breadcrumb{font-size:14px;color:#668075;margin-bottom:34px}.breadcrumb a{text-decoration:underline;text-underline-offset:3px}.detail .split{align-items:start}.product-photo{display:flex;align-items:center;justify-content:center;background:#eef2ec;border:1px solid #d2ddd4;padding:20px}.product-photo img{display:block;width:100%;height:100%;object-fit:contain}.capsule-photo{height:500px}.serum-photo{aspect-ratio:1.35/1;height:auto;min-height:290px;background:#e9f1ef}.facts{display:flex;gap:10px;flex-wrap:wrap;margin:23px 0}.pill{background:#edf2ea;border:1px solid #d6e3d8;padding:10px 15px;font-size:14px}.detail-extra{max-width:850px;margin-top:58px}.detail-extra h2{font-size:34px}details{border-top:1px solid #d7e1d9;padding:18px 0}details:last-of-type{border-bottom:1px solid #d7e1d9}summary{font-weight:700;cursor:pointer;padding-right:15px}details p{margin:14px 0 0}.smallnote{font-size:14px;margin-top:18px}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}.contact-grid article{border-top:2px solid #a98546;background:#fff;padding:26px;min-height:175px}.contact-grid h3{font-size:19px}.contact-line{background:#edf2eb;border-left:3px solid #a98546;padding:22px;margin-top:34px}.contact-line a{text-decoration:underline;word-break:break-word}footer{background:#123e34;color:#e9efe9}footer .wrap{padding-top:40px;padding-bottom:40px;display:flex;justify-content:space-between;gap:30px}footer p{color:#c6d5cd;font-size:14px;margin:8px 0}footer a{text-decoration:underline}footer .brand img{background:white;border-radius:2px;width:48px;height:48px}footer .brand{color:#fff}@media(max-width:850px){nav{gap:13px;font-size:14px}.split{gap:28px}}@media(max-width:760px){.bar{min-height:70px;padding:10px 20px}.brand{font-size:19px}.brand img{height:48px;width:46px}nav{display:none}.menu{display:block}.mobileNav.open{display:flex;flex-direction:column;padding:10px 20px 18px;gap:0;background:#f8f7f2;border-top:1px solid #dce4dd}.mobileNav a{padding:12px;border-bottom:1px solid #dce4dd}.mobileNav a.active{background:#e5ede6;color:#17493d;border-left:3px solid #a98546;font-weight:700;padding-left:9px}.wrap{padding:48px 20px}.hero .wrap{padding-top:48px;padding-bottom:50px}.split,.intro,.grid,.contact-grid{grid-template-columns:1fr;gap:26px}.lead{font-size:17px}.hero-visual{min-height:248px;padding:14px}.hero-images{min-height:220px;grid-template-columns:40% 60%}.hero-capsule{height:212px}.hero-serum{max-height:160px}.card-image{height:265px}.products-section{padding-top:30px}.pagehero .wrap{padding-top:52px;padding-bottom:50px}.product-photo{order:-1}.capsule-photo{height:360px}.serum-photo{min-height:0;aspect-ratio:1.55/1}.detail-extra{margin-top:40px}.contact-grid{gap:12px}.contact-grid article{min-height:125px}footer .wrap{display:block}footer .brand{margin-bottom:20px}}@media(max-width:360px){.wrap{padding-left:16px;padding-right:16px}.bar{padding-left:15px;padding-right:15px}.brand{font-size:17px}.actions{display:block}.btn{display:block;text-align:center;margin:9px 0}h1{font-size:36px}.hero-visual{padding:8px}}
/* Original approved page compositions: construction revision after V3 */
:root{--ink:#10333d;--gold:#96681e;--cream:#f8f5ec;--blue:#073a57}body{color:var(--ink);background:#fff}header{background:#fff}.bar{max-width:1450px}nav a.active{color:#926118}.brand img{width:65px;height:62px}.brand span{display:none}.wrap{max-width:1440px;padding-left:48px;padding-right:48px}h1,h2{font-family:Georgia,'Noto Serif TC',serif;font-weight:600}.eyebrow{color:#aa7729;font-size:12px}.goldbtn,.outline-pill{display:inline-block;background:linear-gradient(115deg,#a2732a,#805618);color:#fff;padding:13px 28px;border-radius:32px;font-size:15px;margin-top:16px;white-space:nowrap}.outline-pill{background:transparent;color:var(--ink);border:1px solid #a68c62}.home-hero{min-height:520px;background:linear-gradient(95deg,#f0f1e8 0%,#e3eae7 53%,#d3ded8 100%);display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.home-hero-inner{padding:95px max(42px,calc((100vw - 1344px)/2)) 75px max(42px,calc((100vw - 1344px)/2));padding-right:12px;z-index:1}.home-hero h1{font-size:clamp(52px,5vw,82px);color:#103d32;margin:15px 0 20px}.home-hero p{max-width:430px}.hero-art{min-height:520px;background:linear-gradient(110deg,transparent,#d8e3dd);position:relative}.hero-art:after{content:'';position:absolute;inset:12% 8%;border:1px solid #c4d2c9;opacity:.7}.ecosystem{display:grid;grid-template-columns:repeat(4,1fr);padding-top:25px;padding-bottom:25px;gap:0}.ecosystem a{display:grid;grid-template-columns:50px 1fr;column-gap:14px;padding:12px 20px;border-right:1px solid #e6e5df}.ecosystem a:last-child{border:0}.ecosystem span{grid-row:span 2;border-radius:50%;width:48px;height:48px;background:#f1f4ef;text-align:center;line-height:48px;font-size:25px}.ecosystem strong{font-size:16px}.ecosystem small{font-size:12px;color:#65726b}.home-story{background:linear-gradient(#faf7ed,#f4f1e7)}.story-layout{display:grid;grid-template-columns:30% 42% 28%;gap:12px;min-height:590px}.story-copy{padding:28px 32px 0 0}.story-copy h2{font-size:clamp(38px,4vw,58px);margin:22px 0}.gold-rule{background:#b69152;width:50px;height:2px;margin:26px 0}.story-tile{position:relative;overflow:hidden;background:#ceb691;display:flex;flex-direction:column;color:#fff;padding:25px;min-height:280px}.story-tile.large{min-height:560px;background:linear-gradient(145deg,#725b3d,#b68f59)}.story-tile.serum{background:#a4c7d1}.story-tile strong{font-size:20px;margin-top:8px;z-index:1}.story-tile span{z-index:1}.story-tile img{position:absolute;bottom:0;right:0;width:75%;height:80%;object-fit:contain;opacity:.9}.story-stack{display:grid;grid-template-rows:1fr 1fr;gap:12px}.story-stack .story-tile img{width:85%;height:73%}.closing-landscape{min-height:190px;background:linear-gradient(135deg,#dad8c7,#7d9c91 55%,#b8a684);display:flex;align-items:center;justify-content:center;color:white;text-align:center;font-size:18px;letter-spacing:.18em}.closing-landscape p{color:#fff}.closing-landscape div{font-size:26px;line-height:1.4;text-align:left}.product-lead{background:linear-gradient(110deg,#f7edd7,#d1ded3 65%,#a8bdab);min-height:530px}.product-lead-inner{display:grid;grid-template-columns:48% 52%;align-items:center;min-height:530px}.product-lead h1{color:#652b20;font-size:clamp(45px,4.5vw,68px)}.product-lead .lead{color:#713422;font-size:24px}.product-duo{height:420px;display:flex;align-items:end;justify-content:center;gap:18px}.product-duo img:first-child{width:34%;height:90%;object-fit:contain}.product-duo img:last-child{width:60%;height:62%;object-fit:contain}.product-feature{background:#eff2ed}.product-feature .wrap{padding-top:65px;padding-bottom:65px}.feature-layout{display:grid;grid-template-columns:46% 54%;align-items:center;gap:20px}.product-feature h2{color:#083e59;font-size:43px}.product-feature .subline,.subline{font:24px Georgia,serif;color:#153e54}.feature-image{display:flex;justify-content:center;align-items:center;height:430px}.feature-image img{height:100%;max-width:100%;object-fit:contain}.serum-feature{background:linear-gradient(120deg,#d8e9ee,#b3d0d8)}.serum-feature .feature-image img{width:100%;height:auto}.science-teaser{display:grid;grid-template-columns:40% 60%;align-items:center;gap:24px}.teaser-columns,.three-up,.four-up,.ingredient-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.teaser-columns span,.evidence-items span{padding:40px 12px;background:#e2ecea;text-align:center}.origin-band{background:linear-gradient(110deg,#f4f1e8,#e7efeb);border-top:1px solid #dee7e3}.detail-hero{background:linear-gradient(110deg,#f8f7f2 40%,#ced9d0)}.detail-hero .wrap{padding-top:30px;padding-bottom:50px}.detail-hero .feature-layout{grid-template-columns:55% 45%}.detail-hero h1{font-size:clamp(40px,4.4vw,68px)}.detail-hero h2{font-size:28px}.detail-image{height:490px;display:flex;justify-content:center;align-items:center}.detail-image img{max-height:100%;max-width:90%;object-fit:contain}.facts span{padding:11px 16px;background:#f8f7f0;border:1px solid #d8d3c5}.why-section{background:#edf2e9}.why-layout{display:grid;grid-template-columns:42% 58%;gap:42px;align-items:center}.nature-panel{height:250px;background:linear-gradient(120deg,#5e8266,#c1d2b4)}.ingredient-groups{grid-template-columns:repeat(4,1fr)}.ingredient-groups article,.three-up article,.four-up article{padding:25px;border:1px solid #e2e6e1;background:#fff}.ingredient-groups h3{font:22px Georgia,serif}.research-strip{background:linear-gradient(100deg,#c8dce3,#eaf0f0 50%,#cedee6)}.research-strip .wrap{padding-top:70px;padding-bottom:70px}.evidence-items{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.usage{display:grid;grid-template-columns:55% 45%;gap:24px}.usage-panel{background:#f5f0e8;padding:25px}.detail-extra{max-width:1440px;margin-top:0}.detail-extra .goldbtn{margin-top:28px}.serum-detail{background:linear-gradient(105deg,#e6f3f4,#b4d9df)}.serum-intro{min-height:510px;display:grid;grid-template-columns:40% 60%;align-items:center;gap:18px}.serum-intro h1{color:#0c3656;font-size:clamp(41px,4vw,66px)}.serum-image img{display:block;width:100%;height:auto;max-height:480px;object-fit:contain}.serum-section{text-align:center}.serum-section .four-up{text-align:left;grid-template-columns:repeat(4,1fr)}.serum-section .four-up article{text-align:center}.serum-texture{background:#d8eced}.texture-image img{max-width:100%;max-height:350px;object-fit:contain}.about-hero,.science-hero,.contact-hero{background:linear-gradient(110deg,#e8ede7,#d1e2dd);min-height:430px;display:flex;align-items:center}.about-hero h1,.science-hero h1,.contact-hero h1{font-size:72px}.about-hero p,.science-hero p,.contact-hero p{font-size:22px;max-width:650px}.mission{display:grid;grid-template-columns:45% 55%;gap:24px;align-items:start}.ecosystem-section{background:#f2f4ed}.ecosystem-section .four-up{grid-template-columns:repeat(4,1fr)}.four-up article span,.three-up article span{font:26px Georgia,serif;color:#ae8140}.about-challenges{background:#fff}.timeline{background:#e9efeb}.values{background:#f8f6ef}.contact-ways .three-up h2{font-size:26px}.contact-ways .three-up article{min-height:210px;border-top:3px solid #a7814c}.contact-ways .contact-line{margin-top:24px}footer .brand span{display:inline}footer .brand img{width:48px;height:48px}
@media(max-width:760px){.brand span{display:none}.wrap{padding-left:20px;padding-right:20px}.home-hero{display:block;min-height:0}.home-hero-inner{padding:48px 20px 28px}.home-hero h1{font-size:46px}.hero-art{min-height:220px}.ecosystem{grid-template-columns:repeat(4,1fr);gap:3px;padding-top:14px;padding-bottom:14px}.ecosystem a{display:block;text-align:center;padding:5px 2px;border:0}.ecosystem span{display:block;margin:auto auto 7px;width:40px;height:40px;line-height:40px}.ecosystem strong{display:block;font-size:11px}.ecosystem small{display:none}.story-layout{display:block}.story-copy{padding:20px 0 35px}.story-copy h2{font-size:36px}.story-tile.large{height:330px;min-height:0}.story-stack{margin-top:10px}.story-stack .story-tile{min-height:245px}.closing-landscape{min-height:160px;font-size:12px}.product-lead-inner,.feature-layout,.detail-hero .feature-layout,.why-layout,.science-teaser,.usage,.serum-intro,.mission{display:block}.product-lead-inner{padding-top:42px;padding-bottom:20px}.product-lead h1{font-size:42px}.product-duo{height:245px}.product-feature .wrap{padding-top:42px;padding-bottom:35px}.product-feature h2{font-size:31px}.feature-image{height:270px}.detail-hero h1{font-size:40px}.detail-image{height:300px}.detail-hero .wrap{padding-top:28px}.nature-panel{height:140px;margin-bottom:22px}.ingredient-groups,.ecosystem-section .four-up,.serum-section .four-up{grid-template-columns:repeat(2,1fr)}.ingredient-groups article{padding:12px}.ingredient-groups h3{font-size:17px}.three-up{grid-template-columns:1fr}.four-up{grid-template-columns:repeat(2,1fr)}.evidence-items{grid-template-columns:1fr 1fr}.evidence-items span{padding:20px}.serum-intro{padding-top:40px}.serum-image{margin-top:28px}.about-hero,.science-hero,.contact-hero{min-height:310px}.about-hero h1,.science-hero h1,.contact-hero h1{font-size:46px}.contact-ways .three-up article{min-height:140px}.mission p{margin-top:25px}.mobileNav a.active{background:#e7eee9;border-left:3px solid #a98546}.menu{font-size:14px}}
/* Confirmed artwork architecture: V6 implementation and documented image gaps */
:root{--forest:#0b3b31;--midnight:#102f31;--sand:#a67d3c}header .bar{max-width:1500px;min-height:76px;padding:7px 36px;gap:10px}.brand img{width:65px;height:60px}.brand span,footer .brand span{display:inline;color:var(--forest);font-size:14px;font-weight:700}.bar nav{gap:clamp(8px,1vw,19px);font-size:13px;white-space:nowrap}.bar nav a{padding:10px 0}.header-tools{display:flex;align-items:center;gap:12px}.language{font-size:12px;white-space:nowrap}.join-nav,.join-mobile{background:linear-gradient(110deg,#9b783c,#c09a59);border-radius:24px;color:#fff;font-weight:700;display:inline-block;padding:10px 20px;white-space:nowrap}.join-mobile{display:none}.line-icon{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.footer-layout{display:grid!important;grid-template-columns:2.2fr 1fr 1fr 1.5fr;gap:25px!important;padding-top:45px!important;padding-bottom:28px!important}.footer-links{display:flex;flex-direction:column;gap:9px}.footer-links h3{font-size:15px;color:#fff;margin-bottom:5px}.footer-links a{font-size:13px;text-decoration:none;color:#d6e4dc}.footer-links p{margin:0}.footer-identity p{margin:14px 0}.footer-bottom{padding-top:12px!important;padding-bottom:18px!important;border-top:1px solid #31584d;color:#b8cbbf;font-size:11px}footer .brand span{color:#fff}.hero-art{display:flex;align-items:flex-end;justify-content:flex-end;padding:30px 44px;background:#dfe8e2}.hero-art:after{display:none}.hero-art span{color:#638276;letter-spacing:.2em;font-size:13px;text-align:right}.visual-status,.approved-scene span{background:rgba(255,255,255,.88);border:1px dashed #9bafa3;border-radius:2px;padding:12px;color:#526d60;font-size:13px;letter-spacing:0;align-self:center;margin:auto}.ecosystem .line-icon{grid-row:span 2;background:#f4f5f0;border-radius:50%;width:54px;height:54px;padding:12px}.ai-schematic{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:90%;height:220px;align-items:center;position:absolute;bottom:4%;left:5%}.ai-schematic span{height:95px;border-radius:12px;border:2px solid #efdac0;background:rgba(247,238,222,.14);display:grid;place-items:center;letter-spacing:.15em}.story-tile.large img{display:none}.about-approved,.science-approved,.contact-approved{background:#f6f4ed;min-height:0}.about-cover,.science-cover,.contact-cover{display:grid;grid-template-columns:52% 48%;min-height:450px;gap:0;align-items:center;padding-top:28px;padding-bottom:28px}.about-cover h1{font:normal clamp(35px,3.25vw,51px)/1.35 Georgia,'Noto Serif TC',serif}.about-cover p,.science-cover p,.contact-cover p{font-size:17px;max-width:710px}.about-cover>div:first-child,.science-cover>div:first-child,.contact-cover>div:first-child{position:relative;z-index:1;padding-right:25px}.approved-scene{height:400px;display:grid;place-items:center;background:#e3e8e2}.deepbtn{display:inline-block;background:#074d3e;color:#fff;border-radius:28px;padding:13px 27px;margin-top:8px;font-weight:700}.about-ecosystem{display:grid;grid-template-columns:32% 38% 30%;gap:15px;align-items:center;min-height:450px}.about-ecosystem h2{font-size:37px}.system-orbit{position:relative;height:365px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);place-items:center;gap:8px}.system-orbit:before{content:'';border:1px solid #bea87d;border-radius:50%;position:absolute;inset:20% 15%;z-index:-1}.orbit-brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:36px Georgia,serif;color:#a78047;text-align:center;background:#fff;padding:8px;border-radius:50%}.orbit-brand small{display:block;font:7px Arial,sans-serif;white-space:nowrap}.orbit-item{border:1px solid #c7b68f;border-radius:50%;background:#fff;width:158px;height:158px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;text-align:center}.orbit-item .line-icon{width:28px;height:28px}.orbit-item strong{font-size:14px}.orbit-item small{font-size:9px}.ecosystem-landscape{height:365px;display:grid;place-items:center;background:#e1e9e5}.ecosystem-landscape span{color:#5a766a;font-size:12px;padding:8px;background:#fff;border:1px dashed #9bafa3}.about-reasons{background:#f8f6f1}.reason-layout{display:grid;grid-template-columns:70% 30%;gap:24px;padding-top:45px;padding-bottom:45px}.reason-layout h2{font-size:36px}.reason-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.reason-grid article{text-align:center;padding:12px;border-right:1px solid #dedbd0}.reason-grid .line-icon{color:#a88245}.reason-grid h3{font-size:17px}.reason-layout blockquote{margin:0;background:#71898b;color:#fff;padding:55px 36px;font:27px/1.5 Georgia,serif}.approved-timeline ol{display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:35px 0 0;border-top:2px solid #b8a178;list-style:none}.approved-timeline li{position:relative;padding:18px 18px 0 0;display:flex;flex-direction:column;gap:7px}.approved-timeline li:before{content:'';width:10px;height:10px;border-radius:50%;background:#a77b36;position:absolute;top:-6px}.approved-timeline li strong{font:24px Georgia,serif;color:#a9782d}.approved-timeline li b{font:15px Georgia,serif}.approved-timeline li span{font-size:13px;line-height:1.6}.about-values{background:var(--forest);color:#fff}.values-layout{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:32px;padding-bottom:32px}.values-layout h2{font-size:25px;margin:0}.values-layout div{display:flex;flex-direction:column;align-items:center;font-size:12px}.values-layout .goldbtn{margin:0;background:#ddba79;color:#173a31}.about-gallery{min-height:100px;background:#e9eeea;display:flex;align-items:center;color:#5a7569;font-size:13px}.science-approved{background:#e5ede8}.science-cover h1{font-size:clamp(44px,4.2vw,65px)}.science-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:18px;padding-bottom:18px}.science-shortcuts a{border:1px solid #dcded7;padding:15px;display:flex;align-items:center;gap:14px;font-size:16px;color:#174a3d}.science-shortcuts .line-icon{width:28px;height:28px}.science-story{display:grid;grid-template-columns:1fr 1fr;gap:40px}.resources-heading{display:flex;justify-content:space-between;align-items:end}.resources-heading h2{font-size:39px}.resource-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.resource-tab{display:flex;align-items:center;gap:10px;text-align:left;background:#f7f5f0;border:1px solid #e1ddd2;border-radius:6px;min-height:95px;padding:14px;color:#0b3b31;cursor:pointer}.resource-tab[aria-expanded=true]{background:#0b3b31;color:#fff}.resource-tab .line-icon{width:28px;height:28px;color:#ab874c}.resource-tab span{display:flex;flex-direction:column;gap:5px;flex:1}.resource-tab small{font-size:12px;color:inherit;opacity:.8}.resource-tab b{font-size:18px}.resource-panel{border:1px solid #e1ddd2;border-top:3px solid #b59053;padding:28px;margin-top:12px}.resource-panel[hidden]{display:none}.resource-panel h3{font:28px Georgia,serif}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.resource-grid article{background:#f7f6f1;border:1px solid #e1ded4;padding:25px;min-height:180px}.resource-grid strong{font:24px Georgia,serif;color:#a87939}.resource-grid h4,.honor-detail h4{font:21px Georgia,serif;margin:16px 0}.resource-grid p{font-size:14px}.honor-detail{display:flex;align-items:center;gap:25px}.honor-detail>strong{font:52px Georgia,serif;color:#a87939}.science-boundary{border-top:1px solid #ddd;padding-top:18px;margin-top:20px;font-size:13px}.science-product{display:grid;grid-template-columns:2fr 1fr;align-items:center}.science-product img{height:220px;max-width:100%;object-fit:contain}.contact-approved{background:#eeeae0}.contact-cover h1{font-size:62px}.contact-cover h2{font-size:32px}.contact-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:20px;padding-bottom:20px}.contact-categories a{border:1px solid #e9e4d9;display:flex;align-items:center;gap:12px;padding:16px;min-height:120px;background:#f9f8f4}.contact-categories .line-icon{color:#a87939;width:46px;height:46px}.contact-categories a>span{flex:1}.contact-categories strong,.contact-categories small{display:block}.contact-categories strong{font-size:17px}.contact-categories small{font-size:12px;margin-top:6px}.contact-lower{background:#f6f4ee}.contact-layout{display:grid;grid-template-columns:22% 50% 28%;gap:15px}.contact-layout h2{font-size:30px}.contact-layout>div,.contact-layout aside{padding:25px;background:#fff}.contact-layout>div:first-child{background:transparent;padding:10px 20px 10px 0}.contact-primary{min-height:280px}.contact-primary p{max-width:440px}.contact-layout aside p{font-size:14px}.contact-layout aside a{text-decoration:underline;overflow-wrap:anywhere}.contact-ornament{display:block;margin-top:45px;letter-spacing:.2em;line-height:2;color:#8c816d;font-size:12px}
@media(max-width:1100px){.bar nav{gap:7px;font-size:11px}.language{display:none}.join-nav{padding:9px 11px}.bar{padding:7px 15px}.brand img{width:50px}}
@media(max-width:760px){header .bar{min-height:75px;padding:8px 18px}.brand img{width:48px;height:50px}.brand span{font-size:12px}.bar nav{display:none}.header-tools .language{display:none}.join-mobile{display:inline-block;padding:8px 15px;font-size:11px}.menu{border:0;font-size:21px;display:inline-block}.mobileNav.open{display:flex}.mobileNav a.active{background:#f0e9da;color:#0b3b31}.footer-layout{grid-template-columns:1fr 1fr!important;gap:20px!important}.footer-identity{grid-column:span 2}.footer-links{gap:7px}.footer-links:last-child{grid-column:span 2}.about-cover,.science-cover,.contact-cover{display:flex;flex-direction:column;align-items:stretch;padding-top:40px;padding-bottom:0}.about-cover h1{font-size:32px}.science-cover h1{font-size:38px}.contact-cover h1{font-size:48px}.contact-cover h2{font-size:25px}.approved-scene{height:185px;margin-top:25px}.about-ecosystem{grid-template-columns:1fr;gap:12px}.about-ecosystem h2{font-size:32px}.system-orbit{height:330px}.orbit-item{width:135px;height:135px}.ecosystem-landscape{height:125px}.reason-layout{display:block}.reason-grid{display:block}.reason-grid article{display:grid;grid-template-columns:48px 1fr;text-align:left;gap:0 12px;border-right:0;border-bottom:1px solid #ddd}.reason-grid .line-icon{grid-row:span 2}.reason-layout blockquote{padding:30px;margin-top:15px;font-size:20px}.approved-timeline ol{display:block;border-top:0;border-left:2px solid #b8a178;margin-left:5px}.approved-timeline li{padding:0 0 32px 20px}.approved-timeline li:before{left:-6px;top:6px}.values-layout{display:grid;grid-template-columns:repeat(4,1fr)}.values-layout h2,.values-layout>a{grid-column:span 4}.values-layout div .line-icon{width:25px;height:25px}.values-layout div{font-size:10px;text-align:center}.science-shortcuts{grid-template-columns:1fr;padding-top:16px;padding-bottom:16px}.science-story{display:block}.resources-heading{display:block}.resource-tabs{display:block}.resource-tab{width:100%;margin-bottom:8px}.resource-panel{padding:18px}.resource-grid{grid-template-columns:1fr}.resource-grid article{min-height:0}.honor-detail{gap:12px;align-items:flex-start}.honor-detail>strong{font-size:35px}.science-product{grid-template-columns:1fr}.science-product img{margin:auto}.contact-categories{grid-template-columns:1fr;gap:9px}.contact-categories a{min-height:78px}.contact-layout{display:block}.contact-layout>div,.contact-layout aside{margin-bottom:10px}.contact-ornament{margin-top:12px}.hero-art{min-height:200px}.home-hero .hero-art{height:200px}.home-hero .hero-art span{font-size:10px}.visual-status{font-size:11px}}
.product-lead-inner{min-height:475px}.product-icon-row{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding-top:8px;padding-bottom:15px;background:#f9f8f4}.product-icon-row div{display:flex;align-items:center;gap:10px;justify-content:center;border-right:1px solid #e4dfd4;font-size:14px}.product-icon-row div:last-child{border:0}.product-icon-row .line-icon{width:31px;height:31px;color:#a67734}.capsule-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:22px}.capsule-icons>div{display:flex;align-items:center;flex-direction:column;gap:6px;font-size:12px;text-align:center}.capsule-icons .line-icon{width:38px;height:38px;color:#a47737}.teaser-columns span{display:flex;align-items:center;flex-direction:column;gap:10px}.teaser-columns .line-icon{color:#9a713e}.nature-panel,.missing-visual{background:#e6eee8;border:1px dashed #aec4b5;color:#617669;display:grid;place-items:center;font-size:13px}.serum-section .four-up article{display:flex;flex-direction:column;align-items:center;gap:10px}.serum-section .four-up .line-icon{color:#bd8b44}.serum-texture .texture-image{min-height:285px}
@media(max-width:760px){.product-icon-row div{display:flex;flex-direction:column;text-align:center;font-size:11px;gap:5px}.product-icon-row .line-icon{width:28px;height:28px}.capsule-icons .line-icon{width:26px;height:26px}.capsule-icons>div{font-size:10px}.serum-texture .texture-image{min-height:185px}}
.source-grid article a{display:inline-block;margin-top:7px;border-bottom:1px solid #ad884f;color:#15453b;font-weight:700;font-size:13px;padding-bottom:3px}.resource-tab[aria-expanded=true] b{font-size:20px}.contact-categories a:focus-visible,.source-grid a:focus-visible{outline:3px solid #ab8645;outline-offset:3px}.capsule-detail .outline-pill,.serum-intro .outline-pill{margin-left:12px}.serum-intro .outline-pill{border-color:#0a4f60;color:#0a4f60}
@media(max-width:760px){.capsule-detail .outline-pill,.serum-intro .outline-pill{margin-left:8px}.capsule-detail .goldbtn,.capsule-detail .outline-pill,.serum-intro .goldbtn,.serum-intro .outline-pill{font-size:13px;padding:11px 14px}.source-grid article{min-height:0}}

/* About ecosystem: keep circles within their tablet columns. */
@media(min-width:761px) and (max-width:1023px){.about-ecosystem .system-orbit{grid-template-columns:repeat(2,minmax(0,1fr))}.about-ecosystem .orbit-item{width:min(158px,100%);height:auto;aspect-ratio:1}}

/* M01 approved standalone city image: retain existing image-box geometry. */
.home-hero .hero-art.m01-city-scene{background-image:linear-gradient(to bottom,transparent 65%,rgba(255,255,255,.88)),url(../images/m01-city-warm-light.png);background-size:cover;background-position:65% center;background-repeat:no-repeat}
.contact-cover .approved-scene.m01-city-scene{background-image:url(../images/m01-city-warm-light.png);background-size:cover;background-position:60% center;background-repeat:no-repeat}

/* M02 approved standalone scene, existing slots only. */
.about-cover .m02-scene,.about-ecosystem .m02-scene{background-image:url(../images/m02-mountain-valley.png);background-size:cover;background-position:center;background-repeat:no-repeat}

/* M03 approved standalone scene, existing slots only. */
.science-cover .m03-scene{background-image:url(../images/m03-research-stilllife.png);background-size:cover;background-position:center;background-repeat:no-repeat}.science-cover .m03-scene>span{max-width:calc(100% - 24px)}

/* M04 approved standalone scene, existing slots only. */
.why-section .m04-scene{background-image:url(../images/m04-nature-leaf.png);background-size:cover;background-position:35% center;background-repeat:no-repeat;align-items:end}.m04-scene .asset-context{background:rgba(255,255,255,.9);padding:5px 8px;margin:8px;font-size:12px;color:#415b52}

/* M05 approved standalone scene, existing slots only. */
.serum-texture .m05-scene{background-image:url(../images/m05-blue-dropper.png);background-size:cover;background-position:65% center;background-repeat:no-repeat;align-items:end}.m05-scene .asset-context{background:rgba(255,255,255,.9);padding:5px 8px;margin:8px;font-size:12px;color:#415b52}

/* Narrow-screen honors: preserve type size and give the description a full row. */
@media(max-width:360px){.science-resources .honor-detail{flex-wrap:wrap}.science-resources .honor-detail>div{flex-basis:100%;min-width:0}}


/* ===== 定点整改 V8.1：首屏整体横幅 / AI 方向位 / 生态 Logo / 素材层级 / 联系页整理 ===== */

/* H1 首页首屏：城市作背景的整体横幅，左侧文字安全区 */
.home-hero{min-height:560px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(96deg,rgba(248,247,242,.97) 0%,rgba(248,247,242,.88) 34%,rgba(248,247,242,.42) 62%,rgba(248,247,242,.05) 100%),url(../images/m01-city-warm-light.png);background-size:cover;background-position:68% center;background-repeat:no-repeat}
.home-hero-inner{width:100%;max-width:1440px;margin:auto;padding:88px 48px 82px}
.home-hero-inner .hero-tagline{display:block;margin-top:36px;font-size:12px;letter-spacing:.22em;color:#638276}

/* H2 AI 方向位：建设中定位，不声明能力 */
.ai-building{position:absolute;bottom:6%;left:6%;width:88%;display:grid;justify-items:center;gap:6px;text-align:center;padding:24px 18px;background:rgba(18,30,26,.28);border:1px solid rgba(239,218,192,.5);border-radius:12px}
.ai-building .line-icon{width:46px;height:46px;color:#f3e3c3}
.ai-building b{font:16px Georgia,serif;letter-spacing:.14em;color:#fff}
.ai-building small{font-size:12px;letter-spacing:.24em;color:#efe0c4}
.ai-building p{margin:6px 0 0;font-size:13px;line-height:1.75;color:rgba(255,255,255,.93);max-width:520px}

/* A1 About 生态图：中央正式 Logo + 四核心连接（移除重复风景后两栏） */
.about-ecosystem{grid-template-columns:42% 58%}
.orbit-brand{display:grid;place-items:center;gap:3px;padding:16px;width:138px;height:138px;background:#fff}
.orbit-brand img{width:60px;height:58px;object-fit:contain}
.orbit-brand small{font:8px Arial,sans-serif;white-space:nowrap;letter-spacing:.06em}

/* P1 产品总览：统一两款卡片比例、背景与层次 */
.product-feature .feature-layout{grid-template-columns:50% 50%}
.feature-image{height:380px;background:#fff;border:1px solid #e3e6e0;padding:22px;flex-direction:column;gap:12px}
.feature-image img{height:100%;max-height:310px}
.feature-image .img-caption{font-size:12px;color:#65726b;letter-spacing:.08em}

/* C1 胶囊详情：产品为主体，叶片场景降为辅助 */
.detail-image{height:560px;background:#fff;border:1px solid #e3e6e0;padding:24px}
.detail-image img{max-width:92%}
.why-layout{grid-template-columns:32% 68%}
.why-section .nature-panel{height:200px}

/* R1 精华液详情：产品视觉为主体，滴管氛围图缩小为辅助 */
.serum-image{background:#fff;border:1px solid #dfe8ea;padding:18px}
.serum-image img{max-height:530px}
.serum-texture .feature-layout{grid-template-columns:34% 66%}
.serum-texture .texture-image{min-height:205px}

/* T1 联系页：分流清楚、比例恢复 */
.contact-layout{grid-template-columns:26% 46% 28%}

/* 小屏适配 */
@media(max-width:760px){
.home-hero{min-height:0;display:block;background:linear-gradient(180deg,rgba(248,247,242,.97) 0%,rgba(248,247,242,.9) 55%,rgba(248,247,242,.7) 100%),url(../images/m01-city-warm-light.png);background-size:cover;background-position:70% center}
.home-hero-inner{padding:48px 20px 62px}
.home-hero-inner .hero-tagline{margin-top:24px}
.ai-building{position:static;width:auto;margin-top:16px;padding:18px 14px}
.ai-building p{font-size:12px}
.about-ecosystem{grid-template-columns:1fr}
.orbit-brand{width:118px;height:118px}
.orbit-brand img{width:50px;height:48px}
.product-feature .feature-layout{display:block}
.feature-image{height:300px;padding:16px}
.feature-image img{max-height:240px}
.detail-image{height:340px}
.why-layout{display:block}
.why-section .nature-panel{height:150px;margin-bottom:22px}
.serum-texture .feature-layout{display:block}
.serum-texture .texture-image{min-height:165px}
.contact-layout{display:block}
}