:root{--ink:#3f4844;--muted:#7d8178;--paper:#fbf9f3;--orange:#bc704d;--green:#57735f;--line:#e4e4d9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.7}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #bc704d;outline-offset:5px}.wrap{max-width:1200px;margin:auto;padding-left:36px;padding-right:36px}.header{height:104px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700;white-space:nowrap}.cat-logo{font-size:31px;color:var(--orange);line-height:1}.brand-en{font-size:11px;letter-spacing:.5px;font-weight:400;color:var(--muted);margin-left:5px}.header nav{display:flex;gap:32px;align-items:center;font-size:13px}.nav-cta{border:1px solid #c9cebf;border-radius:9px;padding:9px 17px}.nav-cta span{margin-left:15px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;padding-top:50px;padding-bottom:73px}.eyebrow{font-size:12px;letter-spacing:1.8px;color:var(--green);display:block}.dot{display:inline-block;width:6px;height:6px;background:#8b9b72;border-radius:50%;margin-right:8px}h1{font-size:51px;line-height:1.4;letter-spacing:-2px;margin:24px 0 22px;font-weight:650}.orange{color:var(--orange);display:inline-block;position:relative}.orange:after{content:"";height:9px;border-top:2px solid #d7a78b;border-radius:50%;position:absolute;bottom:-8px;left:0;right:0;transform:rotate(-3deg)}.intro{font-size:15px;line-height:2.1;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:29px}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;border:0;border-radius:10px;padding:13px 22px;font-weight:500}.primary{color:white;background:var(--green);box-shadow:0 4px 0 #445c4c;transition:transform .2s}.primary:hover{transform:translateY(-2px)}.text-link{font-size:12px;color:var(--muted)}.hero-notes{display:flex;gap:22px;margin-top:28px;font-size:11px;color:var(--muted)}.pencil-note{color:#9b957e;font-size:13px;margin-top:34px;transform:rotate(-3deg);letter-spacing:1px}.pencil-note span{font-size:28px;margin-left:12px}.hero-visual{position:relative;padding-top:35px;padding-bottom:20px}.desktop{height:470px;border-radius:15px;overflow:hidden;border:1px solid #c9cbbf;box-shadow:0 24px 55px #626e5a18;background:#e6e9db}.menubar{height:32px;background:#dce2cf;display:flex;justify-content:space-between;padding:0 14px;align-items:center;font-size:9px}.desktop-left{word-spacing:10px}.menu-right{display:flex;align-items:center;gap:12px}.menu-right button{border:0;background:#b8c7a8;border-radius:5px;height:28px;width:30px;font-size:25px;line-height:22px}.wallpaper{position:relative;height:calc(100% - 32px);background:radial-gradient(ellipse at 20% 100%,#c3cbb480,transparent 65%),linear-gradient(120deg,#eef0e4,#d9dfcb);overflow:hidden}.wallpaper:before{content:"";position:absolute;width:360px;height:360px;border:1px solid #bac5a860;border-radius:49% 51% 40% 60%;left:-160px;top:100px;transform:rotate(25deg)}.desktop-caption{position:absolute;left:23px;bottom:32px;font-size:16px;line-height:2;letter-spacing:4px;color:#8a967a}.popover{width:280px;position:absolute;right:20px;top:11px;border-radius:12px;box-shadow:0 12px 25px #45503830;background:#f3f6f8}.popover:before{content:"";position:absolute;top:-7px;right:116px;width:15px;height:15px;transform:rotate(45deg);background:#f3f6f8}.popover img{width:100%;height:auto;display:block;border-radius:12px;position:relative}.closed-message{position:absolute;top:130px;right:30px;font-size:15px;color:var(--green);line-height:2}.menu-note{position:absolute;top:0;right:27px;color:#8d967c;font-size:12px;transform:rotate(3deg)}.menu-note span{display:inline-block;font-size:29px;transform:rotate(110deg);vertical-align:middle}.image-caption{display:block;text-align:right;font-size:10px;margin-top:13px;color:#92978b}.floating-note{position:absolute;bottom:43px;left:-25px;background:#fffdf4;padding:13px 22px;border:1px solid #e4dfcd;box-shadow:0 5px 15px #514d3810;transform:rotate(-7deg);font-size:12px;line-height:1.8}.floating-note span{float:left;margin-right:13px;font-size:26px;color:#b98968}.ribbon{display:flex;align-items:center;justify-content:center;gap:55px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px;background:#f1f2e8;font-size:12px;color:#7a826c;letter-spacing:2px}.ribbon i{font-size:18px;color:#b6bd9e;font-style:normal}.features{padding-top:80px;padding-bottom:75px}.section-heading{display:flex;align-items:center;justify-content:space-between}h2{font-size:30px;line-height:1.55;font-weight:600;letter-spacing:-.6px;margin:12px 0 20px}.section-heading p{font-size:13px;color:var(--muted);line-height:1.9}.tabs{display:flex;margin:25px 0 0;border-bottom:1px solid var(--line);gap:18px}.tabs button{background:transparent;border:0;border-bottom:3px solid transparent;padding:16px 18px;color:var(--muted);font-size:14px}.tabs button[aria-selected=true]{color:var(--green);border-color:var(--green);font-weight:600}.tabs button:hover{background:#ecefe4}#feature-panel{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:43px 38px 24px;background:#f3f1e8;border-radius:0 0 20px 20px;min-height:510px}.feature-art{position:relative;height:420px;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;padding-top:16px;background:#e8e9df;border-radius:48% 48% 8px 8px}.feature-art img{width:270px;box-shadow:0 8px 30px #444c4020;border:7px solid white;border-radius:5px;transform:rotate(-3deg)}.photo-tape{position:absolute;z-index:1;top:9px;width:94px;height:25px;transform:rotate(-5deg);background:#d5c9a7a6}.photo-label{position:absolute;bottom:15px;left:15px;background:#fffdf2eF;padding:6px 12px;font-size:10px;color:#8a826c;transform:rotate(-3deg)}.feature-copy{align-self:center;padding-bottom:20px}.feature-copy h3{font-size:30px;line-height:1.6;margin:15px 0}.feature-copy>p{color:var(--muted);font-size:14px}.feature-copy ul{padding:0;list-style:none;margin-top:25px}.feature-copy li{font-size:13px;margin:15px 0;padding-left:22px;position:relative}.feature-copy li:before{content:"✧";position:absolute;left:0;color:var(--orange)}.feature-copy .feature-footnote{font-size:11px;border-top:1px dashed #d3d6c7;padding-top:14px;margin-top:23px}.about{display:grid;grid-template-columns:1fr 1fr;gap:75px;padding-top:35px;padding-bottom:70px}.about h2{font-size:34px;margin-top:24px}.principles article{border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:23px}.principles article>span{font-size:10px;color:#9d9b87;letter-spacing:2px}.principles h3{font-size:17px;margin:6px 0}.principles p{font-size:13px;color:var(--muted);margin:5px 0}.download{background:#eaf0e3;text-align:center;border-radius:22px;padding-top:37px;padding-bottom:42px;max-width:1128px}.tiny-cat{font-size:34px;color:#9d7757;margin-bottom:10px}.download h2{font-size:34px;margin:12px 0}.download p{font-size:14px;color:var(--muted)}.pending{background:#c9d3bf;color:#5c6b53;cursor:not-allowed;margin:10px 0 17px}.download small{display:block;font-size:11px;color:#859078}.faq{max-width:870px;padding-top:65px;padding-bottom:70px}.faq h2{text-align:center;font-size:24px;margin-bottom:28px}details{border-bottom:1px solid var(--line);padding:18px 0;font-size:14px}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between}summary:after{content:"+";color:#8c9b7d}details[open] summary:after{content:"−"}details p{font-size:13px;color:var(--muted);max-width:680px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;min-height:100px;gap:20px}footer .brand{font-size:15px}footer>span,footer small{font-size:10px;color:var(--muted)}[hidden]{display:none!important}@media(min-width:1450px){.hero{padding-top:70px;padding-bottom:95px}}@media(max-width:950px){.brand-en{display:none}.hero{gap:20px}h1{font-size:40px}.hero-notes{gap:10px;font-size:10px}.hero-actions{gap:12px}.desktop-left{display:none}.menubar{justify-content:flex-end}.desktop-caption{display:none}.popover{right:12px;width:260px}.floating-note{left:-10px}.ribbon{gap:25px}.tabs{gap:0}.tabs button{padding:15px 12px}.feature-copy h3{font-size:25px}#feature-panel{gap:30px;padding:30px 22px}.about{gap:40px}}@media(max-width:700px){.wrap{padding-left:22px;padding-right:22px}.header{height:80px}.brand{font-size:16px}.header nav{gap:15px;font-size:12px}.header nav>a:first-child,.header nav>a:nth-child(2){display:none}.nav-cta{padding:6px 12px}.hero{grid-template-columns:1fr;padding-top:25px;gap:30px;padding-bottom:38px}h1{font-size:43px}.hero-copy{text-align:center}.intro{font-size:14px}.hero-actions,.hero-notes{justify-content:center}.hero-notes{gap:20px}.pencil-note{margin-top:24px}.hero-visual{max-width:480px;width:100%;margin:auto}.desktop{height:453px}.desktop-caption{display:block}.popover{right:17px;width:270px}.floating-note{bottom:33px;left:-7px}.ribbon{gap:13px;font-size:10px;letter-spacing:0;padding:15px 8px}.ribbon i{font-size:12px}.ribbon span:last-child,.ribbon i:nth-last-child(2){display:none}.features{padding-top:45px;padding-bottom:42px}.section-heading{display:block}.section-heading p{display:none}h2{font-size:25px}.tabs{overflow:auto;gap:5px}.tabs button{white-space:nowrap;padding:13px 9px;font-size:12px}#feature-panel{grid-template-columns:1fr;padding:22px;gap:28px}.feature-art{height:330px;order:2}.feature-copy{padding:0}.feature-copy h3{font-size:26px;margin:9px 0}.feature-copy ul{margin:15px 0}.feature-copy li{margin:12px 0}.about{grid-template-columns:1fr;gap:20px;padding-bottom:30px}.about h2{font-size:28px}.download{margin:0 16px;padding:28px 20px}.download h2{font-size:28px}.download small{font-size:10px}.faq{padding-top:45px;padding-bottom:45px}.faq h2{font-size:22px}footer{flex-wrap:wrap;padding-top:25px;padding-bottom:25px;gap:12px}footer>span{display:none}footer small{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* 标题与短文案使用本地趣味字体，长段正文保持清晰易读。 */
@font-face {
  font-family: "CatNeighbor Kuaile";
  src: url("assets/fonts/ZCOOLKuaiLe-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
:root {
  --font-playful: "CatNeighbor Kuaile", "Hiragino Maru Gothic ProN", "PingFang SC", sans-serif;
}
h1, h2, h3, .brand, .tabs button, .button, .pencil-note,
.menu-note, .floating-note, .desktop-caption, .closed-message {
  font-family: var(--font-playful);
  font-weight: 400;
  font-synthesis: none;
}
h1 { letter-spacing: 1px; line-height: 1.45; }
h2, .feature-copy h3 { letter-spacing: 1px; }
.tabs button { font-size: 16px; letter-spacing: .5px; }
.tabs button[aria-selected=true] { font-weight: 400; }
.button { font-size: 16px; letter-spacing: .5px; }
.pencil-note, .menu-note, .floating-note { font-size: 15px; }
.brand-en, .cat-logo, .tiny-cat, #menu-cat {
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif;
}
@media(max-width:700px) {
  h1 { font-size: 40px; letter-spacing: 0; }
  .tabs button { font-size: 14px; }
  .pencil-note, .menu-note, .floating-note { font-size: 13px; }
}

.download .primary { margin: 12px 0 20px; }
.download .install-notice { font-size: 12px; line-height: 1.9; margin-top: 20px; }
.download-links { display: flex; justify-content: center; gap: 24px; font-size: 12px; flex-wrap: wrap; }
.download-links a { text-decoration: underline; text-underline-offset: 4px; }
.install-guide { max-width: 820px; padding-top: 45px; padding-bottom: 60px; }
.install-guide li { margin: 16px 0; }
.install-guide h1 { font-size: 36px; }
.install-guide p { color: var(--muted); }