:root{--yellow:#ffda22;--ink:#25271e;--paper:#faf9f3;--muted:#737469;--line:#dddfd2;--green:#264c3c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #237b58;outline-offset:5px}p{line-height:1.95;margin:0 0 20px}h1,h2,h3{margin:0;font-weight:700}h2{font-size:clamp(30px,3.15vw,46px);line-height:1.45;letter-spacing:-1.8px}h3{font-size:22px;line-height:1.5}.container{width:min(1200px,calc(100% - 100px));margin:auto}.header{position:sticky;top:0;z-index:50;background:#faf9f3f5;border-bottom:1px solid #e6e5d9;backdrop-filter:blur(15px)}.nav-wrap{width:min(1320px,calc(100% - 80px));height:86px;display:flex;align-items:center;justify-content:space-between;margin:auto}.brand{display:inline-flex;gap:18px;align-items:center;flex-shrink:0}.brand-en{font-weight:850;letter-spacing:-3px;font-size:43px;line-height:1}.brand-dot{color:#d3ac00;font-size:45px;margin-left:3px}.brand-cn{border-left:1px solid #c7c7b9;padding-left:18px;font-size:15px;letter-spacing:2px;font-weight:650}nav{display:flex;gap:31px;align-items:center;font-size:13px;font-weight:550}nav>a{padding:10px 0;transition:color .2s}nav>a:hover{color:#8a6b00}.nav-contact{border:1px solid var(--ink);padding:11px 19px;border-radius:5px;display:flex;gap:26px}.nav-dot{display:inline-block;width:6px;height:6px;background:#ca9e00;border-radius:50%;vertical-align:top;margin-top:3px}.menu-toggle{display:none}.skip{position:fixed;top:-100px;padding:15px;background:white;z-index:100}.skip:focus{top:8px}.hero{background:var(--yellow);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:15px;align-items:center;min-height:640px;padding-top:62px;padding-bottom:52px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;display:flex;gap:9px;align-items:center;margin-bottom:27px}.tiny-star{font-size:22px}h1{font-size:clamp(34px,4.05vw,59px);letter-spacing:-2.5px;line-height:1.4}.hero-copy>p{font-size:15px;max-width:455px;margin-top:25px;line-height:1.95}.actions{display:flex;gap:30px;align-items:center;margin-top:33px}.button{display:inline-flex;justify-content:space-between;gap:35px;align-items:center;padding:17px 23px;font-size:14px;border-radius:5px}.dark{background:var(--ink);color:white}.button:hover{background:var(--green)}.text-link{font-size:14px;display:flex;gap:19px;align-items:center}.hero-art{position:relative;height:480px;min-width:0}.orbit{position:absolute;border:1px solid #ba9d2b70;border-radius:50%;width:400px;height:400px;top:40px;left:20px}.orbit-two{width:300px;height:300px;top:90px;left:70px}.hero-art:before{content:"";position:absolute;width:340px;height:340px;background:#ffe873;border-radius:50%;top:70px;left:50px}.route{position:absolute;width:100%;height:100%;inset:0}.hero-dog{position:absolute;width:520px;max-width:115%;top:4px;left:-5px;transform:rotate(-9deg);filter:drop-shadow(2px 22px 0 #ad8c121a)}.art-note{position:absolute;z-index:2;font-size:12px;background:var(--paper);border:1px solid var(--ink);padding:13px 17px;border-radius:4px;box-shadow:3px 4px 0 #25271e;white-space:nowrap}.note-top{top:30px;right:8px;transform:rotate(6deg)}.note-top>span{margin-left:20px}.note-bottom{bottom:55px;left:30px;transform:rotate(-6deg);display:flex;align-items:center;gap:10px}.status-dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%}.art-spark{position:absolute;right:9px;bottom:92px;font-size:70px;line-height:1;transform:rotate(15deg)}.art-coordinate{position:absolute;right:8px;bottom:8px;font-size:9px;letter-spacing:2px;line-height:1.7}.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid #25271e35;padding:21px 0;font-size:11px;letter-spacing:1px}.hero-bottom a{display:flex;gap:30px}.ticker{overflow:hidden;background:var(--ink);color:var(--yellow);padding:19px 0;white-space:nowrap;font-size:13px;letter-spacing:3px}.ticker>div{width:max-content;display:flex;gap:55px;align-items:center;transform:translateX(-20px)}.ticker span{font-size:22px;line-height:1}.section{padding:100px 0}.section-label{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:10px;letter-spacing:1.8px;font-weight:600;margin-bottom:45px}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:100px}.yellow-dot{color:#d3a900}.about-picture{height:235px;margin-top:40px;position:relative;overflow:hidden;border-radius:8px;background:#fff9dc}.about-picture img{width:100%;height:100%;object-fit:cover}.about-picture>span{position:absolute;bottom:22px;left:22px;font-size:12px;max-width:110px;line-height:1.8;font-weight:600}.about-copy{padding-top:14px;font-size:15px}.small-tag{display:inline-block;border:1px solid #d4d4c4;border-radius:30px;padding:7px 13px;font-size:11px;margin-bottom:25px}.first-step{display:flex;gap:24px;border-top:1px solid var(--line);padding-top:25px;margin-top:30px;align-items:center}.first-step>span{font-size:40px;background:var(--yellow);border-radius:50%;width:64px;height:64px;text-align:center;line-height:64px}.first-step p{margin:0;font-size:17px;line-height:1.6}.vision{background:#eeefe5}.vision-head{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center}.vision-head p{font-size:14px;color:#606457;margin:0}.vision-steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;gap:40px}.vision-steps article{border-top:1px solid #aeb3a0;padding-top:20px}.step-num{font-family:Georgia,serif;font-style:italic;font-size:35px;display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.step-num>span{font-style:normal;font-family:system-ui;font-size:27px}.vision-steps h3{margin-bottom:12px}.vision-steps p{font-size:13px;color:#606457}.vision-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #cdd0bf;margin-top:30px;padding-top:25px;gap:20px}.vision-foot p{margin:0;font-size:14px}.vision-foot>span{font-size:11px;color:#606457}.product{padding-bottom:70px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.product-name{display:flex;gap:15px;align-items:center;margin-bottom:30px;font-size:19px;font-weight:650}.product-name small{display:block;font-size:10px;letter-spacing:1px;font-weight:500;margin-top:5px}.dog-avatars{display:flex;padding-left:0}.dog-avatars img{width:43px;height:43px;border:3px solid var(--paper);border-radius:50%;margin-left:-10px}.dog-avatars img:first-child{margin-left:0}.product-copy>p{font-size:14px;color:#626458;margin-top:23px}.status{font-size:12px;background:#eeefdf;padding:9px 14px;display:inline-flex;align-items:center;gap:9px;border-radius:4px}.caption,.product-copy>.caption{font-size:10px;line-height:1.8;color:#747568}.product-copy>.caption{margin-top:13px}.product-display{margin:0;position:relative;display:flex;flex-direction:column;align-items:center;background:#f0efdf;border-radius:10px;padding:32px 25px 24px;overflow:hidden;background-image:radial-gradient(#bdbfab66 1px,transparent 1px);background-size:18px 18px}.display-note{font-size:11px;letter-spacing:2px;margin-bottom:25px}.phone{width:245px;border:7px solid #2b2d23;border-radius:34px;box-shadow:15px 18px 35px #25271e25;overflow:hidden;transform:rotate(5deg);background:white}.phone img{width:100%}.floating-label{position:absolute;left:14px;bottom:110px;background:var(--yellow);padding:14px 17px;border:1px solid var(--ink);box-shadow:3px 3px 0 var(--ink);transform:rotate(-7deg);font-size:12px}.product-display figcaption{font-size:9px;margin-top:30px;text-align:center;line-height:1.7;color:#65685b}.features{padding-top:65px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:65px;margin-bottom:45px}.section-heading>p{font-size:14px;color:#6a6e60;margin:0}.section-heading>div{max-width:390px}.section-heading>div p{font-size:13px;color:#6a6e60;margin:0}.section-heading .small-tag{margin-bottom:12px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{position:relative;background:#f0f0e6;border:1px solid #e5e5d9;border-radius:8px;padding:30px;min-height:270px;overflow:hidden}.feature.featured{grid-row:span 2;background:var(--yellow);border-color:var(--yellow);display:flex;flex-direction:column}.feature-icon{font-size:37px;display:block;margin-bottom:23px;line-height:1}.feature-index{position:absolute;top:31px;right:28px;font-size:11px;color:#777966}.feature h3{font-size:20px;margin-bottom:14px}.feature p{font-size:12px;color:#626458;margin-bottom:17px;line-height:1.9}.feature-tip{font-size:10px;line-height:1.8;color:#64674f;display:block}.featured .feature-tip{margin-top:10px;color:var(--ink)}.walk-line{width:100%;margin-top:auto;padding-top:50px}.inline-link{font-size:11px;display:inline-flex;align-items:center;gap:30px;border-bottom:1px solid #acae9d;padding-bottom:5px}.principles{background:var(--green);color:var(--paper)}.principles-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:100px}.principles .section-label{color:#bdc8b5}.principle-flower{display:block;font-size:110px;color:var(--yellow);line-height:1;margin-top:25px}.principle-list article{display:flex;gap:30px;padding:27px 0;border-top:1px solid #6f8c72}.principle-list article:first-child{padding-top:0;border:0}.principle-list article>span{font-size:11px;color:#d6dfca;padding-top:8px}.principle-list h3{font-size:21px;margin-bottom:12px}.principle-list p{font-size:13px;color:#c7d2c1;margin:0}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.guide-grid article{padding:27px 22px 28px;border-right:1px solid var(--line)}.guide-grid article:first-child{padding-left:0}.guide-grid article:last-child{border:0}.guide-number{font-size:11px;color:#868775;display:block;margin-bottom:35px}.guide-grid h3{font-size:17px;margin-bottom:12px}.guide-grid p{font-size:12px;color:#76796a;min-height:48px}.preparing{font-size:10px;border:1px solid #d8dacd;padding:5px 9px;border-radius:20px;display:inline-block;color:#76796a}.guide-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:26px}.guide-footer p{font-size:10px;color:#76796a;margin:0}.future{background:#edeee5}.future-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.future-tag{letter-spacing:0;border:1px solid #b7bcab;border-radius:20px;padding:5px 10px}.future .section-label{justify-content:flex-start;gap:25px}.future-grid>div:last-child{position:relative;padding-top:65px}.future-grid p{font-size:14px;color:#606555;position:relative;max-width:430px}.future-star{position:absolute;right:0;top:-28px;font-size:90px;color:#d3bd54;line-height:1}.future-topics{display:flex;gap:12px;margin:24px 0}.future-topics span{border:1px solid #c0c4b3;border-radius:30px;padding:8px 16px;font-size:11px}.contact{background:var(--yellow);padding:65px 0 75px}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.contact h2{font-size:clamp(30px,3.25vw,46px)}.contact h2>span{display:inline-block;margin-left:20px}.contact p{font-size:12px;margin-top:23px;margin-bottom:0}.email{font-size:clamp(23px,2.4vw,34px);font-weight:600;letter-spacing:-1px;display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #797044;padding-bottom:18px}.contact-buttons{display:flex;gap:25px;margin-top:22px;align-items:center;font-size:11px}.contact-buttons button{background:none;border:0;padding:0;font-size:11px}.contact-buttons button span{margin-left:12px}.contact-action p{font-size:10px;margin-top:28px}.footer{padding:38px 0 22px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-top .brand-en{font-size:35px}.footer-top .brand-dot{font-size:35px}.footer-top .brand-cn{font-size:12px}.footer-top>span,.footer-top>a:last-child{font-size:11px;color:#696c5e}.footer-bottom{margin-top:35px;padding-top:23px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:#777a6c}.footer-bottom>div{display:flex;gap:24px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--ink);color:white;padding:15px 23px;border-radius:8px;font-size:13px;transition:opacity .2s,transform .2s;z-index:100;max-width:90%;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.document{max-width:800px;padding-top:60px;padding-bottom:90px;min-height:65vh}.document h1{font-size:40px;line-height:1.5;margin:25px 0}.document h2{font-size:23px;letter-spacing:0;margin:35px 0 15px}.document p,.document li{font-size:14px;color:#626458;line-height:2}.document .back{font-size:12px}.document a:not(.back){text-decoration:underline;text-underline-offset:4px}.document .status{margin-bottom:20px}.document aside{padding:23px;background:#efefe3;border-left:4px solid var(--yellow);font-size:13px;line-height:2}.document .guide-grid{grid-template-columns:1fr 1fr;margin-top:30px}.document .guide-grid article{padding:25px;border-bottom:1px solid var(--line)}
@media(min-width:1500px){.hero-grid{min-height:700px}.hero-art{height:520px}.hero-dog{width:550px}}
@media(max-width:1050px){.container{width:calc(100% - 64px)}.nav-wrap{width:calc(100% - 48px)}nav{gap:20px}.brand-cn{font-size:12px;padding-left:12px}.brand{gap:12px}.brand-en{font-size:36px}.hero-grid{min-height:570px}.hero-art{height:390px}.orbit{width:320px;height:320px;left:0;top:30px}.orbit-two{width:240px;height:240px;left:40px;top:70px}.hero-art:before{width:260px;height:260px;left:30px;top:60px}.hero-dog{top:0;left:-15px}.art-note{font-size:10px;padding:11px}.note-top{right:0;top:5px}.note-bottom{bottom:35px;left:0}.art-spark{bottom:70px;font-size:50px}.hero-copy>p{font-size:13px}.about-grid,.vision-head,.product-grid,.principles-grid,.future-grid{gap:50px}.section{padding:75px 0}.feature{padding:24px}.feature h3{font-size:18px}.guide-grid h3{font-size:15px}.contact-grid{gap:40px}}
@media(max-width:760px){html{scroll-padding-top:79px}.container{width:calc(100% - 40px)}.nav-wrap{height:72px;width:calc(100% - 40px)}.brand-en{font-size:35px}.brand-dot{font-size:36px}.brand-cn{font-size:12px}.menu-toggle{display:flex;background:none;border:1px solid #bfc0af;border-radius:5px;width:39px;height:36px;flex-direction:column;gap:6px;justify-content:center;align-items:center}.menu-toggle span{height:1px;width:18px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}nav{display:none;position:absolute;top:72px;left:0;width:100%;background:var(--paper);padding:20px;box-shadow:0 12px 20px #25271e15;gap:0}nav.open{display:flex;flex-direction:column;align-items:stretch}nav>a{padding:16px 5px;border-bottom:1px solid var(--line)}nav .nav-contact{border:0;border-radius:0;justify-content:space-between}.hero-grid{grid-template-columns:1fr;padding-top:42px;padding-bottom:8px;gap:10px}.eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:22px}h1{font-size:clamp(31px,7.7vw,50px);letter-spacing:-1.5px;line-height:1.5}.hero-copy>p{max-width:460px;margin-top:20px;font-size:13px}.actions{margin-top:24px;gap:25px}.button{padding:15px 18px;font-size:12px;gap:24px}.text-link{font-size:12px}.hero-art{width:min(410px,100%);height:350px;justify-self:center;margin-top:20px}.orbit{left:calc(50% - 150px);width:300px;height:300px;top:15px}.orbit-two{left:calc(50% - 110px);width:220px;height:220px;top:55px}.hero-art:before{left:calc(50% - 125px);width:250px;height:250px;top:40px}.hero-dog{width:390px;max-width:110%;left:50%;transform:translateX(-50%) rotate(-9deg);top:-25px}.note-top{top:0;right:4px}.note-bottom{left:5px;bottom:40px}.art-spark{right:5px;bottom:65px}.art-coordinate{bottom:12px;font-size:8px}.hero-bottom{font-size:9px;padding:17px 0;letter-spacing:0}.hero-bottom a{gap:15px}.ticker{padding:15px 0;font-size:11px}.ticker>div{gap:30px}.section{padding:58px 0}.section-label{font-size:9px;letter-spacing:1.1px;margin-bottom:30px}.about-grid,.vision-head,.product-grid,.principles-grid,.future-grid,.contact-grid{grid-template-columns:1fr;gap:30px}h2{font-size:31px;letter-spacing:-1.3px}.about-picture{margin-top:28px;height:210px}.about-copy{padding:0;font-size:14px}.small-tag{font-size:10px;margin-bottom:20px}.first-step{margin-top:22px;padding-top:22px}.first-step>span{width:55px;height:55px;line-height:55px;font-size:32px}.first-step p{font-size:15px}.vision-head{gap:20px}.vision-head p{font-size:13px}.vision-steps{grid-template-columns:1fr;gap:0;margin-top:30px}.vision-steps article{display:grid;grid-template-columns:45px 1fr;gap:6px 15px;padding:22px 0}.step-num{font-size:26px;grid-row:span 2;align-items:start;margin:0}.step-num>span{display:none}.vision-steps h3{font-size:19px;margin:0}.vision-steps p{margin:0;font-size:12px}.vision-steps br{display:none}.vision-foot{align-items:start;flex-direction:column;gap:8px;margin-top:10px;padding-top:20px}.vision-foot p{font-size:12px}.vision-foot>span{font-size:10px}.product-copy h2 br:nth-child(2){display:none}.product-name{margin-bottom:23px}.product-copy>p{font-size:13px;margin-top:20px}.product-display{max-width:460px;width:100%;justify-self:center;padding:25px 20px 20px}.phone{width:230px}.floating-label{left:10px;bottom:100px;font-size:10px}.section-heading{align-items:start;flex-direction:column;gap:20px;margin-bottom:28px}.section-heading>p{font-size:13px}.feature-grid{grid-template-columns:1fr 1fr;gap:12px}.feature{padding:21px;min-height:270px}.feature.featured{grid-column:span 2;grid-row:auto;min-height:300px}.featured p{max-width:65%}.featured .walk-line{position:absolute;width:190px;right:0;bottom:18px;transform:rotate(-20deg);opacity:.6;pointer-events:none}.feature-icon{font-size:30px}.feature-index{top:25px;right:20px;font-size:10px}.feature h3{font-size:17px}.feature p{font-size:12px}.feature-tip{font-size:10px}.inline-link{font-size:10px;gap:10px}.principles-grid{gap:26px}.principle-flower{position:absolute;right:0;bottom:0;font-size:85px}.principles-grid>div:first-child{position:relative}.principles h2{padding-bottom:10px}.principle-list article{gap:20px;padding:23px 0}.principle-list h3{font-size:19px}.principle-list p{font-size:12px}.guide-grid{grid-template-columns:1fr 1fr}.guide-grid article,.guide-grid article:first-child{padding:23px 14px}.guide-grid article:nth-child(2){border-right:0}.guide-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}.guide-number{margin-bottom:22px}.guide-grid h3{font-size:15px}.guide-grid p{font-size:11px;min-height:44px}.guide-footer{align-items:start;flex-direction:column;gap:16px}.future-grid{gap:22px}.future-grid>div:last-child{padding-top:0}.future-grid h2 br:nth-child(2){display:none}.future-star{right:0;top:-100px;font-size:60px}.future-grid p{font-size:13px;max-width:none}.future-topics{margin:20px 0}.future-topics span{padding:7px 13px;font-size:10px}.contact{padding:48px 0}.contact-grid{gap:33px}.contact h2{font-size:30px}.contact h2>span{margin-left:8px}.contact p{font-size:12px;margin-top:18px}.email{font-size:29px}.contact-action p{font-size:10px}.footer{padding-top:30px}.footer-top{flex-wrap:wrap;gap:22px}.footer-top>span{display:none}.footer-top .brand-cn{font-size:11px}.footer-top>a:last-child{font-size:10px}.footer-bottom{flex-direction:column;align-items:start;gap:15px;margin-top:25px;padding-top:20px;font-size:9px}.footer-bottom>div{gap:22px}.document{padding-top:35px;padding-bottom:60px}.document h1{font-size:32px}.document h2{font-size:22px}.document .guide-grid article{padding:18px 12px}}
@media(max-width:370px){.brand-cn{font-size:11px;letter-spacing:1px}.hero-art{height:320px}.hero-dog{top:-12px}.feature-grid{grid-template-columns:1fr}.feature.featured{grid-column:auto}.feature{min-height:230px}.featured p{max-width:100%}.walk-line{display:none}.contact h2{font-size:27px}.email{font-size:25px}.guide-grid h3{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}