:root{--page:#fff;--text:#1a1a1a;--muted:#666;--brand:#00614d;--line:#e6ece9;--mint:#e9f8f2;--sans:'PingFang SC',-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',Roboto,'Helvetica Neue',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px;background:var(--page)}body{margin:0;color:var(--text);font:400 16px/1.5 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button,input{font:inherit}a,button{touch-action:manipulation}:focus-visible{outline:3px solid #00876a;outline-offset:5px}[hidden]{display:none!important}.skip{position:absolute;top:-100px;left:20px;z-index:40;padding:12px;background:#fff}.skip:focus{top:10px}
.top{height:65px;position:sticky;top:0;z-index:30;background:#fffffffa;border-bottom:1px solid #f1f1f1}.top-in{height:100%;max-width:1440px;width:calc(100% - 80px);margin:auto;display:flex;align-items:center;justify-content:space-between;position:relative}.wm{font-size:24px;font-weight:650;letter-spacing:-.035em;min-height:44px;display:flex;align-items:center}.home-nav{display:flex;gap:34px;position:absolute;left:50%;transform:translateX(-50%);font-size:14px;color:var(--muted)}.home-nav a{min-height:44px;display:flex;align-items:center;position:relative}.home-nav a:after{position:absolute;content:'';left:0;right:0;bottom:5px;height:2px;background:#00a980;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.home-nav a:hover:after,.home-nav a[aria-current]:after{transform:scaleX(1)}.home-nav a:hover,.home-nav a[aria-current]{color:var(--brand)}.header-login{display:inline-flex;align-items:center;gap:9px;padding:10px 21px;min-height:42px;border-radius:999px;background:var(--text);color:#fff;font-size:14px}.header-login:hover{background:#333}
.landing{position:relative;overflow:hidden;isolation:isolate;padding-top:88px}.hero{position:relative;z-index:2;max-width:1280px;padding-inline:48px;margin:auto;display:flex;flex-direction:column;align-items:center;text-align:center}.rebus{font-size:88px;font-weight:500;line-height:1.02;letter-spacing:-.04em}.hero-description{max-width:560px;margin-top:24px;font-size:16px;line-height:28px;font-weight:400;color:var(--muted)}.hero-actions{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:32px}.hero-primary{display:inline-flex;align-items:center;gap:12px;padding:13px 26px;min-height:48px;border-radius:999px;background:var(--text);color:#fff;font-size:16px;font-weight:500;line-height:22px;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.hero-primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px #00000029}.hero-online{min-height:36px;display:flex;align-items:center;color:var(--brand);font-size:14px}.hero-online:hover{text-decoration:underline;text-underline-offset:4px}.landing-glow{position:absolute;pointer-events:none;top:268px;left:50%;width:1565px;aspect-ratio:1565/1219;transform:translateX(-50%);background:url('assets/home-glow.svg') no-repeat center/100% 100%;z-index:-1}.product-shot{position:relative;margin:84px auto 0;width:calc(100% - 96px);max-width:992px;aspect-ratio:992/620;overflow:hidden;z-index:1}.preview{width:992px;height:620px;transform:scale(var(--preview-scale,1));transform-origin:top left;border:1px solid #e5ece9;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 8px 32px #1b493d08;color:#263b35}.preview-chrome{height:40px;display:flex;align-items:center;gap:17px;padding:0 16px;border-bottom:1px solid #edf1ef;font-size:11px;color:#62736b}.window-lights{display:flex;gap:5px}.window-lights i{width:8px;height:8px;border-radius:50%;background:#fd655d}.window-lights i:nth-child(2){background:#f5c33c}.window-lights i:nth-child(3){background:#5ac83e}.preview-status{margin-left:auto;font-size:10px}.preview-body{height:580px;display:grid;grid-template-columns:174px minmax(0,1fr) 235px}.preview-sidebar{background:#f7faf8;padding:23px 12px 15px;display:flex;flex-direction:column;border-right:1px solid #eaf0ec}.preview-brand{font-size:13px;font-weight:600;margin:0 8px 20px}.preview-nav{display:flex;align-items:center;gap:9px;font-size:11px;min-height:34px;padding:0 9px;margin-bottom:6px;color:#52635a}.preview-nav.selected{background:#e9efec;border-radius:6px;color:#21392e}.preview-nav>span{font-size:19px;width:14px;text-align:center}.preview-nav svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.preview-divider{height:1px;background:#e5ece7;margin:17px 6px}.preview-small{font-size:9px;color:#7a8982;padding:0 8px;margin-bottom:15px}.preview-session{font-size:10px;padding:10px 8px;color:#63786d}.preview-user{margin-top:auto;display:flex;align-items:center;gap:7px;font-size:10px;padding-left:7px}.user-circle{display:grid;place-items:center;width:22px;height:22px;background:#e4efe9;border-radius:50%;font-size:12px}.preview-center{display:flex;flex-direction:column;min-width:0;padding:0 24px 32px}.preview-center-top{height:46px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#728079}.preview-center-top>span{letter-spacing:2px}.preview-welcome{text-align:center;margin-top:122px}.preview-welcome h2{font-size:21px;font-weight:600;color:#24312a}.preview-welcome p{font-size:11px;color:#78867e;margin-top:9px}.preview-options{display:flex;justify-content:center;gap:4px;margin-top:18px}.preview-options span{font-size:9px;padding:5px 9px;background:#f3f6f4;border-radius:999px;color:#62746a}.preview-input{margin-top:50px}.preview-prompts{display:flex;gap:5px;margin-bottom:9px}.preview-prompts span{font-size:9px;padding:4px 8px;border:1px solid #edf1ef;border-radius:999px;color:#7a8980}.input-box{height:103px;border:1px solid #dce5df;background:#fff;border-radius:14px;padding:14px 14px 10px;box-shadow:0 3px 12px #204b3910}.input-box>span{font-size:11px;color:#91a095}.input-bottom{display:flex;align-items:center;gap:9px;margin-top:31px;color:#819087}.input-bottom>span{font-size:20px}.input-bottom small{font-size:9px}.input-bottom i{margin-left:auto;border-radius:50%;width:21px;height:21px;display:grid;place-items:center;background:#d2ded6;color:#fff;font-size:14px;font-style:normal}.input-note{font-size:8px;color:#95a198;padding:7px 14px}.preview-chart{background:#f4f8f6;border-left:1px solid #e7ede9;padding:22px 14px}.chart-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:24px}.chart-heading>span{font-size:9px;color:#75887b}.chart-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,72px);border-left:1px solid #ceddd3;border-top:1px solid #ceddd3;background:#fff}.chart-grid>span{border-right:1px solid #ceddd3;border-bottom:1px solid #ceddd3;font-size:9px;color:#527b63;padding:7px 6px;display:flex;flex-direction:column;justify-content:space-between}.chart-grid small{font-size:7px;color:#87998d}.chart-middle{grid-column:2/4;grid-row:2/4;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;border-right:1px solid #ceddd3;border-bottom:1px solid #ceddd3;background:#eef6f1}.chart-middle b{font-size:15px;color:#37654a;z-index:1}.chart-middle small{font-size:8px;margin-top:9px;z-index:1}.chart-middle i{position:absolute;width:79px;height:79px;transform:rotate(45deg);border:1px solid #d6e8dd}.chart-detail{display:flex;justify-content:space-around;font-size:8px;color:#85968b;margin-top:21px}.shot-fade{position:absolute;inset:auto 0 0;height:238px;background:linear-gradient(to top,#fff 14%,#ffffff00 100%);pointer-events:none}.shot-caption{font-size:11px;color:#6a746e;text-align:center;position:relative;margin:4px 20px 0;z-index:2}
.download-section{padding:110px 48px 96px;background:#fff}.download-inner{max-width:1176px;margin:auto}.section-tag{display:inline-block;background:#f0f9f5;color:var(--brand);border-radius:999px;font-size:12px;padding:6px 13px;margin-bottom:24px}.download-inner>h2{font-size:48px;font-weight:500;line-height:1.2;letter-spacing:-.03em}.download-description{font-size:15px;color:var(--muted);line-height:1.8;margin-top:20px}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.download-card{border:1px solid #f1f4f2;background:#fafcfb;border-radius:20px;padding:30px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:320px;transition:background .2s ease,border-color .2s ease,transform .2s ease}.download-card:hover{background:#f0fbf6;border-color:#d5f1e3;transform:translateY(-2px)}.download-card>svg{width:32px;height:32px;stroke:var(--text);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-bottom:20px}.download-card h3{font-size:19px;font-weight:500}.download-card p{font-size:12px;color:var(--muted);margin-top:7px}.download-card img{width:104px;height:104px;margin-top:22px}.download-link,.card-link{display:flex;align-items:center;min-height:44px;color:var(--brand);font-size:13px;margin-top:10px}.web-card{justify-content:center}.web-card .card-link{margin-top:25px}.wx-tip{font-size:13px;color:var(--muted);margin-top:24px}.site-footer{background:#111;color:#fff;padding:48px}.footer-inner{max-width:1176px;margin:auto;display:grid;grid-template-columns:1fr auto;gap:30px}.footer-brand>a{font-size:24px;font-weight:600}.footer-brand p{font-size:13px;color:#b8c1bb;margin-top:13px}.footer-links{display:flex;align-items:flex-start;gap:28px;font-size:13px;color:#cbd3ce}.footer-links a{min-height:44px;display:flex;align-items:center}.footer-links a:hover{text-decoration:underline;text-underline-offset:4px}.footer-legal{grid-column:1/-1;border-top:1px solid #343a36;padding-top:26px;font-size:11px;color:#b5bfb8;line-height:1.8}.footer-legal p+p{margin-top:8px}.footer-legal a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1280px){.rebus{font-size:68px}.product-shot{max-width:900px}.shot-fade{height:140px}}
@media(max-width:768px){html{scroll-padding-top:80px}.top{height:64px}.top-in{width:calc(100% - 40px)}.wm{font-size:22px}.home-nav{display:none}.header-login{min-height:44px;padding:10px 16px;font-size:12px}.landing{padding-top:40px}.hero{padding-inline:20px}.rebus{font-size:34px;line-height:1.15;letter-spacing:-.035em}.hero-description{font-size:14px;line-height:26px;margin-top:20px;max-width:500px}.hero-actions{margin-top:28px;width:100%}.hero-primary{justify-content:center;width:100%;max-width:420px;min-height:48px}.landing-glow{top:124px;width:804px}.product-shot{width:calc(100% - 40px);margin-top:52px}.shot-fade{height:80px}.shot-caption{font-size:10px;margin-top:8px}.download-section{padding:64px 20px}.download-inner>h2{font-size:32px;line-height:1.35}.download-description{font-size:14px}.download-grid{gap:12px;margin-top:28px}.download-card{padding:24px 12px;border-radius:16px;min-height:280px}.download-card h3{font-size:17px}.download-card p{font-size:11px}.download-card>svg{width:28px;height:28px}.download-card img{width:90px;height:90px}.download-link,.card-link{font-size:12px}.site-footer{padding:36px 20px}.footer-inner{grid-template-columns:1fr;gap:20px}.footer-links{font-size:12px;gap:24px}.footer-legal{font-size:10px}}
@media(max-width:480px){.download-grid{grid-template-columns:repeat(2,1fr)}.web-card{grid-column:1/-1;min-height:130px;display:grid;grid-template-columns:40px 1fr;gap:4px 16px;align-items:center;text-align:left;padding:24px}.web-card>svg{grid-row:1/4;margin:0}.web-card p{margin:0}.web-card .card-link{margin:0;min-height:36px}.download-card:not(.web-card){min-height:300px}.download-inner>h2{font-size:29px}.rebus{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.hero-description>span{display:block;text-wrap:balance}@media(max-width:768px){.hero-description>span{display:inline}.hero-description>span+span:before{content:" "}}

/* Real browser capture replaces the hand-built illustration. */
.product-shot{aspect-ratio:1280/670;border:1px solid #e2e9e5;border-radius:12px;background:#fff;box-shadow:0 8px 32px #1b493d08}
.real-product-shot{display:block;width:100%;height:auto}
.shot-caption{display:flex;justify-content:center;align-items:center;gap:18px;margin:12px 20px 0;font-size:12px;color:#606b64}
.demo-toggle{border:1px solid #dbe8e0;border-radius:999px;background:#fff;min-height:44px;padding:8px 16px;color:#00614d;font:inherit;cursor:pointer;transition:background .2s ease}
.demo-toggle:hover{background:#edf8f2}
@media(max-width:768px){.product-shot{border-radius:9px}.shot-caption{flex-direction:column;gap:4px;margin-top:12px}.demo-toggle{font-size:12px}}.demo-switcher{display:flex;justify-content:center;gap:4px;width:max-content;max-width:calc(100% - 40px);margin:64px auto 0;padding:4px;background:#f2f7f4;border:1px solid #e3ece6;border-radius:999px;position:relative;z-index:2}.demo-switcher button{border:1px solid transparent;border-radius:999px;background:none;padding:10px 22px;min-height:44px;font:500 14px/20px var(--sans);color:#5c6d63;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}.demo-switcher button[aria-selected=true]{background:#fff;border-color:#e0e8e3;color:#163c2b;box-shadow:0 2px 6px #1b493d0b}.demo-switcher button:hover{color:#00614d}#demo-panel .product-shot{margin-top:24px;aspect-ratio:1325/850}.demo-disclosure{font-size:11px;color:#637069;text-align:center;line-height:1.8;margin:12px 24px 0}@media(max-width:768px){.demo-switcher{margin-top:42px;gap:0}.demo-switcher button{font-size:12px;padding:9px 12px}#demo-panel .product-shot{margin-top:20px}.demo-disclosure{font-size:10px}}
#demo-panel .product-shot{aspect-ratio:16/9}
.demo-full{display:inline-flex;align-items:center;min-height:44px;color:#00614d;padding:8px 12px;font-size:12px;text-decoration:underline;text-underline-offset:4px}

/* TMT is the uppercase English brand; Chinese naming stays visible. */
.wm{display:inline-flex;align-items:center;gap:10px;letter-spacing:0}.nav-tmt{font-family:Arial,'Helvetica Neue',sans-serif;font-size:27px;line-height:1;font-weight:800;letter-spacing:-1.2px}.nav-cn{font-size:13px;letter-spacing:.03em;color:#53635b;font-weight:500;padding-left:10px;border-left:1px solid #dfe8e2}.tmt-hero{display:flex;flex-direction:column;align-items:center;gap:24px}.tmt-wordmark{display:inline-flex;align-items:center;gap:2px;font-family:Arial,'Helvetica Neue',sans-serif;font-weight:750;font-size:96px;line-height:1;letter-spacing:-4px}.tmt-m{display:inline-grid;place-items:center;background:#4bdcc0;color:#133b31;border-radius:22px;min-width:99px;height:84px;padding-right:4px;font-size:70px;letter-spacing:-4px;margin:0 6px;transform:rotate(-3deg);transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.tmt-wordmark:hover .tmt-m{transform:rotate(0)}.tmt-message{font-size:48px;line-height:1.25;font-weight:500;letter-spacing:-.04em}.footer-wordmark{display:inline-flex;align-items:center;gap:14px}.footer-wordmark>span{font-family:Arial,'Helvetica Neue',sans-serif;font-size:32px;letter-spacing:-1.2px;font-weight:800}.footer-wordmark small{font-size:14px;color:#cbd4ce;font-weight:400}.hero-description{margin-top:24px}@media(max-width:1280px){.tmt-wordmark{font-size:84px}.tmt-m{min-width:86px;height:74px;font-size:61px;border-radius:19px}.tmt-message{font-size:40px}}@media(max-width:768px){.nav-tmt{font-size:24px}.nav-cn{font-size:11px;padding-left:8px}.wm{gap:8px}.tmt-hero{gap:20px}.tmt-wordmark{font-size:68px;letter-spacing:-3px}.tmt-m{min-width:69px;height:60px;font-size:49px;border-radius:16px;margin-inline:4px}.tmt-message{font-size:28px;letter-spacing:-.03em}.hero-description{margin-top:20px}}@media(prefers-reduced-motion:reduce){.tmt-m{transition:none;transform:none}}
/* The expression-like lettermark stays readable; motion only answers interaction. */
.tmt-identity{display:inline-flex;position:relative;justify-content:center;align-items:center}
.tmt-wordmark{border:0;background:transparent;padding:4px 3px;margin:0;cursor:pointer;color:#161b18;gap:0;isolation:isolate}
.tmt-wordmark .tmt-letter{display:block;transform-origin:50% 65%;transition:transform .3s cubic-bezier(.22,.8,.25,1)}
.tmt-m{background:linear-gradient(135deg,#5be2c4 0%,#40d8b9 58%,#34c9ad 100%);color:#113e31;box-shadow:inset 0 1px 0 #ffffff55,0 5px 16px #1fc49a12;border-radius:24px;margin-inline:7px;transform:rotate(-3deg);transition:transform .35s cubic-bezier(.22,.8,.25,1),box-shadow .25s ease}
.tmt-wordmark:hover .tmt-m,.tmt-wordmark:focus-visible .tmt-m{transform:translateY(-3px) rotate(0);box-shadow:inset 0 1px 0 #ffffff55,0 8px 20px #1fc49a20}
.tmt-wordmark:hover .tmt-letter:first-child{transform:rotate(-2deg)}
.tmt-wordmark:hover .tmt-letter:last-child{transform:rotate(2deg)}
.tmt-greeting{position:absolute;bottom:calc(100% + 6px);left:50%;white-space:nowrap;transform:translate(-50%,4px);background:#fff;border:1px solid #dcebe3;border-radius:999px;padding:7px 13px;font:400 12px/18px var(--sans);letter-spacing:0;color:#276a51;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease}
.tmt-identity.is-greeting .tmt-greeting{opacity:1;visibility:visible;transform:translate(-50%,0)}
.tmt-identity.is-greeting .tmt-m{animation:tmt-hello .65s cubic-bezier(.22,.8,.25,1) 1}
@keyframes tmt-hello{0%{transform:rotate(-3deg)}35%{transform:translateY(-7px) rotate(3deg)}65%{transform:translateY(-2px) rotate(-2deg)}100%{transform:rotate(-3deg)}}
.sr-tmt{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:1280px){.tmt-m{border-radius:21px}}
@media(max-width:768px){.tmt-m{border-radius:17px;margin-inline:5px}.tmt-greeting{font-size:11px;padding:6px 11px}}
@media(prefers-reduced-motion:reduce){.tmt-m,.tmt-wordmark .tmt-letter,.tmt-greeting{animation:none!important;transition:none!important;transform:none!important}.tmt-greeting,.tmt-identity.is-greeting .tmt-greeting{transform:translateX(-50%)!important}}
.demo-extras{max-width:992px;margin:28px auto 0;padding:0 24px;position:relative;z-index:2}.learning-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:#fff;border:1px solid #e0e9e3;border-radius:18px;padding:28px}.extra-kicker{font-size:11px;line-height:1.8;color:#52725f;display:block;margin-bottom:7px}.learning-grid h3,.tarot-extra-heading h3{font-size:20px;line-height:1.4;font-weight:550;margin-bottom:12px}.trace-topic{font-size:13px;color:#3f5145;line-height:1.7;margin-bottom:14px}.trace-note{font-size:11px;color:#6a766e;line-height:1.8;margin-top:14px}.trace-result,.bili-result{display:block;border:1px solid #e4eee7;background:#f8fcfa;border-radius:10px;padding:12px;margin-top:8px;font-size:12px;line-height:1.7;transition:border-color .2s}.trace-result:hover,.bili-result:hover{border-color:#a9d5bc}.trace-result b,.bili-result b{font-size:13px;display:block;color:#244c37;font-weight:550}.trace-result small,.bili-result small{display:block;font-size:10px;color:#68786c;margin-top:5px}.trace-unlocated{font-size:12px;line-height:1.8;color:#67796b;padding:14px;border-radius:10px;background:#f5f8f6}.bili-search form label{display:block;font-size:12px;color:#56685a;margin-bottom:8px}.bili-field{display:flex;gap:8px}.bili-field input{width:100%;min-width:0;border:1px solid #d9e6dd;border-radius:8px;padding:11px 12px;background:#fff;font:400 13px/20px var(--sans)}.bili-field button,.reveal-all{border:0;border-radius:8px;min-height:44px;padding:10px 14px;background:#173d2b;color:#fff;font:500 12px/20px var(--sans);white-space:nowrap;cursor:pointer}.bili-field button:hover,.reveal-all:hover{background:#25543c}.tarot-extras{padding:28px;border:1px solid #dfe9e2;background:#fff;border-radius:18px}.tarot-extra-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}.tarot-extra-heading h3{margin:0}.tarot-flip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;max-width:580px;margin:auto}.tarot-flip-grid figure{margin:0;text-align:center}.tarot-flip-grid figcaption{font-size:12px;color:#5d7364;margin-bottom:12px}.tarot-flip{display:block;width:100%;aspect-ratio:3/5;border:0;padding:0;border-radius:13px;cursor:pointer;perspective:900px;background:transparent}.tarot-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.22,.75,.25,1)}.tarot-flip[aria-pressed=true] .tarot-inner{transform:rotateY(180deg)}.tarot-front,.tarot-back{position:absolute;inset:0;border-radius:13px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid #cadfd1;box-shadow:0 6px 18px #154e2d0a}.tarot-back{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#e6f4ec;color:#204f36;isolation:isolate}.tarot-back:before,.tarot-back:after{content:'';position:absolute;pointer-events:none;border:1px solid #99bfa8;inset:11px;border-radius:7px;z-index:-1}.tarot-back:after{inset:28%;border-radius:50%;opacity:.45;aspect-ratio:1;margin:auto}.tarot-back>span{font-family:Arial,sans-serif;font-size:28px;font-weight:750;letter-spacing:-1px}.tarot-back small{font-size:10px;margin-top:18px;color:#547562}.tarot-front{transform:rotateY(180deg);background:#f5f0e7;padding:7px}.tarot-front img{width:100%;height:100%;object-fit:contain;display:block}.tarot-front img.reversed{transform:rotate(180deg)}.tarot-result{font-size:12px;margin-top:12px;color:#244c37;line-height:1.6}.tarot-flip:hover .tarot-back{border-color:#6ba185}.tarot-extras>.trace-note{text-align:center;margin-top:24px}@media(max-width:768px){.demo-extras{padding:0 20px;margin-top:22px}.learning-grid{grid-template-columns:1fr;padding:20px;gap:28px}.tarot-extras{padding:20px}.tarot-extra-heading{align-items:flex-start}.tarot-extra-heading h3{font-size:17px}.tarot-flip-grid{gap:12px}.tarot-back>span{font-size:22px}.tarot-result{font-size:11px}.bili-field{flex-direction:column}.bili-field button{align-self:flex-start}.tarot-back small{font-size:9px}}@media(prefers-reduced-motion:reduce){.tarot-inner{transition:none}}

/* 通明堂 in the hero headline echoes the TMT lettermark: dark ink on a tilted mint rounded block. */
.tmt-message .tmt-name{display:inline-block;font-weight:800;font-size:1.05em;letter-spacing:0;line-height:1.15;padding:.04em .24em .1em;margin-inline:.14em .1em;color:#113e31;background:linear-gradient(135deg,#5be2c4 0%,#40d8b9 58%,#34c9ad 100%);border-radius:.3em;transform:rotate(-3deg);box-shadow:inset 0 1px 0 #ffffff55,0 5px 16px #1fc49a12;transition:transform .35s cubic-bezier(.22,.8,.25,1)}
.tmt-message .tmt-name:hover{transform:translateY(-3px) rotate(0)}
@media(max-width:768px){.tmt-message .tmt-name{border-radius:.26em}}
@media(prefers-reduced-motion:reduce){.tmt-message .tmt-name{transition:none}}

/* Chinese name in standard Hei (黑体). TMT keeps its original style. */
.nav-cn{font-family:'Heiti SC','SimHei','Microsoft YaHei','Noto Sans CJK SC','PingFang SC',sans-serif;font-size:15px;font-weight:700;line-height:1;letter-spacing:.12em;color:#161b18;border-left:0;padding-left:12px;position:relative}
.nav-cn::before{content:"";position:absolute;left:0;top:50%;width:1px;height:14px;transform:translateY(-50%);background:#cfd8d3}
.footer-wordmark small{font-family:'Heiti SC','SimHei','Microsoft YaHei','Noto Sans CJK SC','PingFang SC',sans-serif;font-size:15px;font-weight:700;letter-spacing:.12em;color:#e3e9e5}
@media(max-width:768px){.nav-cn{font-size:13px;padding-left:9px;letter-spacing:.08em}}
/* Restrained notice directly below the demo frame; keep existing Tabs unchanged. */
.demo-disclosure{display:flex;align-items:center;justify-content:center;gap:16px;width:calc(100% - 96px);max-width:992px;margin:16px auto 0;font-size:12px;line-height:20px;color:#858b88;white-space:nowrap}.demo-disclosure::before,.demo-disclosure::after{content:"";flex:1;height:1px;background:#d6dbd8}.shot-caption [data-demo-caption][hidden]{display:none}@media(max-width:768px){.demo-disclosure{width:calc(100% - 40px);gap:12px;font-size:11px;margin-top:12px}}

/* Quiet demo utilities: shared geometry, no filled pill or underlined link. */
.shot-caption{flex-direction:row;gap:20px;margin:8px 20px 0}
.demo-toggle,.demo-full{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:#77847e;font:400 12px/20px var(--sans);text-decoration:none;transition:color .18s ease,background .18s ease}
.demo-toggle:hover,.demo-full:hover{color:#294d3e;background:#476b5610;text-decoration:none}
.demo-toggle:focus-visible,.demo-full:focus-visible{outline:2px solid #4e8270;outline-offset:3px}
.demo-toggle::before,.demo-full::before{content:"";width:14px;height:14px;flex:none;background:currentColor;mask:center/contain no-repeat;-webkit-mask:center/contain no-repeat}
.demo-toggle[aria-pressed="true"]::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 3v10M11 3v10' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E")}
.demo-toggle[aria-pressed="false"]::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 3l8 5-8 5z' fill='none' stroke='black' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E")}
.demo-full::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 3H3v3m7-3h3v3M3 10v3h3m7-3v3h-3' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.demo-full{position:relative}.demo-full::after{content:"";position:absolute;left:-10px;top:15px;height:14px;width:1px;background:#c8d4cf}
@media(max-width:768px){.shot-caption{flex-direction:row;gap:20px}.demo-toggle,.demo-full{font-size:12px}}

/* One responsive alignment rail and the actual 1600x900 media ratio. */
#demo-panel{width:calc(100% - 96px);max-width:992px;min-width:0;margin-inline:auto}
#demo-panel .product-shot{width:100%;max-width:none;aspect-ratio:16/9;margin:24px 0 0}
#demo-panel .real-product-shot{width:100%;height:100%;object-fit:contain}
#demo-panel .demo-disclosure{width:100%;max-width:none;margin:16px 0 0}
#demo-panel .shot-caption{width:100%;margin:8px 0 0}
#demo-panel .demo-extras{padding-inline:0}
#demo-panel .demo-extras:has(>section[hidden]:only-child){display:none}
@media(max-width:768px){#demo-panel{width:calc(100% - 40px)}#demo-panel .product-shot{margin-top:20px}#demo-panel .demo-disclosure{margin-top:12px}}

/* Let the full 1565x1219 glow finish before the next white section. */
.landing{min-height:0;padding-bottom:64px}
@media(max-width:768px){.landing{min-height:0;padding-bottom:48px}}

/* Tighten the section handoff while preserving the complete cloud silhouette. */
.landing-glow{height:1040px;aspect-ratio:auto}.download-section{padding-top:64px}@media(max-width:768px){.landing-glow{height:626px}.download-section{padding-top:44px}}

/* Homepage-native login overlay; isolated reusable auth form inside the frame. */
.login-dialog{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:24px 28px 24px;border:1px solid #e6ebe8;border-radius:24px;background:#fff;color:#1a241f;box-shadow:0 20px 64px #15271f24,0 2px 8px #15271f08;overflow:auto}
.login-dialog::backdrop{background:#17251d45;backdrop-filter:blur(4px)}
.login-dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.login-brand{font:800 22px/1 Arial,sans-serif;letter-spacing:-.6px}.login-brand small{font:500 12px/1 var(--sans);letter-spacing:0;color:#6d7972;margin-left:10px}
.login-close{width:40px;height:40px;border:0;background:transparent;color:#768178;border-radius:8px;display:grid;place-items:center;cursor:pointer}.login-close:hover{background:#f0f5f2;color:#253d30}
.login-dialog h2{font-size:24px;line-height:1.4;letter-spacing:0;font-weight:600;text-align:center}.login-dialog-sub{margin:8px 0 24px;color:#6c7770;font-size:13px;text-align:center}
.login-frame{display:block;width:100%;height:240px;border:0;background:#fff}.login-status{font-size:12px;line-height:1.6;color:#ad433e;text-align:center}
body:has(.login-dialog[open]){overflow:hidden}
@media(max-width:768px){.login-dialog{padding:20px}.login-close{width:44px;height:44px}}

.login-dialog .login-close:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.login-status:empty{display:none}