@charset "UTF-8";
:root{--ink:#102831;--muted:#526970;--paper:#f6f3ea;--pale:#e5f2ed;--white:#fff;--teal:#08786f;--dark:#07534e;--yellow:#ffd84a;--coral:#ff765e;--line:#b7c9c4;--header:76px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--header);overflow-x:hidden}
body{min-width:320px;margin:0;overflow-x:clip;color:var(--ink);background:var(--paper);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;font-size:14px;line-height:1.75;-webkit-text-size-adjust:100%}
body,button,input{font-family:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{font-size:inherit}button{color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}ul{margin:0;padding:0;list-style:none}
.header-inner,.section-inner,.hero-grid,.download-shell,.footer-inner{width:min(1200px,calc(100% - 40px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:1000;height:var(--header);background:rgba(255,255,255,.98);border-bottom:1px solid var(--line);transform:translateZ(0);backface-visibility:hidden}
.header-inner{height:100%;display:flex;align-items:center;gap:30px}.brand,.footer-brand{display:inline-flex;align-items:center;min-width:190px;gap:11px}.brand img,.footer-brand img{width:46px;height:46px;flex:0 0 46px;object-fit:contain;border:1px solid var(--line);border-radius:5px;background:#fff}.brand-copy,.footer-brand>span{min-width:0;display:grid;line-height:1.3}.brand-copy strong,.footer-brand strong{font-size:18px}.brand-copy small,.footer-brand small{margin-top:3px;color:var(--muted);font-size:12px;white-space:nowrap}
.site-nav{margin-left:auto}.site-nav ul{display:flex;align-items:center;gap:28px}.site-nav a{position:relative;display:block;padding:27px 0 24px;font-weight:700}.site-nav a:after{position:absolute;right:0;bottom:0;left:0;height:3px;content:"";background:var(--teal);transform:scaleX(0)}.site-nav a:hover:after,.site-nav a.is-active:after{transform:scaleX(1)}
.header-actions{display:flex;align-items:center;gap:10px}.header-download,.primary-action,.download-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800}.header-download{min-width:132px;min-height:44px;padding:10px 18px;color:#fff;background:var(--teal);border-radius:5px}.header-download:hover{color:#fff;background:var(--dark)}.menu-toggle{display:none;width:44px;height:44px;padding:10px;background:#fff;border:1px solid var(--ink);border-radius:5px}.menu-toggle span{display:block;width:100%;height:2px;margin:4px 0;background:var(--ink)}
.hero{min-height:760px;display:flex;align-items:center;overflow:hidden;background-color:#f4f8f3;background-image:linear-gradient(rgba(8,120,111,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(8,120,111,.08) 1px,transparent 1px);background-size:44px 44px}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:center;gap:80px;padding:52px 0}.hero-copy{max-width:680px}.eyebrow,.section-index,.download-copy>p{color:var(--teal);font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.hero-copy h1{margin-top:16px;font-size:clamp(70px,7vw,108px);line-height:.98;letter-spacing:-.06em;white-space:nowrap}.hero-copy h2{margin-top:26px;font-size:clamp(28px,3vw,42px);line-height:1.25}.hero-intro{max-width:640px;margin-top:24px;color:var(--muted);font-size:16px;line-height:2}.hero-features{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.hero-features span{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:9px 14px;font-weight:700;background:#fff;border:1px solid var(--line);border-radius:5px}.hero-action-stack{width:max-content;display:grid;justify-items:start;gap:10px;margin-top:30px}.primary-action{min-width:230px;min-height:58px;padding:14px 22px;color:#fff;background:var(--teal);border:2px solid var(--teal);border-radius:5px;font-size:16px}.primary-action:hover{color:var(--teal);background:var(--yellow)}.age-label{color:var(--muted);font-size:12px}
.hero-device{width:360px;justify-self:end}.phone-shell{position:relative;width:340px;min-height:654px;margin-left:auto;padding:14px;background:#111918;border:1px solid #111918;border-radius:42px}.phone-shell:before{position:absolute;top:14px;left:50%;width:112px;height:25px;content:"";background:#111918;border-radius:0 0 16px 16px;transform:translateX(-50%)}.phone-screen{min-height:624px;padding:15px 18px 18px;overflow:hidden;background:#fff;border-radius:30px}.phone-status{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 2px;font-size:12px;font-weight:800}.status-icons{letter-spacing:2px}.phone-appbar{display:flex;align-items:center;gap:10px;margin:10px -18px 0;padding:12px 18px;color:#fff;background:var(--dark)}.phone-logo{width:39px;height:39px;display:grid;place-items:center;flex:0 0 39px;font-weight:900;background:var(--teal);border:1px solid rgba(255,255,255,.6);border-radius:5px}.phone-appbar div{display:grid;line-height:1.35}.phone-appbar small{margin-top:2px;color:#b9ddd7;font-size:12px}.phone-welcome{padding:22px 0 17px}.phone-welcome p{color:var(--teal);font-size:12px;font-weight:900;letter-spacing:.14em}.phone-welcome h3{margin-top:4px;font-size:23px}.phone-welcome span{color:var(--muted);font-size:12px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.auth-tabs button{padding:11px 5px;font-weight:800;background:transparent;border:0;border-bottom:3px solid transparent;cursor:pointer}.auth-tabs button.is-active{color:var(--teal);border-bottom-color:var(--teal)}.auth-panel{display:none;gap:10px;padding-top:16px}.auth-panel.is-active{display:grid}.auth-panel>label{display:grid;gap:5px;font-size:12px;font-weight:800}.auth-panel input:not([type=checkbox]){width:100%;min-height:43px;padding:9px 11px;color:var(--ink);background:#f5f7f6;border:1px solid #c9d5d2;border-radius:5px;outline:none}.auth-panel input:focus{border-color:var(--teal)}.auth-options{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.auth-options label{display:inline-flex;align-items:center;gap:5px}.auth-options button{padding:0;color:var(--teal);background:none;border:0}.phone-submit{min-height:44px;margin-top:4px;color:#fff;font-weight:800;background:var(--teal);border:0;border-radius:5px;cursor:pointer}.phone-note{margin-top:12px;color:var(--muted);font-size:12px;text-align:center}
.section-inner{padding:100px 0}.section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,440px);align-items:end;gap:50px;margin-bottom:46px}.section-heading h2{margin-top:7px;font-size:clamp(38px,5vw,66px);line-height:1.1;letter-spacing:-.04em}.section-heading>p{color:var(--muted)}
.coordinate-board{display:grid;grid-template-columns:390px minmax(0,1fr);border:1px solid var(--ink);border-radius:5px;overflow:hidden;background:#fff}.coordinate-filters{padding:34px;color:#fff;background:var(--dark)}.filter-group+.filter-group{margin-top:28px}.filter-group>strong{display:block;margin-bottom:10px;font-size:16px}.choice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.choice-row button{min-height:42px;color:#d7ebe7;background:transparent;border:1px solid #6e9d96;border-radius:5px;cursor:pointer}.choice-row button.is-active{color:var(--ink);font-weight:800;background:var(--yellow);border-color:var(--yellow)}.mood-slider{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font-size:12px}.mood-slider input{accent-color:var(--yellow)}.coordinate-submit{width:100%;min-height:48px;margin-top:30px;color:var(--ink);font-weight:900;background:var(--yellow);border:1px solid var(--yellow);border-radius:5px;cursor:pointer}.coordinate-result{padding:34px}.result-head{display:flex;align-items:start;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--line)}.result-head span{color:var(--teal);font-size:12px;font-weight:900}.result-head h3{margin-top:4px;font-size:25px}.result-head>strong{color:var(--teal);white-space:nowrap}.result-list article{display:grid;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid #dae3e0}.result-list img{width:62px;height:74px;object-fit:contain;background:var(--pale);border-radius:5px}.result-list div{display:grid;min-width:0}.result-list div strong{font-size:16px}.result-list div span,.result-list em{color:var(--muted);font-size:12px;font-style:normal}
.shelf-section{color:#fff;background:var(--ink)}.section-heading-light .section-index{color:var(--yellow)}.section-heading-light>p{color:#aac0c4}.shelf-lanes{display:grid;gap:12px}.lane-card{min-height:150px;display:grid;grid-template-columns:76px minmax(0,1fr) 220px;align-items:center;gap:28px;padding:24px 28px;border:1px solid #4b6266;border-radius:5px}.lane-number{color:var(--yellow);font-size:32px;font-weight:900}.lane-copy span{color:#88bdb6;font-size:12px;font-weight:800;letter-spacing:.12em}.lane-copy h3{margin-top:2px;font-size:25px}.lane-copy p{margin-top:5px;color:#c2d0d2}.lane-books{display:flex;align-items:end;justify-content:flex-end;gap:8px}.lane-books i{width:28px;height:64px;display:block;background:var(--yellow);border:1px solid #fff;border-radius:2px 5px 5px 2px}.lane-books i:nth-child(2){height:86px;background:var(--coral)}.lane-books i:nth-child(3){height:74px;background:var(--teal)}.lane-books i:nth-child(4){height:50px;background:#fff}
.screens-section{background:#f7fbf9}.screens-track{display:flex;gap:16px;padding-bottom:10px;overflow-x:auto;scrollbar-color:var(--teal) #dbe9e5;scrollbar-width:thin;scroll-snap-type:x mandatory}.screens-track figure{width:288px;flex:0 0 288px;scroll-snap-align:start;background:#fff;border:1px solid var(--ink);border-radius:5px;overflow:hidden}.shot-frame{width:100%;height:450px;display:flex;align-items:center;justify-content:center;padding:0 18px;background:var(--pale)}.shot-frame img{width:250px;height:450px;object-fit:fill}.screens-track figcaption{min-height:92px;display:flex;align-items:center;gap:15px;padding:18px;border-top:1px solid var(--ink)}.screens-track figcaption>span{color:var(--teal);font-weight:900}.screens-track figcaption div{display:grid}.screens-track figcaption strong{font-size:17px}.screens-track figcaption small{color:var(--muted);font-size:12px}
.faq-section{color:#fff;background:var(--dark)}.faq-list{border-top:1px solid #729690}.faq-list details{border-bottom:1px solid #729690}.faq-list summary,.official-site summary{min-height:76px;display:grid;grid-template-columns:44px minmax(0,1fr) 24px;align-items:center;gap:10px;padding:14px 20px;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker,.official-site summary::-webkit-details-marker{display:none}.faq-list summary>span{color:var(--yellow);font-size:12px;font-weight:900}.faq-list summary strong,.official-site summary strong{font-size:17px}.faq-list summary>i,.official-site summary>span{position:relative;width:20px;height:20px;justify-self:end}.faq-list summary>i:before,.faq-list summary>i:after,.official-site summary>span:before,.official-site summary>span:after{position:absolute;top:9px;left:3px;width:14px;height:2px;content:"";background:currentColor}.faq-list summary>i:after,.official-site summary>span:after{transform:rotate(90deg)}.faq-list details[open] summary>i:after,.official-site[open] summary>span:after{transform:rotate(0)}.faq-list details>p{padding:0 20px 24px 74px;color:#d3e0e1}.official-site{margin-top:20px;color:var(--ink);background:#fff;border:1px solid var(--yellow);border-radius:5px}.official-site>p{padding:0 20px 22px 74px}.official-site a{color:var(--teal);text-decoration:underline}
.voices-section{background:#eee9dc}.voice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.voice-card{min-height:272px;display:flex;flex-direction:column;padding:24px;background:#fff;border-top:4px solid var(--teal);border-radius:5px}.voice-card:nth-child(even){border-top-color:var(--coral)}.voice-head{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px}.voice-head>i{width:42px;height:42px;border-radius:50%;background-color:var(--pale)}.voice-head span{color:var(--teal);font-size:12px;font-weight:800}.voice-card>p{margin-top:20px;color:#233d44;line-height:1.9}.voice-card time{align-self:flex-end;margin-top:auto;padding-top:18px;color:var(--muted);font-size:12px}
.download-section{padding:80px 0;background:var(--yellow)}.download-shell{display:grid;grid-template-columns:190px minmax(0,1fr) 250px;min-height:180px;color:var(--ink);background:#fff;border:1px solid var(--ink);border-radius:5px;overflow:hidden}.download-index{display:grid;place-content:center;text-align:center;background:var(--pale);border-right:1px dashed var(--teal)}.download-index strong{font-size:62px;line-height:1}.download-index span{margin-top:8px;font-size:12px;font-weight:900;letter-spacing:.12em}.download-copy{display:grid;align-content:center;padding:34px 40px}.download-copy h2{margin:5px 0 4px;font-size:29px}.download-copy>span{color:var(--muted)}.download-cta{color:#fff;background:var(--teal);border-left:1px solid var(--ink);font-size:17px}.download-cta:hover{color:var(--ink);background:var(--coral)}
.site-footer{padding:44px 0 26px;color:#fff;background:var(--ink)}.footer-inner{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:26px}.footer-brand img{border-color:#6a7d81}.footer-brand small{color:#a9bdc1}.footer-nav{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:24px}.footer-nav a:hover{color:var(--yellow)}.footer-inner>p{grid-column:1/-1;padding-top:20px;color:#b5c4c7;border-top:1px solid #52676b;font-size:12px;text-align:center}.back-top{position:fixed;right:22px;bottom:22px;z-index:900;width:48px;height:48px;display:grid;place-items:center;opacity:0;pointer-events:none;background:var(--yellow);border:1px solid var(--ink);border-radius:5px;transform:translateY(12px)}.back-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}
[class^="i-"],[class*=" i-"]{width:18px;height:18px;display:inline-block;flex:0 0 18px;background-repeat:no-repeat;background-position:center;background-size:contain}.i-download{background-image:url("../icons/download.svg")}.i-search{background-image:url("../icons/search.svg")}.i-bookmark{background-image:url("../icons/bookmark.svg")}.i-history{background-image:url("../icons/history.svg")}.i-avatar{background-image:url("../icons/avatar.svg");background-size:22px}.i-globe{background-image:url("../icons/globe.svg")}.i-top{background-image:url("../icons/top.svg")}
@media(max-width:980px){:root{--header:66px}.header-inner,.section-inner,.hero-grid,.download-shell,.footer-inner{width:min(100% - 28px,720px)}.site-header{height:var(--header)}.brand{min-width:0;margin-right:auto}.brand img{width:40px;height:40px;flex-basis:40px}.brand-copy strong{font-size:16px}.site-nav{position:absolute;top:65px;right:0;left:0;display:none;margin:0;padding:10px 14px 14px;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--ink)}.site-nav.is-open{display:block}.site-nav ul{display:grid;gap:0}.site-nav a{padding:13px 10px;border-bottom:1px solid #e0e7e5}.site-nav a:after{display:none}.header-download{min-width:auto;min-height:42px;padding:9px 13px}.header-download i{display:none}.menu-toggle{display:block}.hero{min-height:0}.hero-grid{grid-template-columns:minmax(0,1fr);gap:48px;padding:70px 0 78px}.hero-copy{max-width:none;text-align:center}.hero-copy h1{font-size:clamp(58px,16vw,86px)}.hero-intro{margin-right:auto;margin-left:auto}.hero-features{justify-content:center}.hero-action-stack{margin-right:auto;margin-left:auto;justify-items:center}.hero-device{width:100%;justify-self:center}.phone-shell{margin:0 auto}.section-heading{grid-template-columns:1fr;gap:12px}.coordinate-board{grid-template-columns:1fr}.lane-card{grid-template-columns:60px minmax(0,1fr) 140px}.voice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.download-shell{grid-template-columns:150px minmax(0,1fr)}.download-cta{grid-column:1/-1;min-height:66px;border-top:1px solid var(--ink);border-left:0}}
@media(max-width:620px){body{font-size:14px}.header-inner,.section-inner,.hero-grid,.download-shell,.footer-inner{width:min(100% - 24px,440px)}.brand{gap:8px}.brand-copy small{display:block;max-width:145px;overflow:visible;white-space:nowrap}.header-actions{gap:7px}.header-download{padding:8px 12px;white-space:nowrap}.hero-grid{padding-top:50px}.hero-copy h1{font-size:clamp(52px,20vw,72px)}.hero-copy h2{font-size:28px}.hero-intro{font-size:14px;line-height:1.9}.hero-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.hero-features span{min-height:58px;justify-content:center;flex-direction:column;padding:7px 4px;font-size:12px}.primary-action{width:min(290px,calc(100vw - 48px))}.phone-shell{width:min(340px,100%);min-height:640px}.phone-screen{min-height:610px}.section-inner{padding:72px 0}.section-heading{margin-bottom:30px}.section-heading h2{font-size:42px}.coordinate-filters,.coordinate-result{padding:22px 18px}.result-head{display:grid}.result-list article{grid-template-columns:54px minmax(0,1fr);gap:12px}.result-list img{width:54px;height:66px}.result-list em{grid-column:2}.lane-card{min-height:0;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:20px 16px}.lane-number{font-size:24px}.lane-copy h3{font-size:21px}.lane-books{grid-column:1/-1;justify-content:flex-start;padding-left:56px}.lane-books i,.lane-books i:nth-child(2),.lane-books i:nth-child(3),.lane-books i:nth-child(4){width:22px;height:38px}.screens-track{gap:10px}.screens-track figure{width:calc((100vw - 34px)/2);flex-basis:calc((100vw - 34px)/2)}.shot-frame{height:320px;padding:0}.shot-frame img{width:100%;height:100%;object-fit:fill}.screens-track figcaption{min-height:92px;align-items:flex-start;gap:8px;padding:12px 10px}.screens-track figcaption strong{font-size:14px}.faq-list summary,.official-site summary{min-height:68px;grid-template-columns:30px minmax(0,1fr) 22px;padding:12px 10px}.faq-list summary strong,.official-site summary strong{font-size:14px}.faq-list details>p,.official-site>p{padding:0 10px 18px 40px}.voice-grid{grid-template-columns:1fr}.voice-card{min-height:0}.voice-head{grid-template-columns:40px minmax(0,1fr) auto}.download-section{padding:58px 0}.download-shell{grid-template-columns:1fr}.download-index{min-height:116px;border-right:0;border-bottom:1px dashed var(--teal)}.download-index strong{font-size:52px}.download-copy{padding:28px 20px;text-align:center}.download-copy h2{font-size:25px}.download-cta{min-height:62px}.footer-inner{grid-template-columns:1fr;justify-items:center;text-align:center}.footer-brand{min-width:0}.footer-nav{justify-content:center;gap:12px 20px}.back-top{right:12px;bottom:12px}}
@media(hover:none) and (pointer:coarse){a,button{transition:none!important}a:active,button:active{opacity:1}}