@charset "UTF-8";
:root{--bg:#fff;--fg:#192c29;--muted:#63716b;--line:#dce5df;--soft:#f2f6f3;--green:#235b47;--mint:#b8edcd;--coral:#e07767;--blue:#4d80ab;--yellow:#9a791d;--header:#fffffff2;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--fg);background:var(--bg);color-scheme:light;letter-spacing:0;scroll-behavior:smooth;scroll-padding-top:100px;scrollbar-gutter:stable}
:root[data-theme=dark]{--bg:#171b19;--fg:#edf4ee;--muted:#b0beb5;--line:#3b4840;--soft:#232c26;--green:#b8edcd;--header:#171b19f2;color-scheme:dark}
*{box-sizing:border-box;letter-spacing:0}body{margin:0}button,a{font:inherit;-webkit-tap-highlight-color:transparent}button{border:0;background:none;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}p,h1,h2,h3,figure{margin:0}p{line-height:1.85}h1,h2,h3{font-weight:650}h2{font-size:44px;line-height:1.4}h3{font-size:20px;line-height:1.5}button svg,a svg,i svg{width:20px;height:20px;flex:none;vertical-align:middle}[data-icon]{display:inline-flex;align-items:center;font-style:normal}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid var(--coral);outline-offset:5px}[hidden]{display:none!important}body:has(dialog[open]){overflow:hidden}.container{max-width:1280px;padding-inline:48px;margin-inline:auto}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;padding:12px;background:var(--bg)}.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;height:88px;z-index:30;background:var(--header);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{max-width:1500px;height:100%;padding:0 48px;margin:auto;display:flex;align-items:center;gap:40px}.brand{display:inline-flex;align-items:center;gap:11px;flex:none;font-size:19px;font-weight:650;line-height:1.35}.brand small{display:block;font-size:10px;font-weight:500;margin-top:4px;color:var(--muted)}.brand-avatar{width:44px;height:44px;flex:none;display:inline-block;border-radius:50%;background:#e8f4ef url('assets/xiaohe-shepherd-avatar.png') center/cover no-repeat;box-shadow:inset 0 0 0 1px #203c2612;transition:transform .35s}.brand:hover .brand-avatar{transform:rotate(-12deg)}.brand-mark{width:39px;height:39px;border-radius:6px;display:inline-grid;place-items:center;font-size:24px;font-weight:650;background:var(--green);color:var(--bg)}.desktop-nav{display:flex;gap:28px;font-size:13px;margin-left:auto;white-space:nowrap}.desktop-nav a{position:relative;padding-block:12px}.desktop-nav a:after{content:"";height:2px;position:absolute;bottom:4px;left:0;right:0;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .25s}.desktop-nav a:hover:after{transform:scaleX(1)}.header-actions{display:flex;gap:16px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:15px 24px;border:1px solid transparent;border-radius:6px;background:var(--green);color:var(--bg);font-size:14px;font-weight:600;text-align:center;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.button:after{content:"";position:absolute;inset:0;transform:translateX(-120%) skewX(-20deg);background:#ffffff15;transition:transform .6s;pointer-events:none}.button:hover{transform:translateY(-3px);box-shadow:0 9px 0 -4px var(--coral)}.button:hover:after{transform:translateX(120%) skewX(-20deg)}.button.small{min-height:42px;padding:10px 15px;font-size:12px;gap:9px}.button svg:last-child,.quiet-link svg{transition:transform .25s}.button:hover svg:last-child{transform:translate(2px,-2px)}.quiet-link:hover svg{transform:translateY(3px)}.icon-button{width:38px;height:38px;display:inline-grid;place-items:center;border-radius:6px;flex:none;transition:background .2s,transform .2s}.icon-button:hover{background:var(--soft);transform:rotate(-8deg)}.text-button{font-size:13px;display:flex;align-items:center;gap:4px;padding:10px 0}.quiet-link{font-size:13px;display:inline-flex;gap:12px;align-items:center;justify-content:center;padding:12px 0}.inline-link{font-size:13px;display:inline-flex;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.text-button:hover,.quiet-link:hover,.inline-link:hover{color:var(--green)}.mobile-menu,.mobile-nav{display:none}.eyebrow{font-size:11px;font-weight:600;color:var(--green);display:flex;gap:12px;align-items:center;line-height:1.6}
/* The mascot is a full-bleed brand scene; the product gallery stays unaltered. */
.hero{position:relative;isolation:isolate;height:calc(100svh - 180px);min-height:530px;max-height:750px;background:#e8f4ef;color:#193c2f;overflow:hidden}.hero-art{position:absolute;inset:0;width:100%;height:calc(100% - 53px);object-fit:contain;object-position:right center;z-index:-1;animation:scene-arrive 1.2s ease-out both}.hero-inner{height:calc(100% - 53px);display:flex;align-items:center;position:relative;max-width:1400px}.hero-copy{position:relative;width:63%;z-index:1;padding-block:22px}.edition-mark{font-size:12px;padding-right:14px;border-right:1px solid #6c9881;font-weight:700}.hero .eyebrow{color:#235b47;font-size:10px}.hero h1{font-size:76px;line-height:1.17;margin:20px 0 19px;font-weight:700}.title-name{display:block}.title-period{color:#d87463}.hero-line{font-size:21px;line-height:1.6;font-weight:500}.hero-description{font-size:14px;color:#536d61;margin-top:15px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:26px}.hero .button{background:#245b46;color:#fff}.hero .quiet-link{color:#245b46}.hero-meta{font-size:11px;margin-top:14px;color:#60796c}.hero-scroll{position:absolute;bottom:0;left:0;right:0;min-height:53px;padding:12px 48px;border-top:1px solid #cadfd1;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;background:#e8f4ef}.hero-scroll>span:last-child{display:flex;gap:13px;align-items:center}.hero-scroll svg{width:16px;height:16px;animation:nudge 1.3s 2 .8s}.mascot-note{position:absolute;right:4%;top:8%;transform:rotate(3deg);background:#ffffffed;padding:15px 20px 12px;max-width:285px;border:1px solid #d3e3da;border-radius:8px;box-shadow:4px 5px 0 #bbd7c744;animation:note-arrive .8s .6s backwards}.note-caption{font-size:10px;color:#697b71}.mascot-note p{font-size:13px;line-height:1.65;margin:5px 0;min-height:22px}.mascot-note button{font-size:10px;display:flex;gap:8px;align-items:center;padding:7px 0;color:#235b47}.mascot-note button svg{width:14px;height:14px}.mascot-note button:hover{color:#a74e40}.hero.greet .mascot-note{animation:hello .65s ease-in-out}.hero.greet .hero-art{animation:hello-scene .65s ease-in-out}.hero-copy>*{animation:copy-arrive .75s ease-out backwards}.hero-copy>:nth-child(2){animation-delay:.08s}.hero-copy>:nth-child(3){animation-delay:.16s}.hero-copy>:nth-child(4){animation-delay:.24s}.hero-copy>:nth-child(5){animation-delay:.32s}
[data-theme=dark] .hero{background:#d8e8e0}[data-theme=dark] .hero-art{filter:brightness(.92)}[data-theme=dark] .hero-scroll{background:#d8e8e0}.format-band{border-bottom:1px solid var(--line)}.format-band .container{min-height:100px;display:flex;justify-content:space-between;align-items:center;gap:24px}.format-band .container>span{display:flex;gap:11px;align-items:center;font-size:14px;font-weight:600}.format-band .container>span:first-child{font-size:11px;color:var(--muted);font-weight:400}.format-band .container>span:nth-child(2) svg{color:var(--blue)}.format-band .container>span:nth-child(3) svg{color:var(--green)}.format-band .container>span:nth-child(4) svg{color:var(--coral)}.format-band .container>span:nth-child(5) svg{color:var(--yellow)}
.section{padding-block:100px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:50px}.section-heading .eyebrow{margin-bottom:21px}.section-heading>p{font-size:14px;color:var(--muted);line-height:2;padding-bottom:5px}.scenario-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:68px;align-items:stretch}.scenario-list{display:flex;flex-direction:column;justify-content:center;min-width:0}.scenario-tab{display:flex;align-items:center;text-align:left;gap:18px;padding:25px 10px 25px 0;border-bottom:1px solid var(--line);width:100%;min-height:112px;transition:background .25s,padding .25s,color .25s}.scenario-tab:first-child{border-top:1px solid var(--line)}.scenario-tab>span:nth-child(2){flex:1;min-width:0}.scenario-tab b{font-size:15px;display:block;line-height:1.7;font-weight:600}.scenario-tab small{font-size:12px;display:block;color:var(--muted);margin-top:5px}.scenario-tab>span:last-child{opacity:0;transform:translateX(-10px);transition:transform .25s,opacity .25s}.scenario-tab[aria-selected=true]{padding-left:18px;color:var(--green);background:var(--soft)}.scenario-tab[aria-selected=true]>span:last-child{opacity:1;transform:none}.scenario-icon{width:34px;height:34px;display:grid;place-items:center;flex:none;transition:transform .3s}.scenario-icon svg{width:27px;height:27px}.scenario-tab:hover .scenario-icon{transform:rotate(-10deg) scale(1.1)}.coral{color:var(--coral)}.green{color:var(--green)}.blue{color:var(--blue)}.yellow{color:var(--yellow)}.scenario-panel{border:1px solid var(--line);border-radius:8px;padding:27px 30px;background:var(--soft);display:flex;flex-direction:column;min-height:510px}.sample-topline{display:flex;justify-content:space-between;gap:14px;color:var(--muted);font-size:10px;margin-bottom:23px}.sample-topline>span:first-child{display:flex;gap:7px;align-items:center}.sample-dot{width:6px;height:6px;border-radius:50%;background:var(--green)}.scenario-panel h3{font-size:20px;margin-bottom:27px;min-height:60px}.sample-person{display:flex;gap:9px;align-items:center;font-size:12px}.sample-person>span:last-child{color:var(--muted);font-size:10px;margin-left:auto}.sample-person .brand-avatar,.user-avatar{width:28px;height:28px;flex:none}.user-avatar{display:grid;place-items:center;border-radius:50%;background:#f0c8bb;color:#6b453b;font-size:11px}.sample-person b{font-weight:600}.sample-file{display:flex;align-items:center;gap:9px;font-size:11px;margin:12px 0 0 37px;padding-bottom:10px;border-bottom:1px solid var(--line)}.sample-file>span:first-child{color:var(--green)}.file-label{font-size:9px;color:var(--muted);margin-left:auto}.scenario-panel blockquote{font-size:13px;line-height:1.9;margin:11px 0 23px 37px;min-height:75px}.sample-result{display:flex;gap:9px;font-size:12px;margin:10px 0 15px 37px;min-height:53px;color:var(--muted)}.sample-result>span{color:var(--green);align-self:start;margin-top:4px}.sample-result svg{width:15px;height:15px}.scenario-panel>.quiet-link{align-self:flex-start;margin-top:auto;font-size:11px;gap:8px}.scenario-panel>.quiet-link svg{width:16px;height:16px}.section-footnote{font-size:11px;color:var(--muted);line-height:1.8;margin-top:22px}.change-in .sample-conversation{animation:panel-arrive .35s both}.change-in .assistant-person,.change-in .sample-result{animation:reply-arrive .45s .1s both}
.workspace-section{background:#202724;color:#eff5f0}.workspace-section .eyebrow{color:#b8edcd}.workspace-section .section-heading>p,.workspace-section .section-footnote{color:#aebfb4}.gallery-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #4c5e51;margin-bottom:27px}.gallery-tabs{display:flex;gap:30px}.gallery-tab{position:relative;font-size:13px;color:#b1c0b6;padding:14px 0}.gallery-tab[aria-selected=true]{color:#c5f5d7}.gallery-tab[aria-selected=true]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#b8edcd;animation:tab-arrive .3s}.real-label{color:#aebfb4;font-size:11px}.gallery-image-button{position:relative;display:block;padding:0;width:100%;border:1px solid #4c5e51;overflow:hidden;border-radius:6px}.gallery-image-button img{width:100%;aspect-ratio:1773/984;object-fit:contain;background:#fff}.gallery-image-button:hover .zoom-label{background:#d2f3dd;color:#213a2d;transform:translateY(-3px)}.zoom-label{position:absolute;right:18px;bottom:18px;display:flex;align-items:center;gap:10px;padding:11px 16px;border-radius:4px;background:#273e32ed;color:white;font-size:11px;transition:transform .25s,background .25s}.workspace-section figcaption{font-size:13px;line-height:1.9;color:#cad8ce;margin-top:20px}.gallery-arrive{animation:panel-arrive .35s ease-out}
.care-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.care-grid article{position:relative;border-top:1px solid var(--line);padding-top:24px}.care-number{font-size:11px;color:var(--muted)}.care-icon{margin:30px 0 21px;display:flex!important;color:var(--green)}.care-grid article:nth-child(2) .care-icon{color:var(--blue)}.care-grid article:nth-child(3) .care-icon{color:var(--coral)}.care-icon svg{width:30px;height:30px;transition:transform .3s}.care-grid article:hover .care-icon svg{transform:translateY(-5px) rotate(-8deg)}.care-grid h3{font-size:19px;line-height:1.6;margin-bottom:15px}.care-grid article>p{font-size:13px;color:var(--muted);line-height:2}.memory-demo{border-left:2px solid var(--green);padding-left:16px;margin-top:25px}.memory-demo>span{font-size:11px;color:var(--green)}.memory-demo p{font-size:12px;line-height:1.9;margin:8px 0}.memory-demo small{display:flex;gap:6px;font-size:10px;color:var(--muted)}.memory-demo svg{width:12px;height:12px}.greeting-example{border-top:1px solid var(--line);padding-top:18px;margin-top:24px}.greeting-example>span{font-size:30px;font-weight:550}.greeting-example p{font-size:12px;color:var(--muted);margin:4px 0}.greeting-example small{font-size:10px;color:var(--muted)}
.download-section{background:#f4d5cb;color:#493b34;padding-block:85px}.download-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:90px}.download-section .eyebrow{color:#885441;margin-bottom:24px}.download-section h2{font-size:46px;line-height:1.45}.download-inner>div>p:not(.eyebrow){font-size:14px;line-height:1.9;margin-top:23px;color:#7a584d}.download-details{align-self:center;padding-left:65px;border-left:1px solid #d8b0a3}.desktop-mark{display:block;margin-bottom:22px}.desktop-mark svg{width:38px;height:38px}.download-details h3{font-size:18px}.download-details>p{font-size:12px!important;margin-top:9px!important}.release-line{font-size:11px;display:flex;gap:16px;color:#79564a;margin:19px 0}.release-line>span+span{border-left:1px solid #c69887;padding-left:16px}.button.inverse{width:100%;justify-content:space-between;background:#304e3f;color:#fff;margin:7px 0 13px}.download-note{font-size:11px!important;max-width:340px}.download-details>.quiet-link{font-size:11px;color:#493b34}.release-verification{max-width:100%;margin-top:18px;font-size:13px}.release-verification code{display:block;font-size:11px;overflow-wrap:anywhere;margin-top:6px;line-height:1.7}.release-verification p{font-size:13px}
.faq-section{display:grid;grid-template-columns:1fr 1.35fr;gap:100px}.faq-section h2{font-size:34px;margin-top:21px}.muted{font-size:13px;color:var(--muted);margin-top:18px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px;line-height:1.8;cursor:pointer;padding:22px 0}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{flex:none;transition:transform .25s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details[open] summary{color:var(--green)}.faq-list details p{font-size:13px;color:var(--muted);line-height:2;padding:0 25px 23px 0;animation:reply-arrive .25s}.site-footer{border-top:1px solid var(--line)}.footer-top{padding-block:44px;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-top p{font-size:14px;color:var(--muted)}.footer-bottom{border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px 24px;align-items:center;padding-block:24px;font-size:10px;color:var(--muted)}.footer-bottom>span:nth-child(2){margin-right:auto}.footer-bottom a:hover{text-decoration:underline}
dialog{color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:30px;width:min(470px,calc(100% - 32px));max-height:calc(100svh - 40px);overflow-y:auto;box-shadow:0 24px 90px #0003}dialog[open]{animation:panel-arrive .25s}dialog::backdrop{background:#102219aa;backdrop-filter:blur(6px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}dialog h2{font-size:28px;line-height:1.5;margin:13px 0 18px}dialog>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.9}.access-info{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:19px;margin:22px 0;font-size:11px;color:var(--muted)}.image-dialog{width:min(1480px,calc(100% - 32px));padding:0;background:#202724;color:#fff;border-color:#4c5e51}.image-dialog-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-size:13px}.image-dialog img{width:100%;object-fit:contain}.image-dialog .icon-button:hover{background:#394b3e}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:80;max-width:calc(100% - 32px);padding:13px 22px;font-size:12px;line-height:1.6;border-radius:6px;background:var(--fg);color:var(--bg);text-align:center}.noscript{padding:20px;background:#ffebc5;color:#4c3916;text-align:center}.js .reveal{opacity:0;transform:translateY(32px);transition:opacity .8s,transform .8s}.js .reveal.visible{opacity:1;transform:none}
@keyframes copy-arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes scene-arrive{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:none}}@keyframes note-arrive{from{opacity:0;transform:translateY(22px) rotate(-5deg)}to{opacity:1;transform:rotate(3deg)}}@keyframes panel-arrive{from{opacity:.3;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes reply-arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes tab-arrive{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes hello{0%,100%{transform:rotate(3deg)}30%{transform:translateY(-9px) rotate(-2deg)}65%{transform:rotate(5deg)}}@keyframes hello-scene{0%,100%{transform:none}45%{transform:translateY(-6px)}}@keyframes nudge{0%,100%{transform:none}50%{transform:translateY(5px)}}
@media(min-width:1600px){.hero h1{font-size:88px}.hero-copy{width:65%}.hero-line{font-size:24px}.hero-description{font-size:15px}.hero-art{object-position:calc(50% + 350px) center}.mascot-note{right:5%;top:12%}}
@media(max-width:1150px){.header-inner{padding:0 30px;gap:25px}.desktop-nav{gap:17px;font-size:12px}.header-actions{gap:10px}.brand{font-size:16px}.container{padding-inline:32px}.hero h1{font-size:65px}.hero-line{font-size:18px}.hero-copy{width:63%}.hero-description{font-size:13px}.mascot-note{right:5%;max-width:240px;padding:12px 16px}.mascot-note p{font-size:11px}.scenario-layout{gap:36px}.care-grid{gap:28px}.download-inner{gap:50px}.download-details{padding-left:40px}.faq-section{gap:55px}}
@media(max-width:850px){.site-header{height:72px}.header-inner{padding:0 24px;justify-content:space-between}.desktop-nav,.header-download{display:none}.mobile-menu{display:grid}.mobile-nav{position:absolute;top:71px;left:0;right:0;padding:12px 24px 18px;display:flex;flex-direction:column;gap:3px;background:var(--bg);border-bottom:1px solid var(--line)}.mobile-nav a{padding:12px 0;font-size:14px}.brand{font-size:17px}.hero{height:calc(100svh - 160px);min-height:560px;max-height:690px}.hero-inner{align-items:flex-start}.hero-copy{width:75%;padding-top:48px}.hero h1{font-size:60px}.hero-line{font-size:18px}.hero-art{height:390px;top:auto;bottom:53px;object-position:right center}.mascot-note{top:auto;bottom:35px;left:32px;right:auto;width:250px}.hero-scroll{padding-inline:32px}.format-band .container{gap:20px;min-height:94px}.format-band .container>span:first-child{display:none}.format-band .container>span{font-size:12px}.section{padding-block:72px}h2{font-size:36px}.section-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:36px}.section-heading>p{font-size:13px}.scenario-layout{grid-template-columns:1fr;gap:28px}.scenario-list{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.scenario-tab:nth-child(2){border-top:1px solid var(--line)}.scenario-tab{min-height:105px;gap:12px;padding-block:20px}.scenario-tab[aria-selected=true]{padding-left:8px}.scenario-tab b{font-size:13px}.scenario-tab small{font-size:11px}.scenario-tab>span:last-child{display:none}.scenario-panel{min-height:500px}.care-grid{grid-template-columns:1fr;gap:40px}.care-grid article{display:grid;grid-template-columns:40px 1fr;column-gap:20px}.care-number{grid-row:1;grid-column:1}.care-icon{grid-row:2;grid-column:1;margin:10px 0}.care-grid h3{grid-column:2;grid-row:1 / span 2;margin:8px 0 16px;align-self:center}.care-grid article>p,.care-grid .inline-link,.memory-demo,.greeting-example{grid-column:2}.memory-demo,.greeting-example{max-width:440px}.download-inner{gap:35px}.download-section h2{font-size:35px}.download-details{padding-left:30px}.download-details h3{font-size:17px}.faq-section{grid-template-columns:1fr;gap:35px}.footer-top p{display:none}}
@media(max-width:550px){:root{scroll-padding-top:85px}.container{padding-inline:22px}.site-header{height:68px}.header-inner{padding-inline:18px;gap:10px}.brand{font-size:14px;gap:8px}.brand small{font-size:8px;margin-top:3px}.brand-avatar{width:33px;height:33px}.header-actions{gap:4px}.icon-button{width:33px;height:33px}.text-button{font-size:12px;gap:2px}.text-button svg{width:15px;height:15px}.mobile-nav{top:67px;padding-inline:22px}.hero{height:calc(100svh - 142px);min-height:490px;max-height:730px}.hero-inner{height:calc(100% - 45px)}.hero-copy{width:100%;padding-top:29px}.hero .eyebrow{font-size:8px;gap:9px}.edition-mark{font-size:10px;padding-right:9px}.hero h1{font-size:48px;line-height:1.17;margin:16px 0 15px}.hero-line{font-size:16px;line-height:1.7}.hero-description{font-size:12px;margin-top:10px;line-height:1.8}.hero-actions{margin-top:18px;gap:18px}.hero .button{min-height:48px;padding:13px 16px;font-size:12px;gap:9px}.hero .button svg{width:16px;height:16px}.hero-actions .quiet-link{font-size:11px;gap:7px}.hero-meta{font-size:9px;margin-top:10px}.hero-art{height:290px;bottom:45px;width:100%;max-width:none;object-fit:contain;object-position:right bottom}.mascot-note{bottom:25px;left:22px;max-width:175px;padding:10px 12px;transform:rotate(-3deg)}.note-caption{font-size:8px}.mascot-note p{font-size:11px;min-height:36px;line-height:1.6}.mascot-note button{font-size:9px;gap:7px;padding:4px 0}.mascot-note button svg{width:12px;height:12px}.hero-scroll{min-height:45px;padding:11px 22px;font-size:10px;gap:12px}.hero-scroll>span:last-child{gap:8px}.format-band .container{min-height:94px;flex-wrap:wrap;gap:12px 22px;padding-block:18px}.format-band .container>span:not(:first-child){width:calc(50% - 14px);font-size:11px;gap:9px}.format-band svg{width:17px;height:17px}.section{padding-block:58px}h2{font-size:29px;line-height:1.5}.section-heading .eyebrow{font-size:10px;margin-bottom:18px}.section-heading>p{font-size:12px}.section-heading{gap:18px;margin-bottom:28px}.scenario-list{gap:0 12px}.scenario-tab{gap:8px;min-height:100px;padding:18px 3px}.scenario-tab[aria-selected=true]{padding-left:3px}.scenario-tab b{font-size:12px}.scenario-tab small{font-size:10px}.scenario-icon{width:22px}.scenario-icon svg{width:21px;height:21px}.scenario-panel{padding:22px 19px;min-height:530px}.scenario-panel h3{font-size:18px;min-height:54px;margin-bottom:23px}.sample-topline{margin-bottom:20px}.sample-file{margin-left:0;font-size:10px;gap:7px}.sample-person>span:last-child{font-size:9px}.scenario-panel blockquote{margin-left:0;font-size:13px;min-height:100px}.sample-result{margin-left:0;font-size:12px;min-height:70px}.section-footnote{font-size:10px}.gallery-tabs{gap:23px}.gallery-tab{font-size:12px}.real-label{font-size:9px}.gallery-bar{gap:12px;margin-bottom:20px}.zoom-label{font-size:0;bottom:8px;right:8px;padding:8px}.zoom-label svg{width:15px;height:15px}.workspace-section figcaption{font-size:12px}.care-grid article{grid-template-columns:28px 1fr;column-gap:13px}.care-icon svg{width:25px;height:25px}.care-grid h3{font-size:18px}.care-grid article>p{font-size:13px}.download-section{padding-block:54px}.download-inner{grid-template-columns:1fr;gap:34px}.download-section h2{font-size:32px}.download-section .eyebrow{font-size:10px}.download-details{padding:27px 0 0;border-left:0;border-top:1px solid #d8b0a3}.desktop-mark{float:right;margin-top:8px}.desktop-mark svg{width:30px;height:30px}.download-details h3{font-size:16px;max-width:250px}.download-details>.button{margin-top:13px}.download-note{max-width:none}.faq-section h2{font-size:28px}.faq-list summary{font-size:13px;padding:21px 0;gap:14px}.faq-list summary svg{width:17px;height:17px}.faq-list details p{padding-right:0;font-size:13px}.footer-top{padding-block:30px;gap:15px}.footer-top>.quiet-link{font-size:10px;gap:5px}.footer-bottom{font-size:9px;gap:13px 18px}.footer-bottom>span:nth-child(2){margin:0}.footer-bottom>span:nth-child(3){width:100%}dialog{padding:24px}dialog h2{font-size:25px}.image-dialog{padding:0;width:calc(100% - 16px)}.image-dialog-bar{font-size:11px;padding:9px 12px}}
@media(max-width:550px) and (max-height:740px){.hero{height:calc(100svh - 142px);min-height:460px}.hero-copy{padding-top:20px}.hero h1{font-size:39px;margin-block:11px}.hero-description{display:none}.hero-line{font-size:14px}.hero-actions{margin-top:14px}.hero-art{height:220px}.mascot-note{bottom:17px;max-width:155px}.hero-meta{margin-top:7px}}
@media(max-width:360px){.brand{font-size:12px;gap:6px}.brand-avatar{width:29px;height:29px}.header-inner{padding-inline:14px}.header-actions{gap:2px}.hero h1{font-size:38px}.hero-line{font-size:13px}.hero-actions{gap:11px}.hero .button{padding-inline:12px;font-size:11px}.hero-actions .quiet-link{font-size:10px}.hero-actions .quiet-link svg{width:14px;height:14px}.scenario-tab b{font-size:11px}.scenario-tab small{font-size:9px}.mascot-note{max-width:145px}.sample-file .file-label{font-size:8px}.gallery-tabs{gap:18px}.real-label{font-size:8px}}
.hero-art-dark{display:none}
.mascot-picker{position:relative;flex:none}
.mascot-picker>summary{width:38px;height:38px;display:grid;place-items:center;cursor:pointer;border-radius:6px;list-style:none}
.mascot-picker>summary::-webkit-details-marker{display:none}
.mascot-picker>summary:hover,.mascot-picker[open]>summary{background:var(--soft)}
.mascot-picker>summary .brand-avatar{width:28px;height:28px}
.mascot-options{position:absolute;top:47px;right:0;width:206px;margin:0;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--bg);box-shadow:0 8px 24px #0002}
.mascot-options legend{float:left;width:100%;padding:0 0 12px;font-size:12px;color:var(--muted)}
.mascot-choices{clear:both;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mascot-choices label{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;padding:10px 8px;border:1px solid var(--line);border-radius:6px;font-size:12px;cursor:pointer}
.mascot-choices img{width:48px;height:48px;border-radius:50%}
.mascot-choices input{position:absolute;opacity:0;width:1px;height:1px}
.mascot-choices label:has(input:checked){background:var(--soft);border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}
.mascot-choices label:has(input:focus-visible){outline:3px solid var(--coral);outline-offset:3px}
:root[data-mascot=cat] .brand-avatar{background-image:url('assets/xiaohe-cat-avatar.png')}
@media(max-width:550px){.mascot-picker>summary{width:33px;height:33px}.mascot-picker>summary .brand-avatar{width:25px;height:25px}}
@media(max-width:360px){.header-actions .login-trigger{display:none}}
.hero-description{animation:none}
[data-theme=dark] .hero{background:#1b231e;color:#edf4ee}
[data-theme=dark] .hero-art{visibility:hidden;filter:none}
[data-theme=dark] .hero-art-dark{display:block;visibility:visible}
[data-theme=dark] .hero-scroll{background:#1b231e;border-color:#3a4b3e}
[data-theme=dark] .hero .eyebrow,[data-theme=dark] .hero .quiet-link{color:#b8edcd}
[data-theme=dark] .hero-description,[data-theme=dark] .hero-meta{color:#b0c5b7}
[data-theme=dark] .hero .button{background:#b8edcd;color:#203e2b}
[data-theme=dark] .mascot-note{background:#29372d;border-color:#4a5b4d;color:#eff5ee;box-shadow:4px 5px 0 #0b120d44}
[data-theme=dark] .note-caption{color:#b3c6b8}
[data-theme=dark] .mascot-note button{color:#b8edcd}
[data-theme=dark] .brand-avatar{background-image:url('assets/xiaohe-shepherd-avatar.png')}
@media(min-width:1600px){.hero-art{object-position:calc(50% + 120px) center}.mascot-note{top:5%;right:6%}}
@media(min-width:851px){.mascot-note{left:48%;right:auto;top:7%;max-width:220px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}