.tool-page{z-index:1;width:min(1120px,100%);height:100%;min-height:0;color:var(--color-text);font-family:var(--font-display);align-items:center;margin:0 auto;display:flex;position:relative}.tool-page:before,.tool-page:after{z-index:-1;border:2px solid var(--color-border);color:var(--color-text);font-family:var(--font-display);pointer-events:none;place-items:center;font-weight:800;display:grid;position:absolute;box-shadow:6px 8px #2d364833}.tool-page:before{width:96px;height:138px;color:var(--color-primary-dark);content:"AI";background:repeating-linear-gradient(#0000 0 20px,#2d364817 21px 23px),#fffaf2;border-radius:16px 16px 42px;font-size:1.55rem;bottom:58px;left:-132px;transform:rotate(-11deg)}.tool-page:after{width:104px;height:142px;color:var(--color-primary-dark);content:"✓\a ✓\a ✓";white-space:pre;background:linear-gradient(135deg,#0000 0 82%,#ccebf3e6 83%),#fff;border-radius:16px;padding:20px;font-size:1.15rem;line-height:1.75;top:112px;right:-128px;transform:rotate(9deg)}.tool-header{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:30px;display:flex}.tool-header__eyebrow{color:var(--color-primary-dark);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.77rem;font-weight:800}.tool-header h1{font-family:var(--font-display);letter-spacing:0;margin:0;font-size:clamp(2rem,4vw,3.3rem);line-height:1.08}.tool-header__description{max-width:680px;color:var(--color-text-muted);margin:12px 0 0;line-height:1.7}.tool-page>.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:26px;width:100%;display:grid}.tool-panel{border:3px solid var(--color-border);min-width:0;min-height:570px;box-shadow:var(--shadow-soft);background:#fff;border-radius:22px;padding:clamp(24px,3vw,36px);animation:.43s cubic-bezier(.22,1,.36,1) both business-panel-arrive}.tool-panel--result{animation-delay:90ms}.tool-panel>*{opacity:0;animation:.36s ease-out .15s forwards business-element-arrive}.tool-panel>:nth-child(2){animation-delay:.19s}.tool-panel>:nth-child(3){animation-delay:.23s}.tool-panel>:nth-child(4){animation-delay:.27s}.tool-panel>:nth-child(5){animation-delay:.31s}@keyframes business-panel-arrive{0%{opacity:0;transform:translateY(20px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes business-element-arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tool-panel--result{flex-direction:column;display:flex}.panel-toolbar{justify-content:center;align-items:center;min-height:48px;margin-bottom:26px;display:flex}.panel-heading h2,.result-heading{margin:0;font-size:1.08rem;line-height:1.3}.panel-heading p{color:var(--color-text-subtle);margin:4px 0 0;font-size:.84rem}.segmented-control{border:2px solid var(--color-border);min-width:230px;box-shadow:4px 5px 0 var(--color-border);background:#fff;border-radius:15px;grid-auto-flow:column;gap:5px;padding:5px;display:inline-grid}.segmented-control button{min-height:40px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:2px solid #0000;border-radius:10px;padding:8px 18px;font-weight:700}.segmented-control button.is-active{border-color:var(--color-border);color:var(--color-text);background:var(--color-primary);box-shadow:inset 0 -3px #219b4647}.field-stack{gap:18px;display:grid}.field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field-label{color:var(--color-text);flex-wrap:wrap;align-items:baseline;gap:8px 6px;font-size:.86rem;font-weight:720;display:flex}.field-label>.el-input,.field-label>.el-select,.field-label>.el-textarea{flex:1 0 100%;width:100%}.field-hint,.character-count{color:var(--color-text-subtle);font-size:.76rem;font-weight:500}.character-count{text-align:right;margin-top:-10px;display:block}.tool-page .el-textarea__inner,.tool-page .el-input__wrapper,.tool-page .el-select__wrapper{box-shadow:0 0 0 2px var(--color-border) inset;background:#fff;border-radius:13px;transition:box-shadow .15s}.tool-page .el-input__wrapper,.tool-page .el-select__wrapper{min-height:48px;padding-inline:15px}.tool-page .el-textarea__inner{resize:vertical;padding:16px 17px;line-height:1.75;min-height:238px!important}.tool-page .el-textarea__inner:focus,.tool-page .el-input__wrapper.is-focus,.tool-page .el-select__wrapper.is-focused{box-shadow:0 0 0 2px var(--color-primary-dark) inset, 0 0 0 4px #38c76229!important}.action-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.primary-3d,.secondary-button,.danger-button{border:3px solid var(--color-border);cursor:pointer;border-bottom-width:7px;border-radius:14px;min-width:138px;min-height:50px;padding:12px 22px 9px;font-weight:800;transition:transform .14s,box-shadow .14s}.primary-3d{color:#fff;background:var(--color-primary);box-shadow:none}.secondary-button{color:var(--color-text);background:var(--color-blue);box-shadow:none}.danger-button{color:#7e1717;background:var(--color-coral)}.primary-3d:hover,.secondary-button:hover,.danger-button:hover{transform:translateY(-2px)}.primary-3d:active,.secondary-button:active,.danger-button:active{border-bottom-width:1px;transform:translateY(2px)}.primary-3d:disabled,.secondary-button:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.55}.file-drop{border:2px dashed var(--color-border);background:var(--color-cream);min-height:144px;box-shadow:none;cursor:pointer;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:6px 14px;padding:25px;transition:border-color .16s,background .16s;display:grid}.file-drop:hover,.file-drop--active{border-color:var(--color-primary-dark);background:#f0fbf3}.file-drop__icon{border:2px solid var(--color-border);width:54px;height:62px;color:var(--color-text);background:var(--color-coral);border-radius:10px;grid-row:span 2;place-items:center;font-size:.68rem;font-weight:900;display:grid}.file-drop__name{overflow-wrap:anywhere;font-weight:750}.file-drop__meta{color:var(--color-text-subtle);font-size:.8rem}.file-drop__remove{color:#a32020;cursor:pointer;background:0 0;border:0;grid-row:span 2;padding:8px 10px;font-weight:700}.tool-page .el-checkbox__inner{border:2px solid var(--color-border);border-radius:5px}.tool-page .el-checkbox__input.is-checked .el-checkbox__inner{border-color:var(--color-border);background:var(--color-primary)}.visually-hidden{clip:rect(0 0 0 0)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}@media (width<=1320px){.tool-page:before,.tool-page:after{display:none}}@media (prefers-reduced-motion:reduce){.tool-panel,.tool-panel>*{opacity:1;animation:none;transform:none}}.result-empty{min-height:360px;color:var(--color-text-subtle);text-align:center;flex:1;place-items:center;display:grid}.result-empty__mark{border:3px solid var(--color-border);width:74px;height:74px;color:var(--color-text);background:var(--color-coral);box-shadow:var(--shadow-soft-sm);font-family:var(--font-display);border-radius:18px;place-items:center;margin:0 auto;font-size:1.6rem;display:grid}.status-notice{border:2px solid var(--color-border);color:var(--color-text);background:var(--color-blue);border-radius:12px;gap:5px;margin:18px 0;padding:14px 16px;font-size:.85rem;display:grid}.status-notice--error{border-color:var(--color-border);color:#7d1e1e;background:#ffe6e3}.status-notice--success{border-color:var(--color-border);background:#e3f8e9}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0;display:grid}.metric-grid>div{border:2px solid var(--color-border);background:var(--color-cream);border-radius:12px;min-width:0;padding:15px}.metric-grid dt{color:var(--color-text-subtle);font-size:.72rem}.metric-grid dd{overflow-wrap:anywhere;margin:5px 0 0;font-size:1.04rem;font-weight:800}.score-display{align-items:baseline;gap:8px;margin:18px 0 6px;display:flex}.score-display strong{color:var(--color-primary);font-family:var(--font-display);font-size:3.4rem;line-height:1}.score-display span{color:var(--color-text-subtle)}.result-text{border:2px solid var(--color-border);background:var(--color-cream);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:12px;max-height:420px;margin-top:16px;padding:18px;line-height:1.8;overflow:auto}.diff-result{min-width:0}.diff-summary{color:var(--color-text-muted);align-items:center;gap:6px;margin:14px 0 -2px;font-size:.76rem;line-height:1.5;display:flex}.diff-summary__sample{color:#9b1c28;text-underline-offset:2px;background:#ffe6e3;border-radius:4px;padding:1px 5px;font-weight:800;text-decoration:underline;text-decoration-thickness:2px}.diff-text__changed{color:#9b1c28;text-underline-offset:3px;background:#ffe6e3;border-radius:3px;margin:0;padding:0 1px;font-weight:750;-webkit-text-decoration:underline #c52b39;text-decoration:underline #c52b39;text-decoration-thickness:2px}.result-links{gap:10px;margin-top:18px;display:grid}.result-links a{border:2px solid var(--color-border);min-height:44px;color:var(--color-text);background:#e3f8e9;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 14px;font-weight:750;text-decoration:none;display:flex}.segment-list{gap:10px;max-height:300px;margin-top:18px;display:grid;overflow:auto}.segment-item{border:2px solid var(--color-border);background:var(--color-cream);border-left-width:7px;border-radius:10px;padding:13px;font-size:.84rem;line-height:1.65}.balance-chip{border:2px solid var(--color-border);background:var(--color-coral);min-width:180px;box-shadow:4px 5px 0 var(--color-border);color:var(--color-text-muted);text-align:center;border-radius:13px;flex:none;padding:11px 18px;font-size:.78rem}.balance-chip strong{color:var(--color-text);margin-top:2px;font-size:1rem;display:block}.progress-log{border:2px solid var(--color-border);background:var(--color-blue);color:var(--color-text-muted);border-radius:12px;gap:7px;margin:18px 0;padding:14px;font-size:.8rem;display:grid}.result-actions{justify-content:flex-end;align-items:center;gap:12px;min-height:48px;margin-bottom:10px;display:flex}.diff-toggle{min-height:44px;color:var(--color-text-muted);cursor:pointer;align-items:center;gap:8px;margin-right:auto;font-size:.8rem;font-weight:750;display:inline-flex}.diff-toggle input{width:19px;height:19px;accent-color:var(--color-primary-dark);cursor:pointer;margin:0}.diff-toggle input:focus-visible{outline-offset:3px;outline:3px solid #38c76259}.diff-toggle:has(input:disabled){cursor:not-allowed;opacity:.55}@media (width<=900px){.tool-page{min-height:0}.tool-page>.tool-grid{grid-template-columns:1fr}.tool-panel{min-height:auto}.tool-panel--result{min-height:420px}}@media (width<=640px){.tool-header{flex-direction:column;align-items:stretch;gap:16px}.tool-header h1{font-size:2.15rem}.field-row{grid-template-columns:1fr}.segmented-control{grid-auto-columns:1fr;width:100%;min-width:0}.action-row>button{flex:140px}.file-drop{grid-template-columns:auto minmax(0,1fr);padding:18px}.file-drop__remove{grid-area:auto/2;justify-self:start;padding-left:0}}@media (prefers-reduced-motion:reduce){.primary-3d,.secondary-button,.danger-button,.file-drop{transition:none}}:root{color:#171a16;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-display:"Arial Rounded MT Bold", "Yuanti SC", "STYuanti", "PingFang SC", sans-serif;--color-background:#fff;--color-background-deep:#fff;--color-surface:#fff;--color-border:#2d3648;--color-grid:#2d364812;--color-text:#2d3648;--color-text-muted:#65728a;--color-text-subtle:#7e899d;--color-primary:#38c762;--color-primary-light:#9debb3;--color-primary-dark:#219b46;--color-primary-soft:#e6f8eb;--color-accent:#ffb7b1;--color-accent-dark:#b64e48;--color-focus:#38c762;--color-danger:#dc2626;--color-cream:#fbf8f3;--color-blue:#ccebf3;--color-coral:#ffb7b1;--shadow-soft:8px 10px 0 #2d3648;--shadow-soft-sm:5px 6px 0 #2d3648;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-pill:999px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;background:#fff;font-family:Avenir Next,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100dvh;margin:0}html,body{scrollbar-width:none}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}body{background:#fff}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid color-mix(in oklab, var(--color-focus) 65%, white);outline-offset:3px}button,input,textarea,select{font:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}
