/* 译境 · 编辑式专业蓝。仅用于主站，保持真实产品流程。 */
@font-face { font-family: 'Yijing Serif'; src: url('/static/fonts/yijing-serif.woff2') format('woff2'); font-weight: 400 900; font-style: normal; font-display: swap; }
:root { --bg:#fafaf8; --bg-2:#f4f5f3; --panel:#fff; --panel-2:#fff; --line:#dce0e4; --txt:#14263d; --muted:#566170; --dim:#73808e; --violet:#2469d9; --magenta:#2469d9; --cyan:#2469d9; --radius:8px; --font: 'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif; --serif:'Yijing Serif','Noto Serif SC','Songti SC','SimSun',serif; }
html { scroll-behavior:smooth; scroll-padding-top:100px; }
body { background:var(--bg); }
.bg-mesh,.bg-grid { display:none; }
button,a,input,select,textarea,summary { -webkit-tap-highlight-color:transparent; }
a:hover { opacity:1; }
:focus-visible { outline:3px solid #76a5ed; outline-offset:4px; }
.input:focus { outline:none; border-color:var(--cyan); box-shadow:0 0 0 3px #2469d912; }
.skip-link { position:fixed; top:-70px; left:16px; z-index:1000; background:#fff; color:var(--txt); padding:12px 20px; }
.skip-link:focus { top:8px; }
header.nav { background:#fafaf8; border-bottom:1px solid #e9eae8; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; }
.nav .wrap { max-width:1440px; padding:0 56px; }
.nav-inner { min-height:72px; height:72px; gap:36px; }
.brand { font-size:23px; letter-spacing:.5px; white-space:nowrap; gap:12px; font-weight:700; }
.brand .logo { width:36px; height:36px; border-radius:50%; box-shadow:none; }
.brand em { background:none; color:inherit; }
.nav-links { margin-left:auto; gap:16px; }
.nav-links a { font-size:14px; font-weight:500; color:#273649; border:0; border-radius:0; padding:28px 7px; }
.nav-links a.on,.nav-links a:hover { color:var(--cyan); background:none; }
.nav-links a.on { font-weight:700; }
.nav-right { margin-left:auto; gap:20px; }
.nav-login { color:var(--txt); font-size:14px; font-weight:600; white-space:nowrap; }
.nav-toggle { display:none; padding:8px; background:transparent; }
.nav-toggle img { width:24px; height:24px; }
.nav-right .btn { min-height:40px; padding:10px 22px; }
.userchip .chip-bal { border:0; background:transparent; padding:0; color:var(--muted); }
.btn { border-radius:3px; background:transparent; border:1px solid #c3cbd5; min-height:44px; padding:11px 22px; box-shadow:none; transition:background .18s,border-color .18s,color .18s; }
.btn:hover { background:#eef1f5; border-color:#889aaf; }
.btn-primary,.btn-cyan { background:var(--cyan); color:#fff; border:1px solid var(--cyan); box-shadow:none; }
.btn-primary:hover,.btn-cyan:hover { background:#1958b9; border-color:#1958b9; filter:none; box-shadow:none; }
.btn-sm { min-height:36px; font-size:13px; padding:8px 15px; }
.btn-lg { min-height:54px; padding:16px 28px; font-size:16px; font-weight:600; }
.btn-danger { color:#b93345; background:#fff5f5; border-color:#efd2d5; }
.btn-ghost { background:transparent; }
.ed-arrow { display:inline-block; width:20px; height:20px; flex:none; }
.btn-primary .ed-arrow { filter:brightness(0) invert(1); }
.ed-container { max-width:1440px; padding-left:56px; padding-right:56px; margin:0 auto; }
.ed-hero { display:grid; grid-template-columns:45% 55%; align-items:center; min-height:570px; position:relative; }
.ed-hero-copy { position:relative; z-index:1; padding:64px 0 60px; }
.ed-eyebrow { font-size:16px; font-weight:500; letter-spacing:1px; margin:0 0 20px; }
.ed-hero h1 { font-family:var(--serif); font-size:clamp(40px,5.1vw,70px); letter-spacing:-1.8px; line-height:1.4; font-weight:800; margin:0 0 26px; }
.ed-hero h1 span { white-space:nowrap; }
.ed-intro { font-size:17px; line-height:1.9; color:#48576a; margin:0; }
.ed-actions { display:flex; flex-wrap:wrap; align-items:center; gap:24px; margin-top:36px; }
.ed-secondary { border-color:#7593c3; color:var(--txt); }
.ed-formats { display:flex; align-items:center; gap:0; margin:30px 0 0; color:#637082; font-size:13px; letter-spacing:.4px; }
.ed-formats span { border-left:1px solid #c6cdd5; padding-left:15px; margin-left:15px; }
.ed-hero-art { margin:0 -40px 0 -50px; min-width:0; }
.ed-hero-art img { display:block; width:100%; height:auto; aspect-ratio:1.4; object-fit:contain; mix-blend-mode:multiply; }
.ed-hero-art { mask-image:linear-gradient(to right,transparent,#000 12%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 88%,transparent); mask-composite:intersect; }
.ed-principles { display:grid; grid-template-columns:repeat(3,1fr); position:relative; padding-top:36px; padding-bottom:36px; }
.ed-principles:before { content:''; position:absolute; top:0; left:56px; right:56px; border-top:1px solid #bfc8d1; }
.ed-principles>div { padding:0 30px; border-right:1px solid #ccd2d9; }
.ed-principles>div:first-child { padding-left:24px; }
.ed-principles>div:last-child { border:0; }
.editorial .ed-principles h2 { font-family:var(--font); font-size:18px; letter-spacing:.5px; margin:0 0 10px; font-weight:600; }
.ed-principles p { font-size:14px; color:var(--muted); line-height:1.85; margin:0; }
.ed-feature { display:grid; grid-template-columns:35% 65%; align-items:center; gap:0; padding-top:16px; padding-bottom:96px; }
.ed-feature-copy { padding-right:38px; }
.ed-section-label { font-size:14px; font-weight:600; margin:0 0 28px; letter-spacing:1px; }
.ed-section-label span { color:var(--cyan); margin-right:14px; font-weight:600; }
.editorial h2 { font-family:var(--serif); font-weight:700; }
.ed-feature h2 { font-size:clamp(27px,2.6vw,36px); line-height:1.55; letter-spacing:-.7px; margin:0 0 26px; }
.ed-feature-copy>p:not(.ed-section-label) { color:var(--muted); line-height:1.95; font-size:15px; margin:0 0 16px; }
.ed-link { display:inline-flex; gap:16px; align-items:center; color:var(--cyan); font-size:15px; font-weight:600; padding:12px 0; margin-top:10px; }
.ed-link:hover { color:#144b9f; text-decoration:underline; text-underline-offset:5px; }
.ed-link .ed-arrow { opacity:.75; }
.ed-document-art { margin:0; min-width:0; }
.ed-document-art img { display:block; width:100%; height:auto; aspect-ratio:1.4; object-fit:contain; mix-blend-mode:multiply; }
.ed-document-art figcaption { text-align:right; color:var(--dim); font-size:12px; margin-top:10px; }
.ed-workflows { background:#f0f2f2; padding:80px 0 84px; }
.ed-section-heading { display:flex; justify-content:space-between; align-items:baseline; gap:24px; margin-bottom:46px; }
.ed-section-heading h2 { font-size:36px; line-height:1.5; letter-spacing:-.5px; margin:0; }
.ed-section-heading>p { font-size:15px; color:var(--muted); margin:0; }
.ed-workflow-grid { display:grid; grid-template-columns:1fr 1fr; }
.ed-workflow-grid article { padding:14px 70px 4px 0; }
.ed-workflow-grid article+article { padding-left:70px; padding-right:0; border-left:1px solid #cdd3d9; }
.ed-workflow-grid .ed-section-label { margin-bottom:24px; }
.ed-workflow-grid h3 { font-size:24px; font-weight:600; margin:0 0 18px; }
.ed-workflow-grid article>p:not(.ed-section-label) { font-size:15px; line-height:1.95; color:var(--muted); max-width:440px; margin:0; }
.ed-how { padding-top:96px; padding-bottom:96px; }
.ed-steps { list-style:none; display:grid; grid-template-columns:repeat(3,1fr); padding:0; margin:0; gap:50px; }
.ed-steps li { display:flex; gap:22px; border-top:1px solid #ccd2d9; padding-top:27px; }
.ed-step-index { font-size:28px; line-height:1.2; color:var(--cyan); font-weight:400; }
.ed-steps h3 { font-size:19px; font-weight:600; margin:0 0 14px; }
.ed-steps p { font-size:14px; line-height:1.9; color:var(--muted); margin:0; }
.ed-faq-section { display:grid; grid-template-columns:38% 62%; padding-top:20px; padding-bottom:100px; }
.ed-faq-section h2 { margin:0; font-size:34px; line-height:1.5; }
.ed-faq-section .ed-section-label { color:var(--cyan); margin-bottom:20px; }
.ed-faq-intro { color:var(--muted); font-size:15px; margin:20px 0; }
.ed-faq-list { border-top:1px solid #c8cfd6; }
.ed-faq-list details { border-bottom:1px solid #d6dce1; }
.ed-faq-list summary { cursor:pointer; padding:24px 8px 24px 0; font-size:16px; font-weight:500; }
.ed-faq-list summary::marker { color:var(--cyan); font-size:11px; }
.ed-faq-list details p { font-size:14px; line-height:1.95; color:var(--muted); margin:0 20px 24px 15px; }
.ed-final-cta { border-top:1px solid #c7cfd6; display:flex; align-items:center; justify-content:space-between; padding-top:66px; padding-bottom:78px; }
.ed-final-cta h2 { font-size:40px; line-height:1.6; margin:0; }
.ed-final-cta .ed-section-label { color:var(--muted); margin-bottom:16px; }
.ed-final-cta>div:last-child { text-align:right; }
.ed-final-cta>div:last-child p { color:var(--muted); font-size:12px; margin-top:18px; }
.ed-footer { background:#f0f2f2; border-top:1px solid #e0e3e6; }
.ed-footer-inner { display:flex; align-items:center; gap:30px; padding-top:32px; padding-bottom:32px; }
.ed-footer .brand { font-size:20px; }
.ed-footer .logo { width:30px; height:30px; }
.ed-footer p { font-size:13px; color:var(--muted); }
.ed-footer nav { margin-left:auto; display:flex; gap:28px; }
.ed-footer nav a { font-size:13px; color:var(--muted); }

/* Workspace: common controls and restrained neutral surfaces. */
.card,.dx-card,.dx-viewer,.modal { background:#fff; border:1px solid var(--line); border-radius:8px; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; }
.glow-card:before { display:none; }
.input,select.input,textarea.input { border-radius:4px; min-height:44px; font-size:14px; border-color:#d5dce3; }
.modal { box-shadow:0 16px 70px #14263d12; }
.modal h3 { color:var(--txt); }
.tabs button { border-radius:0; }
.tabs button.on { background:#eef3fb; color:var(--cyan); }
.toast { background:#fff; border:1px solid var(--line); border-radius:6px; backdrop-filter:none; box-shadow:0 8px 28px #14263d16; }
.progress>i { background:var(--cyan); box-shadow:none; }
.wrap-home { max-width:1560px; padding:40px 42px 60px !important; }
.dx-head { margin-bottom:26px; }
.dx-title { font-size:30px; font-weight:650; color:var(--txt); margin:0; }
.workspace-kicker { margin:0 0 8px; font-size:11px; letter-spacing:2px; color:var(--cyan); font-weight:600; }
.workspace-desc { color:var(--muted); font-size:14px; line-height:1.8; margin:10px 0 0; }
.dx-title-row #newTaskBtn { margin-left:auto; }
.dx-highlights { display:none; }
.dx-top { gap:20px; grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
.dx-upload { padding:28px; gap:18px; border-style:dashed; border-color:#bac8d9; flex-wrap:wrap; }
.dx-upload:hover { background:#f6f8fc; border-color:var(--cyan); }
.dx-cloud img { width:36px; height:36px; }
.dx-upload-main { font-size:15px; font-weight:600; color:var(--txt); }
.dx-upload-sub { font-size:12px; color:var(--muted); margin-top:8px; line-height:1.65; }
.dx-upload-btns { margin-left:54px; gap:12px; }
.dx-mini { min-height:38px; border-radius:4px; padding:9px 14px; font-size:13px; }
.dx-mini:hover { color:var(--cyan); border-color:var(--cyan); }
.dx-langs { padding:26px; align-items:center; flex-wrap:wrap; gap:14px; }
.dx-lang label { color:var(--muted); font-weight:500; margin-bottom:10px; }
.dx-swap { color:#536b89; min-width:28px; }
.dx-start,.bt-start { border-radius:4px; background:var(--cyan); min-height:44px; box-shadow:none; }
.dx-start:hover:not(:disabled),.bt-start:hover:not(:disabled) { background:#1958b9; }
.dx-start { margin-top:24px; }
#quotaBar { background:#f1f4f7; border:0; border-radius:4px; padding:13px 18px !important; margin-bottom:22px !important; }
#quotaBar .btn { min-height:32px; padding:7px 14px; background:transparent; color:var(--cyan); border-color:#cbd9ed; }
.dx-main { margin-top:24px; gap:20px; }
.dx-viewer-body { background:#f1f3f4; }
.dx-viewer-empty { font-size:15px; color:#6d7a89; gap:12px; }
.dx-viewer-empty i { color:#8390a0; }
.dx-side { gap:20px; }
.dx-ops,.dx-recent { padding:22px 18px; }
.dx-side-t { margin-bottom:18px; }
.dx-op { border-radius:4px; min-height:42px; }
.dx-op-main { background:var(--cyan); border-color:var(--cyan); box-shadow:none; }
.dx-op-main:hover:not(:disabled) { background:#1958b9; }
.dx-op-ghost { color:var(--muted); }
.dx-meta { gap:20px; }
.dx-bar>i,.bt-bar>i { background:var(--cyan); }
.bt-langs { padding:26px; }
.bt-set-t { font-size:16px; margin-bottom:18px; }
.bt-set-row { gap:12px; }
.bt-set-tip { color:var(--muted); line-height:1.8; }
.bt-main { gap:20px; margin-top:24px; grid-template-columns:minmax(0,1fr) 300px; }
.bt-list,.bt-overview,.bt-sessions { padding:22px; }
.bt-main>*,.dx-top>* { min-width:0; }
.bt-tbl-wrap { width:100%; max-width:100%; overflow-x:auto; }
.bt-list-head { margin-bottom:20px; }
.bt-tbl th { color:#68788c; padding:13px 10px; background:#f7f8fa; }
.bt-tbl td { padding:14px 10px; }
.bt-empty { padding:64px 20px; color:#6d7a89; }
.bt-side { gap:20px; }
.bt-ov { background:transparent; border:0; border-radius:0; padding:10px 0; }
.bt-ov-wrap { gap:10px; }
.bt-donut-box { width:95px; }
.bt-tag { border-radius:4px; }
.tag { border-radius:4px; }
.empty { color:#788595; line-height:1.8; }
.pv-wrap .dx-viewer { height:640px !important; }
.pv-toolbar { border-radius:6px !important; box-shadow:0 5px 20px #14263d12 !important; }
.pv-dlmenu { border-radius:6px !important; }
.pv-tag { border-radius:3px !important; }
.dx-main .pv-wrap { gap:1px; border:1px solid var(--line); border-radius:8px; overflow:hidden; background:var(--line); }
.pv-wrap .dx-viewer { border:0; border-radius:0; }
#aiPage { max-width:960px !important; padding:60px 30px 80px !important; }
#aiPage.centered { min-height:calc(100vh - 80px); }
#aiHero { padding:40px 0 36px !important; }
.ai-eyebrow { color:var(--cyan); font-size:12px; letter-spacing:2px; margin:0 0 22px; }
.ai-heading { font-family:var(--serif); font-weight:700; font-size:42px; line-height:1.55; margin:0 0 18px; }
.ai-subtitle { font-size:15px; color:var(--muted); line-height:1.9; margin:0; }
#aiCard { border-radius:8px !important; border-color:#cbd3de !important; box-shadow:0 12px 40px #14263d08 !important; padding:24px !important; }
#aiCard:focus-within { border-color:var(--cyan) !important; box-shadow:0 0 0 3px #2469d910 !important; }
#aiText { min-height:80px !important; }
#aiText::placeholder { color:#8893a0; }
#aiGo,#aiPic { border-radius:4px !important; }
.ai-note { margin:18px 0 0; text-align:center; color:var(--dim); font-size:12px; line-height:1.8; }
body[data-page="login"] #view>section { padding-top:64px !important; padding-bottom:80px; }
body[data-page="login"] .modal { padding:32px; width:min(92vw,440px) !important; }
body[data-page="login"] .modal h3 { font-family:var(--serif); font-size:28px; text-align:center; margin-bottom:26px; }
body[data-page="login"] .tabs { margin-bottom:28px; }
body[data-page="me"] #view>.wrap { padding-top:42px !important; }
body[data-page="me"] h1.hero { font-family:var(--serif); font-size:34px; }

@media(min-width:1600px) { .ed-hero { min-height:660px; } }
@media(max-width:1200px) {
  .nav .wrap,.ed-container { padding-left:36px; padding-right:36px; }
  .nav-inner { gap:20px; }
  .nav-links { gap:9px; }
  .ed-principles:before { left:36px; right:36px; }
  .ed-hero { min-height:560px; }
  .ed-hero h1 { font-size:clamp(38px,4.5vw,56px); }
  .ed-hero-art { margin-right:-24px; }
  .ed-actions { gap:14px; }
  .ed-actions .btn { padding:14px 20px; font-size:14px; }
  .ed-intro { font-size:15px; }
  .ed-feature { grid-template-columns:40% 60%; }
  .ed-feature-copy { padding-right:20px; }
  .ed-workflow-grid article { padding-right:40px; }
  .ed-workflow-grid article+article { padding-left:40px; }
  .wrap-home { padding-left:28px !important; padding-right:28px !important; }
  .dx-main { grid-template-columns:minmax(0,1fr) 250px; }
  .dx-langs { padding:20px; gap:10px; }
  .dx-start { width:100%; margin-top:0; }
  .bt-main { grid-template-columns:minmax(0,1fr) 260px; }
}
@media(max-width:960px) {
  .nav .wrap { padding:0 24px; }
  .brand { font-size:20px; }
  .nav-links { gap:4px; }
  .nav-links a { font-size:13px; }
  .nav-right { gap:12px; }
  .nav-right .btn { padding:9px 12px; }
  .ed-container { padding-left:28px; padding-right:28px; }
  .ed-hero { min-height:520px; }
  .ed-hero h1 { font-size:40px; }
  .ed-hero-copy { padding:46px 0; }
  .ed-formats { font-size:11px; }
  .ed-formats span { padding-left:10px; margin-left:10px; }
  .ed-principles:before { left:28px; right:28px; }
  .ed-principles>div { padding:0 20px; }
  .ed-feature { padding-top:50px; padding-bottom:66px; }
  .ed-feature h2 { font-size:28px; }
  .ed-section-heading h2 { font-size:30px; }
  .ed-section-heading { align-items:start; }
  .ed-section-heading>p { font-size:13px; }
  .ed-workflows { padding:60px 0; }
  .ed-how { padding-top:66px; padding-bottom:66px; }
  .ed-steps { gap:26px; }
  .ed-steps li { gap:14px; }
  .ed-faq-section { grid-template-columns:34% 66%; padding-bottom:70px; }
  .ed-faq-section h2 { font-size:26px; }
  .ed-final-cta h2 { font-size:34px; }
  .dx-main { grid-template-columns:1fr !important; }
  .dx-side { display:grid; grid-template-columns:1fr 1fr; }
  .dx-top,.bt-main { grid-template-columns:1fr; }
  .dx-upload-btns { margin-left:auto; }
  .dx-langs .dx-lang { flex:1 1 150px; }
  .dx-start { width:auto; margin-top:24px; }
  .bt-side { display:grid; grid-template-columns:1fr 1fr; }
}
@media(max-width:720px) {
  html { scroll-padding-top:76px; }
  .nav-inner { height:68px; min-height:68px; gap:14px; }
  .nav .wrap { padding:0 20px; }
  .brand { font-size:20px; gap:9px; }
  .brand .logo { width:30px; height:30px; }
  .nav-toggle { display:flex; margin-left:0; order:4; }
  .nav-links { display:none; position:absolute; top:68px; left:0; right:0; margin:0; padding:12px 20px 20px; background:var(--bg); border-bottom:1px solid var(--line); }
  .nav-links.is-open { display:flex; flex-direction:column; }
  .nav-links a { padding:13px 10px; font-size:15px; }
  .nav-right { margin-left:auto; }
  .nav-right .nav-start,.nav-right .chip-bal { display:none; }
  .nav-login { font-size:13px; }
  .userchip { gap:8px; }
  .userchip .btn { font-size:12px; padding:8px; }
  .ed-container { padding-left:24px; padding-right:24px; }
  .ed-hero { grid-template-columns:1fr; min-height:0; }
  .ed-hero-copy { padding:50px 0 4px; }
  .ed-eyebrow { font-size:14px; margin-bottom:18px; }
  .ed-hero h1 { font-size:clamp(35px,7.8vw,52px); letter-spacing:-1px; line-height:1.55; margin-bottom:24px; }
  .ed-intro { font-size:14px; line-height:1.9; }
  .ed-desktop-break { display:none; }
  .ed-actions { gap:12px; margin-top:27px; flex-wrap:nowrap; }
  .ed-actions .btn { padding:13px 17px; min-height:49px; font-size:13px; }
  .ed-actions .ed-arrow { width:17px; }
  .ed-formats { font-size:11px; margin-top:24px; }
  .ed-hero-art { margin:14px -14px 15px; }
  .ed-principles { grid-template-columns:1fr; padding-top:10px; padding-bottom:14px; }
  .ed-principles:before { left:24px; right:24px; }
  .ed-principles>div,.ed-principles>div:first-child { display:grid; grid-template-columns:105px 1fr; gap:10px; border-right:0; border-bottom:1px solid #e0e3e5; padding:20px 0; }
  .ed-principles h2 { font-size:15px; margin:2px 0 0; }
  .ed-principles p { font-size:12px; }
  .ed-feature { grid-template-columns:1fr; padding-top:45px; padding-bottom:50px; }
  .ed-feature-copy { padding:0; }
  .ed-feature h2 { font-size:30px; margin-bottom:20px; }
  .ed-section-label { font-size:12px; margin-bottom:22px; }
  .ed-feature-copy>p:not(.ed-section-label) { font-size:14px; }
  .ed-document-art { margin:25px -14px 0; }
  .ed-document-art figcaption { margin-right:14px; font-size:10px; }
  .ed-workflows { padding:50px 0; }
  .ed-section-heading { display:block; margin-bottom:34px; }
  .ed-section-heading h2 { font-size:28px; }
  .ed-section-heading>p { margin-top:14px; font-size:14px; }
  .ed-workflow-grid { grid-template-columns:1fr; }
  .ed-workflow-grid article { padding:0 0 30px; }
  .ed-workflow-grid article+article { padding:32px 0 0; border-left:0; border-top:1px solid #cdd3d9; }
  .ed-workflow-grid h3 { font-size:22px; }
  .ed-workflow-grid article>p:not(.ed-section-label) { font-size:14px; }
  .ed-how { padding-top:55px; padding-bottom:55px; }
  .ed-steps { grid-template-columns:1fr; gap:25px; }
  .ed-steps li { gap:24px; padding-top:22px; }
  .ed-steps p br { display:none; }
  .ed-faq-section { grid-template-columns:1fr; padding-top:0; padding-bottom:50px; gap:20px; }
  .ed-faq-section h2 { font-size:28px; }
  .ed-faq-list summary { font-size:14px; padding:20px 0; }
  .ed-faq-list details p { font-size:13px; }
  .ed-final-cta { display:block; padding-top:42px; padding-bottom:50px; }
  .ed-final-cta h2 { font-size:32px; }
  .ed-final-cta>div:last-child { text-align:left; margin-top:30px; }
  .ed-final-cta .btn-lg { font-size:14px; padding:14px 24px; }
  .ed-footer-inner { flex-wrap:wrap; gap:8px 20px; padding-top:28px; padding-bottom:28px; }
  .ed-footer p { margin:0; font-size:11px; }
  .ed-footer nav { margin:14px 0 0; width:100%; gap:24px; }
  .wrap-home { padding:30px 18px 50px !important; }
  .dx-title { font-size:25px; }
  .dx-title-row { gap:10px; }
  .dx-title-row #newTaskBtn { font-size:11px; padding:8px; }
  .workspace-desc { font-size:12px; }
  .dx-upload { padding:22px 18px; }
  .dx-upload-btns { margin:0 0 0 0; width:100%; }
  .dx-upload-main { font-size:14px; }
  .dx-langs { padding:20px; }
  .dx-langs .dx-lang { flex:1 1 100px; }
  .dx-start { width:100%; margin-top:5px; }
  #quotaBar { gap:8px !important; }
  #quotaBar>span:nth-child(2) { line-height:1.8; }
  .dx-side,.bt-side { grid-template-columns:1fr; }
  .dx-main .pv-wrap { grid-template-columns:1fr; gap:1px; }
  .pv-wrap .dx-viewer { height:440px !important; }
  .pv-toolbar { gap:2px !important; padding:7px !important; max-width:calc(100% - 20px); }
  .pv-tb-name { max-width:70px !important; }
  .bt-set-row { flex-direction:row; flex-wrap:wrap; align-items:center; }
  .bt-set-row .dx-lang { flex:1 1 100px; }
  .bt-start { width:100%; }
  .bt-list { padding:18px 14px; }
  .bt-ov-wrap { flex-direction:row; }
  #aiPage { padding:30px 20px 60px !important; }
  #aiHero { padding-top:20px !important; }
  .ai-heading { font-size:32px; }
  .ai-subtitle { font-size:13px; }
  #aiCard { padding:18px !important; }
  #aiText { font-size:14px !important; }
  body[data-page="login"] #view>section { padding-top:35px !important; }
  body[data-page="login"] .modal { padding:25px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation-duration:.01ms !important; transition-duration:.01ms !important; } }

/* 预览区等高（2026-09-14）：右栏更高时不再露出灰底；两栏贴合、中线分隔、内部同色 */
.dx-main .pv-wrap { gap: 0; background: #fff; }
.pv-wrap .dx-viewer { height: auto !important; min-height: 640px; align-self: stretch; }
.pv-wrap .dx-viewer + .dx-viewer { border-left: 1px solid var(--line); }
.pv-wrap .dx-viewer-body { background: #fff; }
@media(max-width:720px) {
  .pv-wrap .dx-viewer { min-height: 440px; }
  .pv-wrap .dx-viewer + .dx-viewer { border-left: 0; border-top: 1px solid var(--line); }
}