/* Presentation only. Existing content, addresses, downloads and event IDs stay in HTML. */
:root {
  --mother-ink:#153e34; --mother-muted:#526a61; --mother-green:#087354;
  --mother-pale:#f2f6f0; --mother-paper:#fcfdfb; --mother-line:#dce7df;
  --mother-width:1248px; --mother-radius:20px;
}
html { scroll-padding-top:160px; }
body.mother-refined { margin:0; background:var(--mother-paper); color:var(--mother-ink); font:16px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif; }
.mother-refined *, .mother-refined *::before, .mother-refined *::after { box-sizing:border-box; }
.mother-refined a:focus-visible,.mother-refined summary:focus-visible,.mother-refined [tabindex]:focus-visible { outline:3px solid #087354; outline-offset:4px; border-radius:4px; }
.mother-refined img { max-width:100%; }
.mother-refined .ymw-language-bar { background:#f2f6f0; border-color:var(--mother-line); box-shadow:none; color:var(--mother-muted); }
.mother-refined .ymw-language-row { max-width:var(--mother-width); }
.mother-refined .ymw-language-bar summary { background:#e7eee6; border-color:transparent; }
.mother-refined #header { height:86px; background:#fcfdfbf5; box-shadow:none; border-bottom:1px solid var(--mother-line); backdrop-filter:blur(14px); }
.mother-refined #header .header_con { width:min(var(--mother-width),calc(100% - 64px)); height:100%; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:16px 0; }
.mother-refined #header .header_logo { display:block!important; float:none; width:auto; flex:none; }
.mother-refined #header .header_logo>a { display:flex; align-items:center; gap:12px; text-decoration:none; }
.mother-refined #header .header_logo .clearfix,.mother-refined #header .header_con>.clearfix,.mother-refined #header .header_nav .clearfix { display:none; }
.mother-refined #header .header_img { float:none; width:42px; height:42px; border-radius:10px; }
.mother-refined #header .header_title { float:none; font-size:22px; letter-spacing:-.04em; padding:0; margin:0; color:var(--mother-ink); }
.mother-refined #header .header_app { display:none!important; }
.mother-refined #header .header_nav { display:block!important; float:none; margin-inline-start:auto; }
.mother-refined #header .header_nav ul { display:flex; align-items:center; flex-wrap:wrap; gap:12px 30px; padding:0; }
.mother-refined #header .header_nav li { margin:0; padding:0; float:none; }
.mother-refined #header .header_nav a { min-height:44px; display:flex; align-items:center; font-size:14px; color:var(--mother-muted); position:relative; }
.mother-refined #header .header_nav a:hover,.mother-refined #header .header_nav a.header-active { color:var(--mother-green); }
.mother-refined #header .header_nav a.header-active::after { content:""; position:absolute; bottom:2px; inset-inline-start:0; width:18px; height:3px; background:var(--mother-green); border-radius:2px; }
.mother-refined #header .header_download { display:flex!important; align-items:center; justify-content:center; float:none; padding:5px 0; min-height:44px; width:98px; flex:none; }
.mother-refined #header .header_download img { width:98px; height:auto; }
.mother-refined .new-home { color:var(--mother-ink); background:var(--mother-paper); font-family:inherit; }
.mother-refined .new-wrap,.mother-container { width:min(var(--mother-width),calc(100% - 64px)); margin-inline:auto; }
.mother-refined .new-hero { margin-top:86px; background:#edf3ec; border-bottom:1px solid var(--mother-line); position:relative; }
.mother-refined .new-hero-inner { grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr); gap:42px; min-height:690px; padding:84px 0 80px; position:relative; }
.mother-refined .new-kicker { color:#617c6c; font-size:11px; letter-spacing:.18em; font-weight:650; margin-bottom:24px; }
.mother-refined .new-kicker.green { color:var(--mother-green); }
.mother-refined .new-copy h1 { color:var(--mother-ink); font-size:clamp(43px,4.45vw,64px); line-height:1.22; letter-spacing:-.06em; margin-bottom:25px; }
.mother-refined .new-copy h1 em { color:var(--mother-green); }
.mother-refined .new-desc { color:var(--mother-muted); font-size:16px; line-height:1.95; max-width:450px; margin-bottom:30px; }
.mother-refined .new-buttons { gap:12px; }
.mother-refined .new-btn { min-height:52px; padding:13px 23px; border-radius:9px; font-size:14px; transition:background .18s,color .18s; }
.mother-refined .new-btn.green { color:#fff; background:var(--mother-green); box-shadow:none; }
.mother-refined .new-btn.green:hover { color:#fff; background:#085b44; transform:none; }
.mother-refined .new-btn.outline { color:var(--mother-ink); border-color:#bfcec3; background:transparent; }
.mother-refined .new-btn.outline:hover { background:#fff; transform:none; }
.mother-refined .new-stats { border-top:1px solid #d2dfd3; padding-top:22px; margin-top:35px; gap:24px; flex-wrap:wrap; }
.mother-refined .new-stats span { color:var(--mother-muted); font-size:12px; }
.mother-refined .new-stats b { color:var(--mother-ink); font-size:22px; font-weight:650; }
.mother-refined .new-showcase { position:relative; gap:8px; padding:28px 0; grid-template-columns:.8fr .95fr 1.2fr .95fr .8fr; align-items:center; }
.mother-refined .new-showcase::before { content:""; position:absolute; inset:12% 3%; border:1px solid #c9dacb; border-radius:50%; z-index:0; transform:rotate(-15deg); }
.mother-refined .new-showcase-card { position:relative; padding:9px 7px 10px; border-radius:15px; border-color:#d9e3d9; background:#fff; box-shadow:0 16px 35px #22423112; }
.mother-refined .new-showcase-card:nth-child(1) { transform:translateY(34px) rotate(-7deg); }
.mother-refined .new-showcase-card:nth-child(2) { transform:translateY(-20px) rotate(-4deg); }
.mother-refined .new-showcase-card:nth-child(3) { transform:translateY(16px); }
.mother-refined .new-showcase-card:nth-child(4) { transform:translateY(-12px) rotate(4deg); }
.mother-refined .new-showcase-card:nth-child(5) { transform:translateY(42px) rotate(7deg); }
.mother-refined .new-showcase-card.is-active { border-color:#6f9d7f; box-shadow:0 20px 45px #1a473b25; }
.mother-refined .new-showcase-top { color:#466255; font-size:10px; }
.mother-refined .new-showcase-card img { border-radius:8px; }
.mother-refined .new-features { padding:100px 0; background:var(--mother-paper); }
.mother-refined .new-section-head { align-items:flex-end; gap:30px; }
.mother-refined .new-section-head h2 { color:var(--mother-ink); font-size:clamp(30px,3vw,43px); line-height:1.35; letter-spacing:-.04em; }
.mother-refined .new-section-head>p { color:var(--mother-muted); font-size:14px; line-height:1.8; }
.mother-refined .new-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:auto; gap:22px; margin-top:45px; }
.mother-refined .new-feature-tile { display:grid; grid-template-columns:minmax(0,1fr) minmax(120px,.72fr); gap:24px; align-items:center; grid-column:auto; min-height:370px; border-radius:var(--mother-radius); padding:32px 30px; background:#f0f5ee; border:1px solid var(--mother-line); transition:border-color .2s; }
.mother-refined .new-feature-tile:nth-child(2n) { background:#f6f3eb; }
.mother-refined .new-feature-tile:nth-child(3n) { background:#eef4f3; }
.mother-refined .new-feature-tile:last-child { grid-column:1/-1; grid-template-columns:1.6fr 1fr; min-height:330px; }
.mother-refined .new-feature-tile:hover { transform:none; box-shadow:none; border-color:#94b19b; }
.mother-refined .new-feature-tile .new-tile-copy { width:auto!important; }
.mother-refined .new-tile-copy>span { color:#658370; font-size:12px; }
.mother-refined .new-tile-copy h3 { font-size:24px; font-weight:650; line-height:1.4; color:var(--mother-ink); margin:16px 0 12px; }
.mother-refined .new-tile-copy p { color:var(--mother-muted); font-size:14px; line-height:1.9; }
.mother-refined .new-feature-tile img { position:static; width:100%; max-width:100%; height:295px; object-fit:contain; object-position:center; filter:none; }
.mother-refined .legacy-case-block { display:block!important; }
.mother-refined #case { padding:10px 0 90px; background:var(--mother-paper); }
.mother-refined #case .case_con { width:min(var(--mother-width),calc(100% - 64px)); margin:auto; }
.mother-refined #case .case_con>p { color:var(--mother-muted); font-size:13px; padding:14px; background:#f1f5ef; border:1px solid var(--mother-line); border-radius:8px; }
.mother-refined .con_title { color:var(--mother-ink); font-size:36px; font-weight:650; text-align:start; line-height:1.45; padding:36px 0; letter-spacing:-.03em; }
.mother-refined #case .case_option { width:auto; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; padding:0; margin:0 0 28px; }
.mother-refined #case .case_option>.clearfix { display:none; }
.mother-refined #case .case_button { display:flex; align-items:center; justify-content:center; gap:8px; float:none; width:auto; min-width:0; margin:0; padding:13px 9px; background:#fff; border:1px solid var(--mother-line); border-radius:10px; min-height:64px; }
.mother-refined #case .case_button img { float:none; width:26px; height:26px; margin:0; }
.mother-refined #case .case_button span { float:none; display:block; line-height:1.5; font-size:14px; color:var(--mother-muted); white-space:normal; }
.mother-refined #case .case_button-active { border-color:#83aa91; background:#eaf3e9; }
.mother-refined #case .case_button-active span { color:var(--mother-green); }
.mother-refined #case .case_preview { display:flex; align-items:center; gap:48px; width:auto; padding:40px; border:1px solid var(--mother-line); border-radius:20px; background:#f2f5ef; }
.mother-refined #case .case_preview[style*="none"] { display:none; }
.mother-refined #case .case_preview-l { float:none; width:45%; height:auto; margin:0; padding:0; }
.mother-refined #case .case_preview-l img { max-height:360px; width:100%; object-fit:contain; }
.mother-refined #case .case_preview-r { float:none; width:55%; margin:0; padding:0; }
.mother-refined #case .case_preview-r p { color:var(--mother-ink); font-size:26px; line-height:1.5; margin:0 0 15px; }
.mother-refined #case .case_preview-r span { color:var(--mother-muted); font-size:16px; line-height:1.95; }
.mother-refined #case .case_divider { width:42px; height:3px; background:var(--mother-green); margin:15px 0; }
.mother-refined #scene { padding:60px 0 90px; background:#edf3ec; }
.mother-refined #scene .scene_con { width:min(var(--mother-width),calc(100% - 64px)); margin:auto; }
.mother-refined #scene .scene_wrapper { width:100%; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.mother-refined #scene .scene_box { float:none; width:auto; margin:0; padding:0; background:transparent; box-shadow:none; border-radius:0; overflow:hidden; }
.mother-refined #scene .scene_box img { display:block; width:100%; padding:0; aspect-ratio:1.3; object-fit:cover; border-radius:14px; }
.mother-refined #scene .scene_box span { display:block; color:var(--mother-ink); font-size:17px; font-weight:600; line-height:1.5; padding:20px 0 0; }
.mother-refined #scene .clearfix { display:none; }
.mother-refined #special.pc-showcase { background:#183e34; padding:96px 0; }
.mother-refined #special .pc-showcase-inner { width:min(var(--mother-width),calc(100% - 64px)); grid-template-columns:.8fr 1.2fr; gap:60px; }
.mother-refined #special .pc-showcase-copy h2 { font-size:clamp(30px,3vw,43px); line-height:1.4; letter-spacing:-.03em; }
.mother-refined #special .pc-showcase-kicker { color:#a4cdb4; font-size:11px; }
.mother-refined #special .pc-showcase-copy>p:last-child { color:#cadccf; font-size:16px; }
.mother-refined #special .pc-showcase-window { border:8px solid #ffffff18; border-radius:15px; box-shadow:0 20px 45px #071c1725; }
.mother-desktop-original { padding:60px 0 90px; background:#f3f6f0; }
.mother-desktop-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.mother-desktop-grid article { min-width:0; display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:28px; padding:28px; background:#fff; border:1px solid var(--mother-line); border-radius:16px; }
.mother-desktop-grid img { width:100%; max-height:210px; object-fit:contain; }
.mother-desktop-grid p { font-size:19px; line-height:1.6; font-weight:650; margin:0 0 14px; }
.mother-desktop-grid span { color:var(--mother-muted); font-size:14px; line-height:1.9; }
.mother-refined .new-download { background:#e9f1e8; padding:85px 0 90px; border:0; }
.mother-refined .new-download-grid { gap:16px; margin-top:32px; }
.mother-refined .new-download-card { padding:26px 22px; min-height:128px; align-items:center; gap:14px; border-radius:14px; background:#fcfdfb; border:1px solid #ccdecd; transition:border-color .2s,background .2s; }
.mother-refined .new-download-card:hover,.mother-refined .new-download-card.is-selected { transform:none; box-shadow:none; background:#fff; border-color:#759c7c; }
.mother-refined .new-download-card b { color:var(--mother-ink); font-size:19px; }
.mother-refined .new-download-card small { color:var(--mother-muted); font-size:12px; line-height:1.7; }
.mother-refined .new-download-card>a { width:44px; height:44px; min-width:44px; border-radius:50%; background:#e7f0e5; font-size:16px; }
.mother-refined .new-download-card>a:hover { background:var(--mother-green); color:white; }
.mother-refined .new-download-card>i { padding:0; width:26px; height:30px; background-position:center; background-repeat:no-repeat; background-size:contain; flex:none; }
.mother-refined .new-download-card>i.fa-apple { background-image:url('../img/ios.png'); }
.mother-refined .new-download-card>i.fa-android { background-image:url('../img/android.png'); }
.mother-refined .new-download-card>i.fa-windows { background-image:url('../img/windows.png'); }
.mother-refined .fa-arrow-right::before { content:'↗'; font-style:normal; font-size:18px; }
.mother-refined .fa-external-link::before { content:'↗'; font-style:normal; font-size:18px; }
.mother-refined .fa-download::before { content:'↓'; font-style:normal; font-size:20px; }
.mother-refined .fa-arrow-up::before { content:'↗'; font-style:normal; }
.mother-refined #talk { padding:60px 0 80px; background:var(--mother-paper); overflow:hidden; }
.mother-refined #talk .talk_con { width:min(var(--mother-width),calc(100% - 64px)); margin:auto; }
.mother-refined #talk .swiper-container { padding:4px 0 50px; overflow:hidden; }
.mother-refined #talk .swiper-slide { width:calc((min(1248px,100vw - 64px) - 60px)/3); }
.mother-refined #talk .talk_box { width:100%; padding:28px; border:1px solid var(--mother-line); box-shadow:none; border-radius:16px; background:#f5f7f1; min-height:275px; }
.mother-refined #talk .talk_box-l { width:44px; }
.mother-refined #talk .talk_box-l img { width:44px; height:44px; }
.mother-refined #talk .talk_box-r { width:calc(100% - 60px); }
.mother-refined #talk .talk_box-r span { font-size:14px; color:var(--mother-ink); line-height:1.7; white-space:normal; }
.mother-refined #talk .talk_box-b { font-size:14px; line-height:1.9; color:var(--mother-muted); }
.mother-refined #talk .talk_divider { margin:20px 0; background:var(--mother-line); }
.mother-refined #talk .swiper-pagination-bullet { background:#bdcebe; }
.mother-refined #talk .swiper-pagination-bullet-active { background:var(--mother-green); }
.mother-refined .ymw-biz { max-width:var(--mother-width); width:calc(100% - 64px); margin:40px auto 90px; }
.mother-refined .ymw-biz-panel { padding:45px; border-radius:20px; border-color:#cddfcf; background:#edf4e9; box-shadow:none; gap:50px; }
.mother-refined .ymw-biz-copy h2 { color:var(--mother-ink); font-size:34px; letter-spacing:-.02em; }
.mother-refined .ymw-biz-copy p { color:var(--mother-muted); }
.mother-refined .ymw-biz-method { max-width:260px; }
.mother-refined .ymw-biz-email { color:var(--mother-green); }
.mother-refined #footer { background:#18382f; padding:55px 0 25px; }
.mother-refined #footer .footer_con { width:min(var(--mother-width),calc(100% - 64px)); }
.mother-refined #footer .footer_list { display:grid; grid-template-columns:1fr 1fr 1.25fr .75fr; gap:40px; padding:0; }
.mother-refined #footer .footer_ul { float:none; width:auto; min-width:0; margin:0; padding:0; }
.mother-refined #footer .footer_label { color:#f2f7ed; font-size:14px; display:block; margin-bottom:16px; }
.mother-refined #footer .footer_ul li { margin:0; min-height:34px; }
.mother-refined #footer .footer_ul a { min-height:34px; display:inline-flex; align-items:center; color:#c8d8ce; font-size:13px; }
.mother-refined #footer .footer_ul a:hover { color:#fff; }
.mother-refined #footer .footer_contact { color:#c8d8ce; font-size:13px; overflow-wrap:anywhere; }
.mother-refined #footer .footer_list>.clearfix { display:none; }
.mother-refined #footer .footer_hr { margin:35px 0 20px; background:#ffffff23; }
.mother-refined #footer .footer_desc { display:flex; flex-wrap:wrap; gap:16px; align-items:center; }
.mother-refined #footer .footer_desc-l { float:none; color:#b4c8bb; font-size:12px; line-height:1.9; }
.mother-refined #footer .footer_desc-l a { color:#c8d8ce!important; }
.mother-refined #footer .footer_desc-r { float:none; }
/* Existing secondary Chinese pages: same words, new layout. */
.mother-refined #dbanner,.mother-refined #member,.mother-refined #contact,.mother-refined #tutorial { margin-top:86px; background:#edf3ec; padding:55px 0; }
.mother-refined :is(#dbanner,#member,#contact,#tutorial) [class$="_bg"] { opacity:.12; }
.mother-refined :is(.dbanner_con,.member_con,.contact_con,.tutorial_con) { width:min(var(--mother-width),calc(100% - 64px))!important; display:grid; grid-template-columns:1fr 1.05fr; gap:50px; align-items:center; }
.mother-refined :is(.dbanner_con,.member_con,.contact_con,.tutorial_con)>.clearfix { display:none; }
.mother-refined :is(#dbanner .dbanner-l,#member .member-l,#contact .contact-l,#tutorial .tutorial-l) { float:none; width:auto; margin:0; padding:0; min-width:0; }
.mother-refined :is(#dbanner .dbanner-r,#member .member-r,#contact .contact-r,#tutorial .tutorial-r) { float:none; width:auto; margin:0; padding:0; min-width:0; }
.mother-refined :is(#dbanner .dbanner-t p,#member .member-t p,#contact .contact-t p,#tutorial .tutorial-t p) { color:var(--mother-ink); font-size:38px; line-height:1.4; }
.mother-refined :is(#dbanner .dbanner-l>span,#member .member-l>span,#contact .contact-l>span,#tutorial .tutorial-l>span) { color:var(--mother-muted); font-size:17px; line-height:1.9; margin-top:22px; }
.mother-refined :is(#dbanner .dbanner_btn,#member .member_btn,#contact .contact_btn,#tutorial .tutorial_btn) { color:#fff; background:var(--mother-green); border-radius:9px; margin-top:30px; height:auto; min-height:52px; line-height:1.5; width:170px; font-size:16px; padding:14px 18px; }
.mother-refined #xiazai { background:var(--mother-paper); padding:30px 0 75px; }
.mother-refined #xiazai .xiazai_con { width:min(var(--mother-width),calc(100% - 64px)); }
.mother-refined #xiazai .xiazai_wrapper { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.mother-refined #xiazai .xiazai_wrapper>.clearfix { display:none; }
.mother-refined #xiazai .xiazai_btn { float:none; width:auto; margin:0; padding:30px 12px; border-radius:16px; background:#f3f6ef; border:1px solid var(--mother-line); box-shadow:none; color:var(--mother-ink); }
.mother-refined #xiazai .xiazai_btn:hover { background:#e8f1e5; color:var(--mother-green); }
.mother-refined #xiazai .xiazai_btn img { width:48px; height:64px; object-fit:contain; }
.mother-refined #xiazai .xiazai_btn span { font-size:17px; }
.mother-refined #price { padding:35px 0 70px; background:var(--mother-paper); }
.mother-refined #price .price_con { width:min(var(--mother-width),calc(100% - 64px)); margin:auto; }
.mother-refined #price :is(.price_wrapper-l,.price_wrapper-r) { width:100%; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:40px; background:#f1f5ed; border:1px solid var(--mother-line); border-radius:18px; padding:32px; margin:0 0 24px; }
.mother-refined #price :is(.price_box-l,.price_box-r) { width:auto!important; float:none!important; margin:0!important; padding:0!important; }
.mother-refined #price :is(.price_box-l,.price_box-r) img { max-height:220px; object-fit:contain; }
.mother-refined #price .price_table { width:100%; overflow-x:auto; border:1px solid var(--mother-line); border-radius:16px; }
.mother-refined #price .price_table table { width:100%; min-width:720px; font-size:15px; }
.mother-refined #price .price_table :is(th,td) { padding:16px 12px; line-height:1.7; }
.mother-refined #price .price_table th { background:#e4efdf; color:var(--mother-ink); font-size:17px; }
.mother-refined #guide { padding:25px 0 80px; background:var(--mother-paper); }
.mother-refined #guide .guide_con { width:min(var(--mother-width),calc(100% - 64px)); margin:auto; }
.mother-refined #guide .guide_option { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; width:auto; margin:0 0 30px; }
.mother-refined #guide .guide_button { width:auto; float:none; margin:0; padding:18px 10px; display:flex; align-items:center; gap:12px; justify-content:center; min-height:64px; border:1px solid var(--mother-line); border-radius:10px; background:#f2f6ef; }
.mother-refined #guide .guide_button img { width:24px; height:24px; float:none; margin:0; }
.mother-refined #guide .guide_button span { color:var(--mother-ink); font-size:16px; line-height:1.5; }
.mother-refined #guide .guide_option>.clearfix { display:none; }
.mother-refined #guide .guide_preview { width:auto; background:#fff; border:1px solid var(--mother-line); border-radius:16px; padding:32px; }
.mother-refined #guide .guide_preview-l { float:none; width:auto; margin:0; }
.mother-refined #guide .guide_preview-r { float:none; width:auto; margin:0; }
.mother-refined #guide .guide_preview-r p { font-size:23px; color:var(--mother-ink); line-height:1.7; }
.mother-refined #guide .guide_preview-r span { font-size:16px; color:var(--mother-muted); line-height:1.9; }
.mother-refined #agent { padding:35px 0 70px; }
.mother-refined #agent .agent_con { width:min(var(--mother-width),calc(100% - 64px)); margin:auto; }
.mother-refined #agent .agent_form { width:auto; margin:0; }
.mother-refined #agent .agent_control { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; margin-bottom:28px; }
.mother-refined #agent :is(.agent_control-l,.agent_control-r) { display:grid; grid-template-columns:50px minmax(0,1fr); align-items:start; gap:20px; min-width:0; width:auto; float:none; padding:25px; border:1px solid var(--mother-line); border-radius:14px; background:#f3f6ef; }
.mother-refined #agent .agent_control>.clearfix { display:none; }
.mother-refined #agent :is(.agent_control-l,.agent_control-r) img { float:none; width:50px; height:50px; margin:3px 0 0; padding:0; object-fit:contain; }
.mother-refined #agent :is(.agent_control-l,.agent_control-r) .agent_desc { float:none; width:auto; max-width:100%; min-width:0; margin:0; }
.mother-refined #agent :is(.agent_control-l,.agent_control-r) p { color:var(--mother-ink); margin:0 0 12px; font-size:21px; }
.mother-refined #agent :is(.agent_control-l,.agent_control-r) span { color:var(--mother-muted); font-size:14px; line-height:1.9; }
/* International pages keep their original static translations and language addresses. */
.mother-refined.g-page { --g-ink:var(--mother-ink); --g-line:var(--mother-line); background:var(--mother-paper); color:var(--mother-ink); }
.mother-refined .g-wrap { width:min(var(--mother-width),calc(100% - 64px)); }
.mother-refined .g-header { background:var(--mother-paper); border-color:var(--mother-line); box-shadow:none; }
.mother-refined .g-header-inner { min-height:86px; }
.mother-refined .g-brand { color:var(--mother-ink); }
.mother-refined .g-hero { background:#edf3ec; border-color:var(--mother-line); }
.mother-refined .g-hero-grid { padding-block:70px; gap:70px; min-height:640px; }
.mother-refined .g-hero h1 { color:var(--mother-ink); font-size:clamp(38px,4.5vw,62px); line-height:1.2; letter-spacing:-.04em; }
.mother-refined .g-lead { color:var(--mother-muted); font-size:18px; line-height:1.85; }
.mother-refined .g-image-box { background:#e2ebde; border:1px solid #d1dfce; box-shadow:none; border-radius:22px; }
.mother-refined .g-section { padding-block:75px; }
.mother-refined .g-card { background:#f3f6ef; border-color:var(--mother-line); border-radius:16px; padding:30px; box-shadow:none; }
.mother-refined .g-section h2 { color:var(--mother-ink); letter-spacing:-.03em; }
.mother-refined .g-support-grid { background:#edf3e8; border-color:var(--mother-line); }
.mother-refined .g-product { background:#f7f8f2; border-color:var(--mother-line); border-radius:14px; }
.mother-refined .g-button { border-radius:9px; box-shadow:none; background:var(--mother-green); color:#fff; }
.mother-refined .g-button.secondary { background:transparent; color:var(--mother-green); }
.mother-refined .g-footer { background:#18382f; }
.mother-refined[dir=rtl] .g-hero h1 { line-height:1.5; letter-spacing:normal; }
@media(max-width:1100px) {
 .mother-refined #header .header_download { display:none!important; }
 .mother-refined .new-hero-inner { gap:30px; min-height:600px; padding:65px 0; }
 .mother-refined .new-copy h1 { font-size:48px; }
 .mother-refined .new-feature-tile { padding:26px; gap:18px; grid-template-columns:1.1fr .8fr; }
 .mother-refined .new-feature-tile img { height:270px; }
 .mother-refined .new-download-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .mother-desktop-grid article { display:block; }
 .mother-desktop-grid img { height:180px; margin-bottom:20px; }
 .mother-refined #case .case_button { flex-direction:column; }
 .mother-refined #talk .swiper-slide { width:calc((100vw - 94px)/2); }
}
@media(max-width:800px) {
 .mother-refined #header .header_con { gap:16px; }
 .mother-refined #header .header_title { font-size:20px; }
 .mother-refined #header .header_nav ul { gap:16px; }
 .mother-refined .new-hero-inner { grid-template-columns:1fr; gap:30px; padding:60px 0; }
 .mother-refined .new-copy { max-width:600px; }
 .mother-refined .new-desc { max-width:560px; }
 .mother-refined .new-showcase { max-width:620px; margin:auto; padding:25px 10px 35px; }
 .mother-refined .new-feature-tile { grid-template-columns:1fr; align-content:start; }
 .mother-refined .new-feature-tile img { height:270px; }
 .mother-refined #special .pc-showcase-inner { gap:30px; }
 .mother-refined #special .pc-showcase-copy h2 { font-size:30px; }
 .mother-refined #footer .footer_list { gap:28px; grid-template-columns:1fr 1fr; }
 .mother-refined #guide .guide_button { flex-direction:column; }
}
@media(max-width:680px) {
 html { scroll-padding-top:184px; }
 .mother-refined #header { height:112px; }
 .mother-refined #header .header_con { width:calc(100% - 36px); align-items:stretch; flex-direction:column; gap:5px; padding:11px 0 7px; }
 .mother-refined #header .header_logo>a { gap:10px; }
 .mother-refined #header .header_img { width:34px; height:34px; }
 .mother-refined #header .header_title { font-size:20px; }
 .mother-refined #header .header_nav { margin:0; }
 .mother-refined #header .header_nav ul { justify-content:space-between; gap:5px; }
 .mother-refined #header .header_nav a { min-height:44px; font-size:13px; }
 .mother-refined .new-wrap,.mother-container,.mother-refined #case .case_con,.mother-refined #scene .scene_con,.mother-refined #talk .talk_con,.mother-refined #footer .footer_con,.mother-refined .g-wrap { width:calc(100% - 36px); }
 .mother-refined .new-hero { margin-top:112px; overflow:hidden; }
 .mother-refined .new-hero-inner { display:flex; gap:30px; padding:42px 0 38px; align-items:stretch; }
 .mother-refined .new-kicker { font-size:10px; margin-bottom:20px; }
 .mother-refined .new-copy h1 { font-size:clamp(36px,9.8vw,48px); line-height:1.25; margin-bottom:20px; letter-spacing:-.05em; }
 .mother-refined .new-desc { font-size:15px; line-height:1.9; margin-bottom:24px; }
 .mother-refined .new-btn { min-height:50px; padding:12px 20px; }
 .mother-refined .new-stats { gap:18px; margin-top:27px; padding-top:20px; }
 .mother-refined .new-stats b { font-size:20px; }
 .mother-refined .new-stats span { font-size:11px; }
 .mother-refined .new-showcase { max-width:100%; margin:0; grid-template-columns:repeat(5,145px); overflow-x:auto; gap:12px; padding:24px 8px 34px; scrollbar-width:thin; scrollbar-color:#8da88e transparent; }
 .mother-refined .new-showcase::before { display:none; }
 .mother-refined .new-showcase-card:nth-child(n) { transform:none; }
 .mother-refined .new-showcase-card { padding:9px 8px; box-shadow:0 10px 20px #23422d12; }
 .mother-refined .new-showcase-card img { max-height:none; height:285px; }
 .mother-refined .new-showcase-top { font-size:12px; margin-bottom:9px; }
 .mother-refined .new-features { padding:60px 0; }
 .mother-refined .new-section-head h2 { font-size:29px; line-height:1.45; }
 .mother-refined .new-section-head>p { font-size:14px; margin-top:16px; }
 .mother-refined .new-feature-grid { display:grid; grid-template-columns:1fr; gap:16px; margin-top:30px; }
 .mother-refined .new-feature-tile,.mother-refined .new-feature-tile:last-child { grid-column:auto; grid-template-columns:minmax(0,1fr) minmax(95px,.7fr); gap:16px; padding:24px 20px; min-height:300px; }
 .mother-refined .new-tile-copy h3 { font-size:22px; margin:12px 0 10px; }
 .mother-refined .new-tile-copy p { font-size:14px; line-height:1.85; }
 .mother-refined .new-feature-tile img { height:260px; max-width:100%; }
 .mother-refined #case { padding:5px 0 60px; }
 .mother-refined .con_title { font-size:28px; padding:25px 0; }
 .mother-refined #case .case_option { grid-template-columns:1fr 1fr; gap:8px; }
 .mother-refined #case .case_button { min-height:72px; padding:11px 7px; gap:6px; }
 .mother-refined #case .case_button span { font-size:12px; }
 .mother-refined #case .case_button img { width:23px; height:23px; }
 .mother-refined #case .case_preview { flex-direction:column; gap:24px; padding:25px; }
 .mother-refined #case .case_preview-l,.mother-refined #case .case_preview-r { width:100%; }
 .mother-refined #case .case_preview-l img { max-height:285px; }
 .mother-refined #case .case_preview-r p { font-size:23px; }
 .mother-refined #case .case_preview-r span { font-size:15px; }
 .mother-refined #scene { padding:30px 0 55px; }
 .mother-refined #scene .scene_wrapper { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 12px; }
 .mother-refined #scene .scene_box span { font-size:14px; padding-top:12px; }
 .mother-refined #special.pc-showcase { padding:55px 0; }
 .mother-refined #special .pc-showcase-inner { display:grid; grid-template-columns:1fr; gap:30px; width:calc(100% - 36px); }
 .mother-refined #special .pc-showcase-copy h2 { font-size:29px; }
 .mother-refined #special .pc-showcase-copy>p:last-child { font-size:15px; }
 .mother-desktop-original { padding:30px 0 55px; }
 .mother-desktop-grid { grid-template-columns:1fr; gap:16px; }
 .mother-desktop-grid article { padding:24px; }
 .mother-desktop-grid img { height:auto; max-height:220px; margin-bottom:20px; }
 .mother-desktop-grid p { font-size:20px; }
 .mother-desktop-grid span { font-size:15px; }
 .mother-refined .new-download { padding:55px 0 60px; }
 .mother-refined .new-download-grid { grid-template-columns:1fr; gap:12px; }
 .mother-refined .new-download-card { min-height:98px; padding:20px; }
 .mother-refined #talk { padding:30px 0 50px; }
 .mother-refined #talk .swiper-slide { width:calc(100vw - 36px); }
 .mother-refined #talk .talk_box { width:100%; padding:24px; min-height:280px; }
 .mother-refined .ymw-biz { width:calc(100% - 36px); margin:20px auto 55px; }
 .mother-refined .ymw-biz-panel { padding:27px 23px; gap:28px; }
 .mother-refined .ymw-biz-copy h2 { font-size:28px; }
 .mother-refined .ymw-biz-email { font-size:17px; }
 .mother-refined .ymw-biz-method { margin-inline:auto; }
 .mother-refined #footer { padding:35px 0 25px; }
 .mother-refined #footer .footer_list { grid-template-columns:1fr 1fr; gap:28px 18px; }
 .mother-refined #footer .footer_label { margin-bottom:12px; }
 .mother-refined #footer .footer_ul li,.mother-refined #footer .footer_ul a { min-height:38px; }
 .mother-refined #footer .footer_desc-l { font-size:11px; }
 .mother-refined :is(#dbanner,#member,#contact,#tutorial) { margin-top:112px; padding:35px 0; }
 .mother-refined :is(.dbanner_con,.member_con,.contact_con,.tutorial_con) { width:calc(100% - 36px)!important; grid-template-columns:1fr; gap:30px; }
 .mother-refined :is(#dbanner .dbanner-t p,#member .member-t p,#contact .contact-t p,#tutorial .tutorial-t p) { font-size:28px; }
 .mother-refined :is(#dbanner .dbanner-t img,#member .member-t img,#contact .contact-t img,#tutorial .tutorial-t img) { width:37px; height:37px; }
 .mother-refined :is(#dbanner .dbanner-l>span,#member .member-l>span,#contact .contact-l>span,#tutorial .tutorial-l>span) { font-size:15px; }
 .mother-refined #xiazai .xiazai_con,.mother-refined #price .price_con,.mother-refined #guide .guide_con,.mother-refined #agent .agent_con { width:calc(100% - 36px); }
 .mother-refined #xiazai .xiazai_wrapper { grid-template-columns:1fr 1fr; gap:12px; }
 .mother-refined #xiazai .xiazai_btn { padding:22px 10px; }
 .mother-refined #price :is(.price_wrapper-l,.price_wrapper-r) { grid-template-columns:1fr; padding:24px; gap:20px; }
 .mother-refined #price .price_table { max-width:100%; }
 .mother-refined #guide .guide_option { grid-template-columns:1fr 1fr; gap:10px; }
 .mother-refined #guide .guide_button { flex-direction:row; padding:15px 10px; }
 .mother-refined #guide .guide_button span { font-size:14px; }
 .mother-refined #guide .guide_preview { padding:23px; }
 .mother-refined #guide .guide_preview-r p { font-size:21px; }
 .mother-refined #guide .guide_preview-r span { font-size:15px; }
 .mother-refined #agent .agent_control { grid-template-columns:minmax(0,1fr); gap:16px; margin-bottom:16px; }
 .mother-refined #agent :is(.agent_control-l,.agent_control-r) { grid-template-columns:40px minmax(0,1fr); gap:16px; padding:22px; }
 .mother-refined #agent :is(.agent_control-l,.agent_control-r) img { width:40px; height:40px; }
 .mother-refined .g-header-inner { gap:8px; padding-block:15px; }
 .mother-refined .g-hero-grid { min-height:0; padding-block:45px; gap:30px; }
 .mother-refined .g-hero h1 { font-size:38px; }
 .mother-refined .g-lead { font-size:16px; }
 .mother-refined .g-section { padding-block:48px; }
 .mother-refined .g-card { padding:24px; }
 .mother-refined .g-image-box { max-width:300px; padding:20px; }
}
@media(max-width:360px) {
 .mother-refined .new-feature-tile,.mother-refined .new-feature-tile:last-child { grid-template-columns:1fr; }
 .mother-refined .new-feature-tile img { height:300px; }
 .mother-refined .new-stats { gap:10px; }
}
@media(prefers-reduced-motion:reduce) {
 .mother-refined * { scroll-behavior:auto!important; transition:none!important; animation:none!important; }
}