:root{--surface: #f7f9fb;--canvas: #f8fafc;--panel: #ffffff;--glass: rgba(255, 255, 255, .72);--panel-soft: #f2f4f6;--panel-active: #d3e4fe;--text: #191c1e;--muted: #737685;--muted-strong: #434654;--border: #e2e8f0;--border-strong: #c3c6d6;--primary: #0052cc;--primary-dark: #003d9b;--primary-soft: #dae2ff;--danger: #ba1a1a;--danger-soft: #ffdad6;--success: #047857;--success-soft: #d1fae5;--warning: #92400e;--warning-soft: #fef3c7;--toolbar-height: 56px;--statusbar-height: 32px;--sidebar-width: 280px;font-family:Inter,Noto Sans SC,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--surface);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow-x:hidden;overflow-y:auto}button,textarea,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app{min-height:100%;background:var(--surface)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topbar{position:fixed;inset:0 0 auto 0;height:var(--toolbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#ffffffd1;border-bottom:1px solid rgba(195,198,214,.48);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 1px 14px #0f172a0a;z-index:50}.brand-area,.top-actions,.topnav,.upload-actions,.security-line,.processing-meta,.thumb-footer,.canvas-toolbar,.doc-label-row,.field-block label,.quick-actions,.info-callout,.modal-actions,.export-toast,.statusbar,.mobile-tabs{display:flex;align-items:center}.brand-area,.top-actions{min-width:0}.brand{font-size:24px;line-height:32px;font-weight:800;letter-spacing:-.01em;color:var(--primary-dark);text-decoration:none}.divider{width:1px;height:18px;margin:0 24px;background:var(--border-strong)}.topnav{gap:22px}.topnav button{border:0;background:transparent;color:var(--text);font-size:12px;line-height:16px;font-weight:500;padding:6px 4px}.topnav button:hover{color:var(--primary)}.top-actions{gap:16px}.language-menu,.user-menu{display:inline-flex;align-items:center;gap:6px}.language-menu{min-height:32px;padding:0 8px;border:1px solid var(--border-strong);border-radius:999px;color:var(--muted-strong);background:#fff}.language-menu select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:0;background:transparent;color:var(--text);font-size:12px;line-height:16px;font-weight:700;cursor:pointer}.user-menu{min-height:32px;max-width:260px;padding:0 8px;border:1px solid var(--border-strong);border-radius:999px;color:var(--text);background:#fff;font-size:12px;line-height:16px;font-weight:600}.user-menu>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu button{border:0;background:transparent;color:var(--muted-strong);display:inline-flex;align-items:center;gap:4px;padding:4px;font-size:11px;line-height:14px;font-weight:700}.quota-pill{color:var(--text);font-size:14px;line-height:20px;white-space:nowrap;transition:transform .18s ease,color .18s ease}.primary-btn,.secondary-btn{min-height:40px;border-radius:4px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;line-height:16px;font-weight:700;border:1px solid transparent;transition:transform .14s ease,background .14s ease,border-color .14s ease,opacity .14s ease,box-shadow .14s ease}.primary-btn{background:var(--primary-dark);color:#fff;box-shadow:0 1px 2px #0000001f}.primary-btn:hover:not(:disabled){background:var(--primary);box-shadow:0 10px 24px #0052cc2e}.primary-btn:active:not(:disabled),.secondary-btn:active:not(:disabled),.quick-actions button:active:not(:disabled),.thumb-card:active{transform:scale(.98)}.primary-btn.compact{min-width:120px}.primary-btn.full{width:100%;min-height:58px;font-size:20px;line-height:28px}.secondary-btn{background:#fff;color:var(--text);border-color:var(--border-strong)}.secondary-btn:hover{background:var(--panel-soft)}.secondary-btn.tiny{min-height:32px;padding:0 10px}.empty-screen,.processing-screen{min-height:100vh;padding:calc(var(--toolbar-height) + 52px) 24px 64px;background:radial-gradient(circle at 12% 8%,rgba(211,228,254,.62),transparent 28%),radial-gradient(circle at 90% 16%,rgba(201,230,255,.54),transparent 30%),var(--surface);overflow:auto}.empty-screen{display:flex;flex-direction:column;align-items:center}.upload-zone{width:min(100%,1120px);min-height:390px;border:2px dashed rgba(0,82,204,.72);border-radius:18px;background-color:#ffffffa8;background-image:radial-gradient(circle at 2px 2px,#c3c6d7 1px,transparent 0);background-size:26px 26px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 18px 54px #0f172a0f;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.home-empty{padding-top:calc(var(--toolbar-height) + 46px)}.tool-empty{justify-content:center}.home-upload{min-height:320px}.tool-upload{min-height:min(520px,calc(100vh - var(--toolbar-height) - 152px))}.upload-zone.is-dragging,.upload-zone:hover{border-color:var(--primary);background-color:#d3e4fe57;box-shadow:0 22px 64px #0052cc1f;transform:translateY(-2px)}.upload-icon,.processing-icon,.modal-icon{width:80px;height:80px;border-radius:16px;background:linear-gradient(135deg,var(--primary-soft),#b2c5ff);color:var(--primary-dark);display:grid;place-items:center}.upload-icon{animation:uploadFloat 3.2s ease-in-out infinite;transition:transform .18s ease}.upload-zone:hover .upload-icon,.upload-zone.is-dragging .upload-icon{transform:scale(1.06)}.upload-zone h1,.upload-zone h2,.processing-panel h1{margin:28px 0 12px;font-size:24px;line-height:32px;font-weight:700;letter-spacing:-.01em}.home-intro,.boundary-panel,.faq-section,.seo-hero,.seo-content-grid{width:min(100%,1120px)}.home-intro{margin:0 auto 24px;text-align:center}.eyebrow{margin:0 0 10px;color:var(--primary-dark);font-size:12px;line-height:16px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.home-intro h1,.seo-hero h1{margin:0;color:var(--text);font-size:clamp(34px,4vw,52px);line-height:1.08;font-weight:800}.home-intro>p:not(.eyebrow),.seo-hero>p{width:min(100%,760px);margin:14px auto 0;color:var(--muted-strong);font-size:16px;line-height:26px}.workflow-section{width:min(100%,1120px);margin-top:34px}.workflow-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.workflow-strip span{min-height:42px;display:flex;align-items:center;justify-content:center;padding:8px 10px;border:1px solid var(--border-strong);border-radius:10px;background:#ffffffb8;color:var(--muted-strong);font-size:12px;line-height:16px;font-weight:650}.upload-zone p,.processing-panel p{width:min(100%,520px);margin:0 0 36px;color:var(--muted-strong);font-size:16px;line-height:24px}.upload-actions{gap:28px;flex-wrap:wrap;justify-content:center}.upload-actions .primary-btn{min-height:56px;padding:0 28px;font-size:18px;line-height:24px}.upload-actions .primary-btn svg{width:24px;height:24px}.upload-actions span{color:var(--muted);font-size:16px;line-height:22px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.upload-actions em{color:var(--text);font-size:24px;line-height:32px;font-style:normal;font-weight:500}.upload-footnote{width:min(100%,520px);margin:28px 0 0;color:var(--muted);font-size:14px;line-height:21px;font-weight:600}.security-line{margin-top:80px;gap:8px;color:var(--muted);font-size:12px;line-height:16px;font-weight:600}.inline-error{width:min(100%,1120px);margin-top:16px;display:flex;gap:8px;align-items:center;color:var(--danger);background:var(--danger-soft);border:1px solid #fecaca;border-radius:4px;padding:10px 12px;font-size:14px}.empty-hints{width:min(100%,1120px);display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:62px;opacity:.68}.boundary-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:56px}.boundary-panel>div,.seo-content-grid article,.faq-grid details{border:1px solid var(--border-strong);border-radius:6px;background:#fff}.boundary-panel>div{padding:20px}.boundary-panel h2,.seo-content-grid h2,.section-heading h2{margin:0;color:var(--text);font-size:18px;line-height:24px;font-weight:800}.boundary-panel p{margin:10px 0 0;color:var(--muted-strong);font-size:14px;line-height:22px}.faq-section{margin-top:56px}.section-heading{margin-bottom:18px}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.faq-grid details{padding:16px 18px}.faq-grid summary{color:var(--text);font-size:14px;line-height:20px;font-weight:800;cursor:pointer}.faq-grid p{margin:10px 0 0;color:var(--muted-strong);font-size:14px;line-height:22px}.seo-page{min-height:100vh;padding:calc(var(--toolbar-height) + 78px) 24px 72px;background:radial-gradient(circle at 1px 1px,rgba(209,213,219,.45) 1px,transparent 0) 0 0 / 24px 24px,var(--surface);overflow:auto}.seo-hero{margin:0 auto;text-align:center}.seo-actions{display:flex;justify-content:center;gap:12px;margin-top:28px}.seo-actions a{text-decoration:none}.seo-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:46px auto 0}.seo-content-grid article{padding:24px}.seo-content-grid ul,.seo-content-grid ol{margin:16px 0 0;padding-left:22px;color:var(--muted-strong);font-size:14px;line-height:24px}.seo-content-grid li+li{margin-top:8px}.export-note{margin:18px 0 0;border-radius:4px;background:var(--panel-soft);color:var(--muted-strong);padding:12px;font-size:13px;line-height:20px;font-weight:700}.hint-card{border:1px solid var(--border-strong);border-radius:4px;background:#fff;padding:30px}.hint-media{height:200px;border:1px solid var(--border);border-radius:2px;filter:grayscale(1);opacity:.72}.media-one{background:linear-gradient(135deg,#f9fafb,#fff 45%,#d1d5db 46%,#f3f4f6)}.media-two{background:linear-gradient(90deg,rgba(17,24,39,.18) 1px,transparent 1px) 0 0 / 42px 100%,linear-gradient(180deg,#d1d5db,#f9fafb)}.media-three{background:radial-gradient(circle at 74% 20%,#9ca3af 0 28px,transparent 30px),linear-gradient(135deg,#f3f4f6,#fff 50%,#d1d5db)}.skeleton{height:14px;width:42%;margin-top:12px;border-radius:2px;background:#e7eefe}.skeleton.wide{width:66%;margin-top:22px}.processing-screen{display:grid;place-items:center}.processing-panel{width:min(100%,560px);border:1px solid var(--border-strong);border-radius:18px;padding:40px;background:#fff;text-align:center;box-shadow:0 24px 70px #0f172a1a}.processing-detail{display:block;margin:-22px 0 28px;color:var(--muted);font-size:13px;line-height:18px;font-weight:650}.processing-icon{margin:0 auto}.progress-track{width:100%;height:8px;background:var(--panel-soft);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--primary);border-radius:inherit;transition:width .18s ease}.processing-meta{margin-top:12px;justify-content:space-between;color:var(--muted);font-size:12px;line-height:16px;font-weight:600}.editor-shell{position:fixed;inset:var(--toolbar-height) 0 var(--statusbar-height);display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr) var(--sidebar-width);background:radial-gradient(circle at 1px 1px,rgba(195,198,214,.48) 1px,transparent 0) 0 0 / 24px 24px,var(--canvas);overflow:hidden}.mobile-pane{min-width:0;min-height:0;display:contents}.sidebar{min-width:0;min-height:0;display:flex;flex-direction:column;background:#ffffffd1;padding:24px 20px;overflow:hidden;z-index:2;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.left-sidebar{border-right:1px solid var(--border-strong)}.right-sidebar{border-left:1px solid var(--border-strong)}.panel-heading{margin-bottom:24px}.panel-heading h2{margin:0;color:var(--primary-dark);font-size:20px;line-height:28px;font-weight:800}.panel-heading p{margin:2px 0 0;color:var(--muted);font-size:11px;line-height:14px;font-weight:700;letter-spacing:.08em}.page-list{flex:1;min-height:0;overflow:auto;padding-right:2px}.page-list::-webkit-scrollbar,.canvas-shell::-webkit-scrollbar{width:6px;height:6px}.page-list::-webkit-scrollbar-thumb,.canvas-shell::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:999px}.thumb-card{width:100%;display:block;text-align:left;color:var(--muted-strong);background:transparent;border:0;border-radius:10px;padding:10px;margin-bottom:20px;transition:background .16s ease,transform .16s ease,box-shadow .16s ease}.thumb-card:hover{background:#f6f8ff;transform:translateY(-1px)}.thumb-card.active{background:var(--panel-active);color:var(--text);box-shadow:inset 0 0 0 1px #0052cc47}.thumb-image-wrap{position:relative;aspect-ratio:1 / 1.414;background:#fff;border:1px solid var(--border-strong);border-radius:6px;overflow:hidden;box-shadow:0 8px 20px #11182714}.thumb-image-wrap img{width:100%;height:100%;display:block;object-fit:contain}.thumb-card:not(.active) .thumb-image-wrap img{opacity:.72}.status-badge{position:absolute;top:9px;left:9px;padding:3px 8px;border-radius:2px;background:var(--primary-dark);color:#fff;font-size:10px;line-height:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.status-badge.edited{background:var(--success)}.status-badge.generating{background:var(--warning)}.status-badge.failed{background:var(--danger)}.thumb-footer{gap:10px;padding:11px 4px 2px;font-size:13px;line-height:18px;font-weight:600}.canvas-shell{min-width:0;min-height:0;overflow:auto;background:radial-gradient(circle at 1px 1px,rgba(209,213,219,.5) 1px,transparent 0) 0 0 / 24px 24px,var(--canvas);display:flex;flex-direction:column}.canvas-toolbar{height:48px;flex:0 0 auto;justify-content:space-between;gap:16px;padding:0 24px;background:#fff;border-bottom:1px solid var(--border)}.canvas-toolbar strong{font-size:14px;font-weight:800;margin-right:10px}.canvas-toolbar span{color:var(--muted);font-size:12px;font-weight:600}.segmented{display:inline-flex;gap:2px;padding:4px;background:var(--panel-soft);border-radius:4px}.segmented button,.version-toggle button{border:0;background:transparent;color:var(--muted-strong);min-height:30px;border-radius:3px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;font-size:12px;line-height:16px;font-weight:700}.segmented button.active,.version-toggle button.active{background:#fff;color:var(--primary-dark);box-shadow:0 1px 2px #00000014}.single-preview,.compare-grid{flex:1;min-height:0;padding:56px}.single-preview{display:flex;align-items:flex-start;justify-content:center;animation:previewSlide .22s ease both}.compare-grid{display:grid;grid-template-columns:minmax(280px,500px) minmax(280px,500px);gap:48px;justify-content:center;align-items:start}.document-frame-wrap{width:min(100%,745px)}.compare-grid .document-frame-wrap{width:100%}.doc-label-row{height:34px;justify-content:space-between;color:var(--muted);font-size:11px;line-height:14px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.version-label{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:3px;background:var(--panel-active);color:var(--muted-strong)}.version-label.edited{background:var(--primary);color:#fff}.document-frame{position:relative;width:100%;max-height:calc(100vh - var(--toolbar-height) - var(--statusbar-height) - 150px);background:#fff;border:1px solid var(--border-strong);border-radius:10px;box-shadow:0 24px 44px #1118271f;overflow:visible}.document-frame img{width:100%;height:100%;display:block;object-fit:contain;border-radius:inherit;animation:imageCrossfade .24s ease both}.handle{position:absolute;width:9px;height:9px;background:var(--primary-dark);border-radius:2px}.top-left{top:-5px;left:-5px}.top-right{top:-5px;right:-5px}.bottom-left{bottom:-5px;left:-5px}.bottom-right{bottom:-5px;right:-5px}.generating-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:24px;background:#f8fafcc2;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.generating-card{width:fit-content;max-width:min(320px,100%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px 20px;border:1px solid rgba(15,92,214,.16);border-radius:6px;background:#ffffffe0;box-shadow:0 14px 30px #0f5cd624;color:var(--primary-dark);font-size:13px;line-height:18px;font-weight:800;letter-spacing:.03em;text-align:center;text-transform:uppercase}.generating-card strong{font-size:13px;line-height:18px}.generating-card small{max-width:260px;color:var(--muted-strong);font-size:11px;line-height:16px;font-weight:650;text-transform:none;letter-spacing:0}.assistant-body{flex:1;min-height:0;overflow:auto}.toggle-row{min-height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-radius:10px;background:var(--panel-soft);font-size:14px;line-height:20px;font-weight:500}.suggestion-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.suggestion-chips button{min-height:30px;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(0,82,204,.16);border-radius:999px;background:#c9e6ff70;color:var(--primary-dark);padding:0 10px;font-size:11px;line-height:15px;font-weight:750;transition:transform .14s ease,background .14s ease,border-color .14s ease}.suggestion-chips button:hover:not(:disabled){transform:translateY(-1px);background:#d3e4feb8;border-color:#0052cc5c}.switch{position:relative;width:42px;height:24px;border:0;border-radius:999px;padding:0;background:#9ca3af}.switch.on,.switch:not(:disabled){background:var(--primary-dark)}.switch i{position:absolute;top:4px;left:4px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .14s ease}.switch.on i{transform:translate(18px)}.field-block{margin-top:28px}.field-block label{gap:6px;margin-bottom:10px;color:var(--text);font-size:12px;line-height:16px;font-weight:700;letter-spacing:.04em}.field-block textarea{width:100%;height:160px;resize:none;border:1px solid var(--border-strong);border-radius:4px;padding:14px;outline:none;background:#fff;color:var(--text);font-size:14px;line-height:22px}.field-block textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26}.error-panel{margin-top:14px;display:flex;gap:8px;color:var(--danger);background:var(--danger-soft);border:1px solid #fecaca;border-radius:4px;padding:10px;font-size:12px;line-height:16px;font-weight:600}.version-toggle{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-top:18px;padding:4px;background:var(--panel-soft);border-radius:4px}.version-toggle button{justify-content:center;min-height:34px}.quick-actions{gap:10px;margin-top:30px}.quick-actions button{flex:1;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#fff;color:var(--text);border:1px solid var(--border-strong);border-radius:4px;font-size:12px;line-height:16px;font-weight:600}.quick-actions button:hover:not(:disabled){color:var(--primary-dark);background:#f8faff}.assistant-footer{padding-top:18px}.info-callout{gap:10px;margin-bottom:20px;border-radius:4px;background:var(--panel-active);color:var(--muted-strong);padding:12px;font-size:12px;line-height:16px;font-weight:600}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:#0f172a57;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:20px}.modal-card{position:relative;width:min(100%,440px);border:1px solid var(--border);border-radius:18px;background:#ffffffeb;padding:30px;box-shadow:0 16px 50px #1118272e}.modal-close,.ghost-icon{border:0;background:transparent;color:var(--muted);display:inline-grid;place-items:center}.modal-close{position:absolute;top:16px;right:16px;width:30px;height:30px}.modal-icon{width:52px;height:52px;border-radius:8px}.modal-card h2{margin:18px 0 8px;font-size:24px;line-height:32px}.modal-card p{margin:0;color:var(--muted-strong);font-size:14px;line-height:22px}.modal-card ul{list-style:none;padding:0;margin:22px 0}.modal-card li{display:flex;align-items:center;gap:9px;margin:10px 0;color:var(--text);font-size:14px;font-weight:600}.modal-card li svg{color:var(--success)}.pricing-card{width:min(100%,720px)}.payment-card{width:min(100%,820px)}.pricing-subtitle{margin-top:0;color:var(--muted-strong)}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.plan-box{border:1px solid var(--border-strong);border-radius:6px;padding:18px;background:#fff}.plan-box.highlighted{border-color:var(--primary);background:#f8faff}.plan-box h3{margin:0 0 6px;font-size:18px;line-height:24px}.plan-box strong{display:block;color:var(--primary-dark);font-size:13px;line-height:18px}.credit-pack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0 18px}.credit-pack{min-height:128px;border:1px solid var(--border-strong);border-radius:14px;background:#fff;color:var(--text);display:flex;flex-direction:column;justify-content:center;gap:8px;padding:12px;text-align:left;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.credit-pack:hover,.credit-pack.active{border-color:var(--primary);background:#f8faff;box-shadow:0 14px 34px #0052cc24;transform:translateY(-2px)}.credit-pack strong{font-size:16px;line-height:22px}.credit-pack span{color:var(--primary-dark);font-size:34px;line-height:40px;font-weight:800}.credit-rules{display:grid;gap:7px;margin:8px 0 0;padding:0;list-style:none}.credit-rules li{position:relative;display:block;margin:0;padding-left:16px;color:var(--muted-strong);font-size:13px;line-height:19px;font-weight:600}.credit-rules li:before{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;background:var(--primary)}.credit-fine-print{margin-top:12px;color:var(--muted);font-size:12px;line-height:18px}.wechat-pay-box{display:grid;grid-template-columns:132px 1fr;align-items:center;gap:16px;margin:18px 0 12px;padding:14px;border:1px solid var(--border-strong);border-radius:6px;background:#fbfdff}.qr-frame{width:132px;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--border);border-radius:4px;background:#fff}.qr-frame img{width:118px;height:118px;display:block}.wechat-pay-box strong,.wechat-pay-box span{display:block}.wechat-pay-box strong{font-size:16px;line-height:22px}.wechat-pay-box span{margin-top:6px;color:var(--muted-strong);font-size:13px;line-height:18px;font-weight:600}.auth-form{margin-top:22px;display:grid;gap:12px}.auth-form label{display:grid;gap:6px;color:var(--text);font-size:12px;line-height:16px;font-weight:700}.auth-form input{width:100%;height:40px;border:1px solid var(--border-strong);border-radius:4px;padding:0 10px;outline:0;color:var(--text);background:#fff}.auth-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26}.auth-google{width:100%}.auth-divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;line-height:16px;font-weight:700}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-mode-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border:1px solid var(--border);border-radius:8px;background:var(--panel-soft)}.auth-mode-toggle button{min-height:36px;border:0;border-radius:6px;background:transparent;color:var(--muted-strong);font-size:13px;line-height:18px;font-weight:800}.auth-mode-toggle button.active{background:var(--panel);color:var(--primary-dark);box-shadow:0 1px 2px #1118271f}.helper-copy{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:18px;font-weight:600}.helper-copy.warning{color:var(--warning)}.turnstile-box{display:flex;justify-content:center;min-height:65px;padding:2px 0;overflow:visible}.auth-status{display:flex;align-items:flex-start;gap:8px;border-radius:4px;background:var(--panel-active);color:var(--muted-strong);padding:10px;font-size:12px;line-height:16px;font-weight:600}.auth-status.success{background:#dcfce7;color:#166534}.modal-actions{gap:10px}.modal-actions .primary-btn,.modal-actions .secondary-btn{flex:1}.export-toast{position:fixed;right:20px;bottom:calc(var(--statusbar-height) + 18px);z-index:80;min-width:340px;max-width:calc(100vw - 40px);gap:12px;padding:14px;border:1px solid var(--border-strong);border-radius:14px;background:#fffffff0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 30px #11182724}.checkmark-pop{color:var(--success);animation:checkPop .42s ease both}.step-status{display:inline-block;animation:stepFade .36s ease both}.marketing-footer{width:min(100%,1120px);margin:56px auto 0;padding:24px 0 0;border-top:1px solid rgba(195,198,214,.7);display:flex;align-items:flex-start;justify-content:space-between;gap:24px;color:var(--muted);font-size:12px;line-height:18px}.marketing-footer div,.marketing-footer nav{display:flex;flex-wrap:wrap;gap:10px 16px}.marketing-footer strong{color:var(--primary-dark)}.marketing-footer a{color:var(--muted-strong);text-decoration:none}.marketing-footer a:hover{color:var(--primary)}.legal-page{min-height:100vh;padding:calc(var(--toolbar-height) + 58px) 24px 56px;background:radial-gradient(circle at 8% 10%,rgba(211,228,254,.52),transparent 30%),var(--surface)}.legal-card{width:min(100%,920px);margin:0 auto;border:1px solid rgba(195,198,214,.74);border-radius:18px;background:#ffffffdb;padding:42px;box-shadow:0 24px 72px #0f172a14}.legal-card h1{margin:0;font-size:clamp(30px,4vw,48px);line-height:1.1;font-weight:850;color:var(--text)}.legal-date{margin:14px 0 0;color:var(--muted);font-size:13px;line-height:18px;font-weight:700}.legal-intro{margin:24px 0 30px;color:var(--muted-strong);font-size:16px;line-height:26px}.legal-card section{padding:22px 0;border-top:1px solid rgba(195,198,214,.58)}.legal-card h2{margin:0 0 8px;color:var(--primary-dark);font-size:18px;line-height:24px}.legal-card section p{margin:0;color:var(--muted-strong);font-size:15px;line-height:25px}.export-toast strong,.export-toast span{display:block}.export-toast strong{font-size:14px;line-height:20px}.export-toast span{color:var(--muted);font-size:12px;line-height:16px}.statusbar{position:fixed;inset:auto 0 0 0;height:var(--statusbar-height);gap:22px;padding:0 24px;background:#e7eefe;border-top:1px solid var(--border-strong);color:var(--muted);font-size:11px;line-height:14px;font-weight:700;letter-spacing:.03em}.statusbar span{display:inline-flex;align-items:center;gap:7px;padding-right:22px;border-right:1px solid var(--border-strong)}.statusbar span:last-child{border-right:0}.statusbar i{width:8px;height:8px;border-radius:50%;background:var(--primary-dark)}.mobile-tabs{display:none}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes uploadFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes previewSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes imageCrossfade{0%{opacity:.68}to{opacity:1}}@keyframes stepFade{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes checkPop{0%{opacity:0;transform:scale(.72)}70%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}@media (max-width: 1100px){.editor-shell{grid-template-columns:230px minmax(0,1fr) 260px}.sidebar{padding:18px 14px}.single-preview,.compare-grid{padding:32px}}@media (max-width: 820px){body{overflow:auto}.topbar{padding:0 16px}.brand{font-size:20px;line-height:28px}.divider,.topnav,.statusbar{display:none}.top-actions{gap:10px}.language-menu{padding:0 6px}.user-menu{max-width:160px}.user-menu button span,.user-menu button{font-size:0;gap:0}.quota-pill{font-size:13px}.primary-btn.compact{min-width:42px;width:42px;padding:0;font-size:0;gap:0}.primary-btn.compact svg{color:#fff;display:block}.empty-screen,.processing-screen{min-height:100vh;padding:calc(var(--toolbar-height) + 28px) 18px 28px}.marketing-footer{flex-direction:column}.upload-zone{min-height:430px;padding:34px 22px}.home-upload{min-height:340px;padding:30px 18px}.tool-upload{min-height:min(460px,calc(100vh - var(--toolbar-height) - 108px))}.upload-zone h1{font-size:20px;line-height:28px}.upload-zone h2,.home-intro h1,.seo-hero h1{font-size:24px;line-height:32px}.workflow-strip,.boundary-panel,.faq-grid,.seo-content-grid{grid-template-columns:1fr}.home-intro,.workflow-section,.boundary-panel,.faq-section{width:100%}.seo-page{min-height:100vh;padding:calc(var(--toolbar-height) + 32px) 18px 36px}.seo-actions{flex-direction:column}.upload-zone p{font-size:14px;line-height:22px}.security-line{margin-top:48px}.empty-hints{display:none}.editor-shell{position:fixed;inset:var(--toolbar-height) 0 0;display:block;overflow:auto;padding-bottom:86px}.mobile-pane{display:none}.mobile-pane.visible{display:block}.sidebar,.canvas-shell{width:100%;min-height:calc(100vh - var(--toolbar-height) - 76px);border:0}.left-sidebar{padding:18px}.page-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.thumb-card{margin:0}.right-sidebar{padding:22px 24px}.canvas-toolbar{height:auto;min-height:54px;padding:10px 16px;align-items:flex-start;flex-direction:column}.segmented{width:100%}.segmented button{flex:1;justify-content:center}.single-preview,.compare-grid{padding:36px 18px}.compare-grid{grid-template-columns:1fr;gap:28px}.document-frame{max-height:none}.doc-label-row{justify-content:center;gap:12px}.assistant-footer{padding-bottom:12px}.primary-btn.full{min-height:48px;font-size:14px;line-height:20px}.mobile-tabs{position:fixed;inset:auto 0 0 0;z-index:70;height:76px;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-top:1px solid var(--border-strong);box-shadow:0 -8px 20px #1118270f}.mobile-tabs button{border:0;background:transparent;color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;line-height:14px;font-weight:700}.mobile-tabs button.active{color:var(--primary-dark)}.mobile-tabs button.active:before{content:"";position:absolute;top:0;width:84px;height:4px;border-radius:0 0 4px 4px;background:var(--primary)}.export-toast{right:12px;bottom:88px;min-width:0}}@media (max-width: 520px){.topbar{gap:12px}.quota-pill{white-space:normal;text-align:right;display:none}.language-menu svg,.language-menu>svg:last-child{display:none}.user-menu>span{display:none}.pricing-grid,.credit-pack-grid{grid-template-columns:1fr}.wechat-pay-box{grid-template-columns:1fr;justify-items:center;text-align:center}.page-list{grid-template-columns:1fr}.upload-actions{flex-direction:column;gap:14px}.upload-actions .primary-btn{min-height:52px;padding:0 24px;font-size:16px;line-height:22px}.upload-actions em{font-size:20px;line-height:28px}.modal-actions{flex-direction:column}.legal-card{padding:26px 20px}.marketing-footer{margin-top:36px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}