:root{--blue:#2468d8;--dark:#253248;--muted:#7c8798;--border:#e3e7ee;--bg:#f6f7f9;--soft:#f0f5fd}
*{box-sizing:border-box}body{margin:0;font:14px/1.7 "Microsoft YaHei","PingFang SC",Arial,sans-serif;color:var(--dark);background:#fff}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}svg{flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}button,a,input,label[role=button]{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--blue);outline-offset:4px}[hidden]{display:none!important}.shell{width:min(1180px,calc(100% - 64px));margin:0 auto}.site-header{height:76px;border-bottom:1px solid var(--border);background:#fff;position:relative;z-index:20}.header-inner{height:100%;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:600;white-space:nowrap;color:#263c5a}.brand-icon{display:grid;place-items:center;width:36px;height:40px;background:var(--blue);border-radius:5px;color:#fff}.brand small{font-size:11px;color:#8c95a3;font-weight:400;border-left:1px solid #dce1e8;margin-left:5px;padding-left:14px;letter-spacing:.3px}.nav{display:flex;align-items:center;gap:31px;margin-left:auto;height:100%}.nav>a{font-size:14px;white-space:nowrap;display:flex;align-items:center;height:100%;position:relative;color:#526073}.nav>a:hover,.nav>a.active{color:var(--blue)}.nav>a.active:after{content:"";height:2px;position:absolute;bottom:0;left:0;right:0;background:var(--blue)}.header-actions{display:flex;align-items:center;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:5px;padding:10px 22px;line-height:1.5;font-size:14px;font-weight:400;background:#fff}.btn-brand{background:var(--blue);color:#fff}.btn-brand:hover{background:#1b58bd;color:#fff}.btn-light{background:#fff;border-color:var(--border);color:#586478}.btn-light:hover{border-color:#b6c3d7}.btn-wechat{background:#16a05a;color:#fff}.btn-wechat:hover{background:#11864a;color:#fff}.btn.full{width:100%}.login-link{padding:8px 16px}.account-link{display:flex;align-items:center;gap:7px;color:var(--blue);white-space:nowrap}.mobile-menu{display:none;border:0;background:none;font-size:24px;color:#4d5d73;padding:4px}.tool-section{background:var(--bg);padding:42px 0 22px;border-bottom:1px solid #edf0f4}.tool-heading{text-align:center;margin-bottom:30px}.tool-heading h1{font-size:31px;letter-spacing:2px;color:#24364f;margin-bottom:9px}.tool-heading p{color:#7b8594;font-size:14px}.compare-workspace{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:20px;align-items:stretch}.files-panel,.settings-panel{border:1px solid var(--border);background:#fff;border-radius:7px}.files-panel{padding:23px 26px 18px;min-width:0}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:24px}.panel-title h2{font-size:16px}.panel-title>span{font-size:12px;color:#929baa}.upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.file-slot{position:relative;min-width:0}.file-slot-heading{display:flex;align-items:center;gap:8px;margin-bottom:14px}.file-slot-heading h3{font-size:14px}.slot-number{display:grid;place-items:center;font:12px Arial;width:21px;height:21px;background:#edf3fc;color:var(--blue);border-radius:3px}.file-slot-heading>span:last-child{font-size:11px;color:#9aa3af;margin-left:auto}.upload-zone{min-height:260px;border:1px dashed #c6d1df;border-radius:5px;background:#fcfdff;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:26px 14px 22px;cursor:pointer;min-width:0}.upload-zone:hover,.upload-zone.dragging{border-color:var(--blue);background:#f3f7ff}.upload-icon{display:block;color:#7e9cc7;margin-bottom:18px}.upload-zone strong{font-size:14px;font-weight:400;max-width:100%;overflow-wrap:anywhere;text-align:center}.zone-tip{font-size:12px;color:#929baa;margin:5px 0 17px;text-align:center}.file-select{font-size:13px;color:var(--blue);border:1px solid #b9cdec;border-radius:4px;padding:5px 22px;background:#fff}.file-format{font-size:11px;color:#a0a8b5;margin-top:18px}.upload-zone.has-file{background:#f5f9ff;border-color:#82a9df}.has-file .upload-icon{color:var(--blue)}.remove-file{border:0;background:#fff;color:#7b8798;font-size:12px;padding:2px 6px;position:absolute;right:0;bottom:-28px}.remove-file:hover{color:#d35454}.file-notice{display:flex;gap:7px;align-items:flex-start;margin-top:33px;color:#929baa;font-size:11px}.file-notice svg{margin-top:2px;color:#899aaf}.file-notice a{color:#6385b5}.settings-panel{padding:23px 22px 17px}.settings-panel .panel-title{margin-bottom:20px}.text-button{border:0;padding:0;color:#8b96a6;background:none;font-size:12px}.text-button:hover{color:var(--blue)}.setting-group{margin:0 0 19px;padding:0;border:0;min-width:0}.setting-label,.setting-group legend{font-size:12px;margin-bottom:8px;width:100%;padding:0;color:#536075}.fixed-option{display:flex;gap:8px;align-items:center;border:1px solid #dbe5f4;color:var(--blue);background:#f5f8fd;border-radius:4px;padding:8px 10px;font-size:12px}.fixed-option span{margin-left:auto;font-size:11px;color:#99a7bb}.setting-group legend small{float:right;font-size:11px;color:#a1a9b5;font-weight:400}.compare-opts{display:grid;grid-template-columns:1fr 1fr;gap:12px 6px;padding-top:4px}.compare-opts label{font-size:12px;color:#5e6b7d;display:flex;align-items:center;gap:7px;white-space:nowrap;cursor:pointer}.compare-opts input{margin:0;width:14px;height:14px;accent-color:var(--blue)}.billing-note{padding-top:15px;border-top:1px solid #edf0f4;margin-bottom:17px;font-size:12px}.billing-note strong{font-weight:400;color:#536075}.billing-note p{margin:7px 0;color:#7f8a99;line-height:1.9}.billing-note b{float:right;font-weight:400;color:#536075}.billing-note small{font-size:11px;line-height:1.7;display:block;color:#9aa3b0}.compare-submit{width:100%;font-size:15px;padding:11px}.login-note{font-size:11px;color:#8f99a7;text-align:center;margin-top:9px}.login-note b{font-weight:400;color:var(--blue)}.login-note a{color:var(--blue)}.tool-bottom{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#929baa;margin-top:17px}.tool-bottom a{display:flex;align-items:center;gap:7px;color:#7085a2}.section-heading{text-align:center;margin-bottom:36px}.section-heading h2{font-size:24px;margin-bottom:9px;letter-spacing:.5px}.section-heading p{font-size:13px;color:#8f98a5}.advantages{padding-top:48px;padding-bottom:48px}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.feature{padding:4px 28px;border-right:1px solid #edf0f4;text-align:left}.feature:first-child{padding-left:0}.feature:last-child{border:0;padding-right:0}.feature-icon{display:block;color:#5279af;margin-bottom:14px}.feature h3{font-size:15px;margin-bottom:8px}.feature p{font-size:12px;color:#8a94a3;line-height:1.9}.how{background:#edf4fd;border-top:1px solid #e8eff9;border-bottom:1px solid #e8eff9;padding:36px 0}.how-layout{display:grid;grid-template-columns:255px 1fr;gap:40px;align-items:center}.how-intro h2{font-size:21px;color:#2d4d79;margin-bottom:8px}.how-intro p{font-size:12px;color:#8193ad;max-width:225px}.how-intro>a{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#547eaf;margin-top:12px}.steps-grid{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0;padding:0}.steps-grid li{display:flex;gap:12px;align-items:flex-start}.step-num{font:22px/1.5 Georgia,serif;color:#92add2;border-bottom:1px solid #c5d5ed;padding-bottom:5px}.steps-grid h3{font-size:13px;color:#40618b;margin-top:2px;margin-bottom:7px}.steps-grid p{font-size:11px;color:#8295b0;line-height:1.9}.sample-section{padding-top:47px;padding-bottom:40px}.sample-report{border:1px solid var(--border);border-radius:6px;overflow:hidden;max-width:970px;margin:auto;background:#f8f9fb}.sample-toolbar{padding:13px 23px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;color:#7d899b;font-size:12px}.sample-toolbar>span{display:flex;align-items:center;gap:8px}.sample-key{font-size:11px;margin-left:15px}.sample-key:before{content:"";display:inline-block;width:7px;height:7px;margin-right:6px}.before-key:before{background:#e39999}.after-key:before{background:#80b79e}.sample-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:19px 26px}.sample-columns>div{min-width:0}.sample-file{display:flex;align-items:center;gap:7px;font-size:11px;color:#929baa;margin-bottom:12px}.sample-paper{padding:23px 27px;background:#fff;border:1px solid #e7eaf0;font:12px/2.05 "SimSun",serif;color:#6f7785;min-height:257px}.sample-paper h3{font-size:15px;text-align:center;margin-bottom:18px;color:#445268;letter-spacing:2px}.sample-paper p{margin-bottom:6px}.sample-paper del{background:#fbe8e8;color:#a65d5d;padding:2px 4px}.sample-paper ins{background:#e4f3ea;color:#428365;padding:2px 4px;text-decoration:none}.sample-line{display:block;background:#eef0f3;height:4px;margin-top:13px;max-width:90%}.sample-line.short{max-width:65%;margin-top:9px}.sample-caption{text-align:center;font-size:10px;color:#9ba4b0;padding:0 15px 16px}.home-help{border-top:1px solid #edf0f4;padding-top:25px;padding-bottom:35px;display:flex;gap:35px;align-items:center}.home-help h2{font-size:15px;white-space:nowrap}.home-help>div{display:flex;justify-content:space-between;flex:1;gap:20px}.home-help a{display:flex;align-items:center;gap:13px;color:#8390a2;font-size:12px}.footer{background:#f8f9fb;border-top:1px solid var(--border);padding:26px 0 17px;color:#8791a0;font-size:12px}.footer-main{display:flex;justify-content:space-between;gap:25px;align-items:center}.footer-brand{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:600;color:#5d6f88}.footer-main p{font-size:11px;color:#9ba3af;margin-top:5px}.footer-main nav{display:flex;flex-wrap:wrap;gap:24px}.friend-links{display:flex;flex-wrap:wrap;gap:17px;margin-top:22px;padding-top:17px;border-top:1px solid #e9edf2;font-size:11px}.friend-links>span{color:#a0a8b4}.footer-bottom{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#a2aab6;margin-top:14px}.inner-page{background:var(--bg)}.inner-page main{min-height:calc(100vh - 282px)}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:12px;color:#929baa;padding:22px 0}.breadcrumb a{color:#7a8aa0}.breadcrumb span{color:#c1c7d0}.content-shell{padding-bottom:50px}.content-layout{display:grid;grid-template-columns:202px minmax(0,1fr);gap:24px;align-items:start}.content-nav{background:#fff;border:1px solid var(--border);border-radius:6px;padding:19px 0}.content-nav h2{font-size:14px;padding:0 20px 16px;border-bottom:1px solid #edf0f4;margin-bottom:8px}.content-nav>a{display:flex;justify-content:space-between;margin:2px 9px;padding:9px 12px;font-size:13px;color:#728096;border-radius:3px}.content-nav>a span{color:#b9c2d0}.content-nav>a.active{color:var(--blue);background:#edf4fe}.sidebar-note{margin:20px 20px 0;padding-top:20px;border-top:1px solid #edf0f4;color:#8c9bb0;font-size:12px}.sidebar-note>svg{color:#9ab0ce}.sidebar-note p{margin:8px 0 13px;line-height:1.9}.sidebar-note a{color:#6a8bb8}.content-card{background:#fff;border:1px solid var(--border);border-radius:6px;padding:35px 42px;min-height:490px;min-width:0}.content-header{padding-bottom:22px;border-bottom:1px solid #edf0f4;margin-bottom:25px}.content-header h1{font-size:25px;margin-bottom:6px}.content-header p{font-size:11px;color:#a0a8b4}.article-content{font-size:13px;color:#687589;line-height:2.05;overflow-wrap:anywhere}.article-content>p{margin-bottom:21px}.prose-section{margin:0 0 25px}.prose-section h2{font-size:15px;font-weight:600;color:#3f516a;margin:0 0 8px}.content-bottom{margin-top:37px;border-top:1px solid #edf0f4;padding-top:20px;display:flex;justify-content:space-between;gap:15px;color:#7892b4;font-size:12px}.article-list-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid #edf0f4}.article-list-row:first-child{padding-top:0}.article-list-row h2{font-size:16px;margin:6px 0}.article-list-row p{font-size:12px;color:#939cab}.article-list-row>svg{color:#9eabc0}.article-tag,.article-date{font-size:11px;color:#8a9bb3}.subpage{padding-bottom:50px}.subheading{padding:10px 0 28px}.subheading h1{font-size:27px;margin-bottom:7px}.subheading p{font-size:13px;color:#8b96a7}.pricing-notice{border:1px solid #dce7f8;background:#edf4fe;color:#6481a8;padding:14px 20px;font-size:12px;margin-bottom:25px;border-radius:5px}.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:25px}.pricing-card{border:1px solid var(--border);border-radius:6px;background:#fff;padding:28px 24px}.pricing-card.highlight{border-color:#7da4dc}.price-label{font-size:14px;color:#6d7e96}.price-number{font-size:36px;color:#2a4161;margin-top:15px;line-height:1.5}.price-number small{font-size:19px;margin-right:5px}.point-bundle{font-size:12px;color:#8c98aa;margin-top:8px}.point-bundle strong{font-size:18px;color:#567bac;font-weight:400}.price-divider{height:1px;background:#edf0f4;margin:22px 0}.pricing-card p{font-size:11px;color:#929dad;margin-bottom:20px}.muted{color:#8b98ab;font-size:12px}.center-text{text-align:center}.empty-state{padding:65px 25px;text-align:center;background:#fff;border:1px solid var(--border);border-radius:6px}.empty-icon{margin-bottom:17px;color:#69a485}.empty-state h2{font-size:21px;margin-bottom:9px}.empty-state p{font-size:13px;color:#8b97a8;margin:0 auto 25px;max-width:600px}.empty-state small{display:block;color:#a2aab7;font-size:11px;margin-top:17px}.empty-state small a{color:#7894ba}.profile-grid{display:grid;grid-template-columns:300px 1fr;gap:25px}.profile-card,.my-tasks,.account-records{background:#fff;border:1px solid var(--border);border-radius:6px;padding:25px}.member-row{display:flex;align-items:center;gap:12px;margin-bottom:25px}.member-avatar{width:43px;height:43px;display:grid;place-items:center;color:#7f9dbe;background:#eef4fc;border-radius:50%}.member-row h3{font-size:15px}.member-row span{font-size:11px;color:#8b97a9}.balance-label{font-size:12px;color:#8e99aa}.balance-number{font-size:38px;color:#3c6498;margin:4px 0 20px}.balance-number span{font-size:13px;color:#8c99ad}.member-bottom{display:flex;gap:10px}.my-tasks h3,.account-records h3{font-size:16px;margin-bottom:15px}.account-records{margin-top:25px}.account-records h3:not(:first-child){margin-top:30px}.task-row{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:15px 0;border-bottom:1px solid #edf0f4;font-size:12px}.task-row>span{min-width:0;overflow-wrap:anywhere}.task-row b{font-weight:400}.task-row small{display:block;color:#98a2b1;margin-top:3px;font-size:11px}.status{font-size:11px;font-style:normal;padding:3px 8px;background:#edf3fc;color:#6582a9;border-radius:3px;white-space:nowrap}.status-success{color:#488769;background:#edf7f1}.status-failed{color:#bc7979;background:#fbefef}.record-row{display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid #edf0f4;padding:14px 0;font-size:12px}.record-row>span:first-child{flex:1;min-width:0;overflow-wrap:anywhere}.record-row small{display:block;color:#9aa4b3;font-size:11px}.record-row b{font-weight:400}.record-row>span:last-child{color:#8f9aac}.small-empty,.loading-placeholder{padding:35px 20px;text-align:center;font-size:12px;color:#97a2b2}.result-panel{background:#fff;border:1px solid var(--border);border-radius:6px;padding:25px}.result-panel .empty-state{border:0}.result-summary{display:flex;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--border)}.result-summary h2{font-size:17px;margin-top:14px;overflow-wrap:anywhere}.result-summary p{font-size:12px;color:#8c98a9;margin-top:6px;overflow-wrap:anywhere}.stats{display:flex;gap:30px;align-items:center;text-align:center}.stats strong{display:block;font-size:27px;font-weight:400;color:#5379ac}.stats small{font-size:11px;color:#98a3b3}.report-controls{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.doc-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.preview-panel{border:1px solid var(--border);min-width:0}.preview-panel h3{font-size:13px;font-weight:400;padding:10px 15px;background:var(--bg)}.preview-panel iframe{width:100%;height:520px;border:0}.diff-section-title{margin:30px 0 18px}.diff-section-title h3{font-size:16px}.diff-section-title h3 span{color:#92a2b9;font-size:12px;font-weight:400;margin-left:10px}.diff-section-title p{font-size:12px;color:#98a3b3;margin-top:5px}.diff-card{border:1px solid var(--border);margin-bottom:15px;border-radius:4px;overflow:hidden}.diff-top{display:flex;gap:10px;padding:10px 15px;background:#f8fafc;font-size:11px;color:#97a2b1}.diff-badge{padding:1px 6px;border-radius:3px}.diff-badge.new{background:#e4f4eb;color:#508a6c}.diff-badge.remove{background:#fbe8e8;color:#b27878}.diff-badge.edit{background:#fcf3df;color:#a68d56}.diff-columns{display:grid;grid-template-columns:1fr 1fr}.diff-columns>div{padding:16px 18px;min-width:0;overflow-wrap:anywhere}.diff-columns>div:first-child{border-right:1px solid var(--border)}.diff-columns label{font-size:10px;color:#a2adbc}.diff-columns p{font-size:12px;color:#64748b;margin-top:7px;white-space:pre-wrap}.diff-columns em{color:#bac2cd;font-style:normal}.loader{width:30px;height:30px;border:3px solid #e9eff7;border-top-color:#648bc1;border-radius:50%;margin:0 auto 20px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;z-index:150;bottom:35px;left:50%;transform:translateX(-50%);max-width:calc(100% - 36px);background:#34445a;color:#fff;border-radius:5px;padding:11px 22px;opacity:0;pointer-events:none;font-size:13px}.toast.show{opacity:1}.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.modal.visible{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(26,38,55,.4)}.modal-content{position:relative;background:#fff;border-radius:7px;max-width:450px;width:100%;padding:30px;max-height:calc(100dvh - 40px);overflow-y:auto;box-shadow:0 12px 55px #172e4922}.modal-content h3{font-size:20px;margin:0 25px 10px 0}.modal-content>p{font-size:12px;color:#929dad}.modal-close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:25px;color:#98a3b2;padding:3px 8px}.quote-info{margin:22px 0 17px;padding-bottom:17px;border-bottom:1px solid var(--border)}.quote-info>div{display:flex;justify-content:space-between;font-size:13px;margin-bottom:9px;color:#7d8a9e}.quote-info b{font-weight:400;color:#465c7b}.quote-total{display:flex;justify-content:space-between;align-items:center;font-size:14px}.quote-total strong{font-size:25px;color:var(--blue);font-weight:400}.modal-content .quote-rule{font-size:11px;margin-top:12px}.quote-balance{font-size:12px;color:#8b97a9;margin-top:8px}.quote-balance a{color:var(--blue);margin-left:10px}.modal-buttons{display:flex;gap:12px;margin-top:24px;justify-content:flex-end}.pay-box{text-align:center}.pay-box h3{margin-right:0}.pay-box img{display:block;object-fit:contain;max-width:100%;height:auto;margin:20px auto;border:1px solid var(--border);padding:8px}.pay-amount{font-size:23px;color:#3c659c;margin-top:15px}.pay-order{font-size:10px;color:#a1aab7;overflow-wrap:anywhere;margin:8px 0 20px}.login-box{text-align:center;max-width:400px;padding:35px}.wechat-mark{display:block;color:#16a05a;margin:5px 0 16px}.login-box h3{margin-right:0}.login-box .login-explain{margin-top:13px;font-size:11px}.login-box .btn{margin:25px 0 18px;width:100%}.login-box small{display:block;color:#a3acb9;font-size:11px}.login-box small a{color:#7593bc}
@media(min-width:1440px){.tool-section{padding-top:46px}.tool-heading{margin-bottom:34px}.upload-zone{min-height:270px}}
@media(max-width:1100px){.brand small{display:none}.nav{gap:23px}.header-inner{gap:23px}.compare-workspace{grid-template-columns:minmax(0,1fr) 265px;gap:16px}.files-panel{padding:22px 20px 18px}.upload-grid{gap:17px}.file-slot-heading>span:last-child{display:none}.how-layout{grid-template-columns:230px 1fr;gap:25px}.steps-grid{gap:16px}.steps-grid li{gap:9px}.feature{padding:4px 20px}.home-help{align-items:flex-start}.home-help>div{flex-wrap:wrap;gap:12px 24px}.pricing-card{padding:25px 20px}.content-card{padding:30px}}
@media(max-width:850px){.shell{width:calc(100% - 40px)}.site-header{height:66px}.header-inner{gap:15px}.brand{font-size:20px;gap:8px}.brand-icon{width:31px;height:35px}.header-actions{margin-left:auto}.mobile-menu{display:block}.nav{display:none;position:absolute;top:66px;left:0;right:0;height:auto;flex-direction:column;align-items:stretch;padding:10px 20px;background:#fff;border-bottom:1px solid var(--border);gap:0;box-shadow:0 8px 15px #243d5910}.nav.expanded{display:flex}.nav>a{height:43px;padding:0 12px}.nav>a.active:after{display:none}.nav>a.active{background:var(--soft)}.tool-section{padding-top:30px}.tool-heading h1{font-size:28px}.tool-heading{margin-bottom:25px}.compare-workspace{grid-template-columns:minmax(0,1fr) 238px;gap:14px}.files-panel{padding:20px 16px}.upload-grid{grid-template-columns:1fr;gap:15px}.upload-zone{min-height:160px;padding:16px 10px;display:grid;grid-template-columns:43px 1fr;column-gap:13px;justify-items:start;align-content:center}.upload-icon{grid-row:1/4;margin:0;align-self:start;margin-top:8px}.upload-zone strong{font-size:13px;text-align:left}.zone-tip{font-size:11px;margin:4px 0 8px}.file-select{padding:3px 15px;font-size:11px}.file-format{grid-column:2;font-size:10px;margin-top:10px}.file-slot-heading{margin-bottom:9px}.file-slot-heading>span:last-child{display:inline;font-size:10px}.remove-file{bottom:8px;right:7px;background:transparent;font-size:10px}.file-notice{margin-top:18px;font-size:10px}.settings-panel{padding:20px 17px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.feature,.feature:first-child,.feature:last-child{border:0;padding:0}.how-layout{grid-template-columns:1fr;gap:25px}.how-intro{display:grid;grid-template-columns:1fr auto;align-items:center}.how-intro h2{font-size:20px}.how-intro p{max-width:none;grid-row:2}.how-intro>a{grid-column:2;grid-row:1/3;margin:0}.content-layout{grid-template-columns:165px minmax(0,1fr);gap:18px}.content-card{padding:28px}.content-nav>a{font-size:12px}.pricing-grid{gap:15px;grid-template-columns:repeat(2,minmax(0,1fr))}.profile-grid{grid-template-columns:250px 1fr}.sample-columns{padding:16px;gap:15px}.sample-paper{padding:20px;font-size:11px}.footer-main nav{gap:17px}.stats{gap:18px}.stats strong{font-size:23px}}
@media(max-width:600px){.shell{width:calc(100% - 30px)}.site-header{height:61px}.nav{top:61px}.brand{font-size:18px}.brand-icon{width:29px;height:32px}.brand-icon svg{width:21px}.login-link{font-size:12px;padding:7px 10px;gap:5px}.login-link svg{width:16px}.header-actions{gap:9px}.tool-section{padding:26px 0 19px}.tool-heading h1{font-size:25px;letter-spacing:1px;margin-bottom:7px}.tool-heading p{font-size:11px}.compare-workspace{grid-template-columns:1fr;gap:13px}.files-panel{padding:17px 15px 14px}.panel-title{margin-bottom:17px}.panel-title h2{font-size:14px}.panel-title>span{font-size:10px}.upload-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.file-slot-heading{gap:5px}.file-slot-heading h3{font-size:12px}.slot-number{width:17px;height:17px;font-size:10px}.file-slot-heading>span:last-child{display:none}.upload-zone{display:flex;align-items:center;justify-content:center;padding:19px 8px;min-height:200px}.upload-icon{margin:0 0 13px}.upload-icon svg{width:28px;height:28px}.upload-zone strong{font-size:11px;text-align:center;overflow-wrap:anywhere}.zone-tip{font-size:10px;margin:5px 0 12px}.file-select{padding:4px 14px;font-size:11px}.file-format{font-size:9px;line-height:1.7;text-align:center;margin-top:13px}.remove-file{bottom:3px;right:3px;font-size:9px}.file-notice{font-size:10px;gap:6px;line-height:1.8;margin-top:15px}.settings-panel{padding:17px 16px 13px;display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.settings-panel .panel-title{grid-column:1/-1;margin-bottom:16px}.setting-group{margin-bottom:16px}.setting-label,.setting-group legend{font-size:11px}.fixed-option{font-size:11px;padding:7px;gap:5px}.fixed-option span{display:none}.compare-opts{gap:10px 8px;grid-template-columns:1fr 1fr}.compare-opts label{font-size:10px;gap:5px}.compare-opts input{width:12px;height:12px}.setting-group legend small{font-size:9px}.billing-note{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:5px 20px;padding-top:12px;margin-bottom:13px}.billing-note strong{font-size:11px}.billing-note p{margin:0;grid-column:1;grid-row:2;font-size:11px}.billing-note small{grid-column:2;grid-row:1/3;align-self:center;font-size:10px}.compare-submit{grid-column:1/-1;font-size:14px;padding:10px}.login-note{grid-column:1/-1;font-size:10px;margin-top:7px}.tool-bottom{font-size:10px;margin-top:13px;gap:9px;flex-wrap:wrap}.tool-bottom>span{display:none}.tool-bottom a{margin-left:auto}.section-heading{margin-bottom:25px}.section-heading h2{font-size:21px;margin-bottom:7px}.section-heading p{font-size:11px}.advantages{padding-top:33px;padding-bottom:32px}.feature-grid{gap:25px 24px}.feature-icon{margin-bottom:10px}.feature-icon svg{width:23px}.feature h3{font-size:13px;margin-bottom:6px}.feature p{font-size:11px;line-height:1.85}.how{padding:27px 0}.how-layout{gap:22px}.how-intro{display:block}.how-intro h2{font-size:20px}.how-intro p{font-size:11px}.how-intro>a{font-size:11px;margin-top:11px}.steps-grid{grid-template-columns:1fr;gap:20px}.steps-grid li{gap:14px}.step-num{font-size:23px;width:30px;flex-shrink:0;line-height:1.4}.steps-grid h3{font-size:13px;margin-bottom:3px}.steps-grid p{font-size:11px}.sample-section{padding-top:32px;padding-bottom:27px}.sample-toolbar{padding:10px 12px;font-size:11px}.sample-key{font-size:9px;margin-left:10px}.sample-toolbar svg{width:15px}.sample-columns{gap:10px;padding:12px 10px}.sample-file{font-size:9px;gap:4px;margin-bottom:8px}.sample-file svg{width:12px}.sample-paper{padding:16px 10px;font-size:10px;line-height:1.9;min-height:265px}.sample-paper h3{font-size:12px;letter-spacing:0;margin-bottom:16px}.sample-paper p{margin-bottom:8px}.sample-caption{font-size:9px;padding:0 9px 13px}.home-help{display:block;padding-top:23px;padding-bottom:25px}.home-help h2{font-size:15px;margin-bottom:10px}.home-help>div{display:block}.home-help a{font-size:11px;padding:8px 0;justify-content:space-between}.footer{padding-top:23px}.footer-main{display:block}.footer-brand{font-size:16px}.footer-main p{font-size:10px}.footer-main nav{gap:16px;margin-top:19px;font-size:11px}.friend-links{margin-top:17px;padding-top:13px;font-size:10px;gap:13px}.footer-bottom{font-size:9px;flex-direction:column;gap:4px;margin-top:12px}.breadcrumb{font-size:10px;padding:16px 0;gap:9px}.content-shell{padding-bottom:30px}.content-layout{display:block}.content-nav{padding:7px;display:flex;flex-wrap:wrap;gap:3px;margin-bottom:14px}.content-nav h2,.sidebar-note{display:none}.content-nav>a{margin:0;padding:6px 9px;font-size:11px}.content-nav>a span{display:none}.content-card{padding:23px 20px;min-height:350px}.content-header{padding-bottom:17px;margin-bottom:21px}.content-header h1{font-size:22px}.content-header p{font-size:10px}.article-content{font-size:12px;line-height:2}.prose-section{margin-bottom:23px}.prose-section h2{font-size:14px}.content-bottom{font-size:10px;margin-top:27px;padding-top:17px}.article-list-row{padding:18px 0}.article-list-row h2{font-size:14px}.article-list-row p{font-size:11px}.subpage{padding-bottom:30px}.subheading{padding:5px 0 22px}.subheading h1{font-size:23px}.subheading p{font-size:12px}.pricing-notice{padding:12px 15px;font-size:11px;margin-bottom:18px}.pricing-grid{gap:13px}.pricing-card{padding:21px 16px}.price-label{font-size:12px}.price-number{font-size:31px;margin-top:11px}.point-bundle{font-size:11px}.point-bundle strong{font-size:16px}.price-divider{margin:17px 0}.pricing-card p{font-size:10px;margin-bottom:15px}.pricing-card .btn{font-size:12px;padding:9px 5px}.empty-state{padding:42px 20px}.empty-state h2{font-size:18px}.empty-state p{font-size:12px}.profile-grid{grid-template-columns:1fr;gap:18px}.profile-card,.my-tasks,.account-records{padding:20px}.member-row{margin-bottom:20px}.record-row{flex-wrap:wrap;font-size:11px;gap:8px}.record-row small{font-size:10px}.result-panel{padding:16px}.result-summary{display:block}.result-summary h2{font-size:15px}.stats{margin-top:25px;justify-content:space-between;text-align:left;gap:15px}.stats strong{font-size:23px}.stats small{font-size:10px}.report-controls .btn{font-size:11px;padding:9px 13px}.doc-preview-grid{grid-template-columns:1fr;gap:14px}.preview-panel iframe{height:380px}.diff-columns{grid-template-columns:1fr}.diff-columns>div:first-child{border-right:0;border-bottom:1px solid var(--border)}.diff-top{padding:9px 10px;font-size:10px}.diff-columns>div{padding:12px}.modal{padding:17px}.modal-content{padding:27px 22px}.modal-content h3{font-size:18px}.modal-content>p{font-size:11px}.modal-content .btn{font-size:13px}.login-box{padding:30px 25px}.toast{font-size:12px;bottom:25px;padding:10px 17px}.account-link{font-size:12px}}
@media(prefers-reduced-motion:reduce){.loader{animation:none}}

/* Typography: stronger ink, readable secondary copy and clear heading weights. */
:root{--dark:#1f2937;--muted:#596579}
body{font-size:15px;color:var(--dark)}
h1,h2,h3{font-weight:700}
.brand,.footer-brand{font-weight:700;color:#1f2937}
.brand small{font-size:12px;color:#667085;font-weight:500}
.nav>a{font-size:15px;font-weight:600;color:#374151}
.btn,.file-select,.compare-submit{font-weight:600}
.btn-light{color:#374151}
.tool-heading h1{font-weight:800;color:#172033}
.tool-heading p{font-size:16px;color:#4b5563}
.panel-title h2{font-size:17px;font-weight:700;color:#1f2937}
.panel-title>span,.file-slot-heading>span:last-child{font-size:12px;color:#667085;font-weight:500}
.file-slot-heading h3{font-size:15px;font-weight:700;color:#273449}
.slot-number{font-weight:700}
.upload-zone strong{font-size:16px;font-weight:600;color:#273449}
.zone-tip{font-size:14px;color:#667085}
.upload-icon{color:#537cb4}
.file-select{font-size:14px;border-color:#91afd8}
.file-format{font-size:12px;color:#667085}
.file-notice{font-size:12px;color:#5f6b7c}
.file-notice a,.tool-bottom a,.how-intro>a,.sidebar-note a,.content-bottom{color:#2c609f;font-weight:500}
.file-notice svg{color:#6683a7}
.text-button,.remove-file{font-size:13px;color:#596579;font-weight:500}
.setting-label,.setting-group legend{font-size:13px;color:#374151;font-weight:600}
.setting-group legend small,.fixed-option span{font-size:12px;color:#667085}
.fixed-option{font-size:13px;font-weight:600}
.compare-opts label{font-size:13px;color:#374151;font-weight:500}
.billing-note{font-size:13px}
.billing-note strong,.billing-note b{font-weight:600;color:#344054}
.billing-note p{color:#4b5563}
.billing-note small{font-size:12px;color:#667085}
.login-note{font-size:12px;color:#596579}
.login-note b{font-weight:700}
.tool-bottom{font-size:12px;color:#667085}
.section-heading h2{color:#1f2937;font-weight:700}
.section-heading p{font-size:14px;color:#596579}
.feature h3{font-size:17px;color:#273449;font-weight:700}
.feature p{font-size:14px;color:#4b5563;line-height:1.85}
.how-intro h2{color:#24466f;font-weight:700}
.how-intro p,.steps-grid p{font-size:13px;color:#4f6685}
.how-intro>a{font-size:13px}
.step-num{color:#5577a4;font-weight:700}
.steps-grid h3{font-size:15px;color:#2b4d78;font-weight:700}
.sample-toolbar,.sample-file{font-size:12px;color:#596579}
.sample-key{font-size:12px;font-weight:500}
.sample-paper{font-size:13px;color:#374151}
.sample-paper h3{color:#273449;font-weight:700}
.sample-caption{font-size:12px;color:#667085}
.home-help h2{font-size:17px;font-weight:700}
.home-help a{font-size:13px;color:#4b5563}
.footer{color:#596579}
.footer-main p{font-size:12px;color:#667085}
.footer-main nav{font-weight:500}
.friend-links,.footer-bottom{font-size:12px;color:#667085}
.friend-links>span{color:#596579;font-weight:600}
.breadcrumb,.breadcrumb a{font-size:13px;color:#596579}
.content-nav h2{font-size:15px;font-weight:700}
.content-nav>a{font-size:14px;color:#475467;font-weight:500}
.sidebar-note{color:#667085}
.content-header h1,.subheading h1{color:#1f2937;font-weight:700}
.content-header p{font-size:12px;color:#667085}
.article-content{font-size:15px;color:#374151;line-height:2}
.prose-section h2{font-size:17px;color:#1f2937;font-weight:700}
.content-bottom{font-size:13px}
.article-list-row h2{font-size:17px;font-weight:700;color:#273449}
.article-list-row p,.article-tag,.article-date{font-size:13px;color:#667085}
.subheading p{font-size:14px;color:#596579}
.pricing-notice{font-size:13px;color:#375b89}
.price-label{font-size:15px;color:#374151;font-weight:600}
.price-number{font-weight:700;color:#1f2937}
.point-bundle{font-size:13px;color:#596579}
.point-bundle strong{font-weight:700;color:#315d99}
.pricing-card p{font-size:13px;color:#596579}
.muted{font-size:13px;color:#667085}
.empty-state h2{font-weight:700;color:#273449}
.empty-state p{font-size:14px;color:#596579}
.empty-state small{font-size:12px;color:#667085}
.empty-state small a{color:#2c609f}
.member-row h3,.my-tasks h3,.account-records h3{font-weight:700;color:#273449}
.member-row span,.balance-label{font-size:13px;color:#596579}
.balance-number{font-weight:700;color:#315d99}
.task-row,.record-row{font-size:13px;color:#374151}
.task-row b,.record-row b{font-weight:600}
.task-row small,.record-row small,.record-row>span:last-child{font-size:12px;color:#667085}
.status{font-size:12px;font-weight:600}
.small-empty,.loading-placeholder{font-size:13px;color:#667085}
.result-summary h2,.stats strong{font-weight:700}
.result-summary p,.stats small,.diff-section-title p{font-size:13px;color:#596579}
.diff-top,.diff-columns label{font-size:12px;color:#596579}
.diff-columns p{font-size:14px;color:#374151}
.diff-columns em{color:#667085}
.modal-content h3{font-weight:700;color:#1f2937}
.modal-content>p,.modal-content .quote-rule,.quote-balance{font-size:13px;color:#596579}
.quote-info>div{font-size:14px;color:#4b5563}
.quote-info b,.quote-total strong{font-weight:700}
.pay-order,.login-box .login-explain,.login-box small{font-size:12px;color:#667085}
@media(max-width:850px){
 .brand{font-size:20px}.nav>a{font-size:14px}
 .upload-zone strong{font-size:14px}.zone-tip{font-size:13px}
 .feature h3{font-size:16px}.feature p{font-size:13px}
}
@media(max-width:600px){
 .brand{font-size:19px}.login-link{font-size:13px}
 .tool-heading h1{font-size:27px}.tool-heading p{font-size:13px}
 .panel-title h2{font-size:15px}.panel-title>span{font-size:11px}
 .file-slot-heading h3{font-size:13px}.upload-zone strong{font-size:12px}
 .zone-tip{font-size:11px}.file-select{font-size:12px}.file-format{font-size:10px}
 .file-notice{font-size:11px}.text-button{font-size:12px}
 .setting-label,.setting-group legend{font-size:12px}.setting-group legend small{font-size:10px}
 .compare-opts label{font-size:11px}.fixed-option{font-size:12px}
 .billing-note strong,.billing-note p{font-size:12px}.billing-note small{font-size:11px}
 .login-note,.tool-bottom{font-size:11px}.section-heading p{font-size:13px}
 .feature h3{font-size:15px}.feature p{font-size:13px}
 .how-intro p,.how-intro>a,.steps-grid p{font-size:12px}.steps-grid h3{font-size:14px}
 .sample-toolbar,.sample-file,.sample-key{font-size:10px}.sample-paper{font-size:11px}
 .sample-paper h3{font-size:13px}.sample-caption{font-size:10px}
 .home-help h2{font-size:16px}.home-help a{font-size:13px}
 .footer-main p,.footer-main nav,.friend-links{font-size:12px}.footer-bottom{font-size:11px}
 .breadcrumb,.content-nav>a{font-size:12px}.content-header p{font-size:12px}
 .article-content{font-size:14px}.prose-section h2{font-size:16px}.content-bottom{font-size:12px}
 .subheading p{font-size:13px}.pricing-notice{font-size:12px}
 .price-label{font-size:14px}.point-bundle,.pricing-card p{font-size:12px}
 .pricing-card .btn{font-size:13px}.empty-state p{font-size:13px}
 .record-row{font-size:12px}.record-row small{font-size:11px}
 .diff-columns p{font-size:13px}.modal-content>p{font-size:13px}
}

/* Homepage introduction, adapted to the document comparison tool. */
.home-page .tool-section{background:linear-gradient(180deg,#fafbff 0%,#f6f7f9 65%);padding-top:48px}
.home-page .tool-heading{margin-bottom:38px}
.hero-badge{display:inline-flex;align-items:center;gap:8px;color:#4f46e5;background:#eef1ff;border:1px solid #dce2ff;border-radius:30px;padding:5px 15px;font-size:13px;font-weight:600;margin-bottom:22px}
.home-page .tool-heading h1{font-size:clamp(30px,4.5vw,60px);white-space:nowrap;line-height:1.12;letter-spacing:-2px;font-weight:800;color:#11182b;margin:0 0 24px}
.home-page .tool-heading h1>span{display:inline}
.hero-gradient{color:#6145ed;background:linear-gradient(100deg,#4747ed 20%,#9333ea 80%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.home-page .tool-heading p{font-size:20px;color:#596579;line-height:1.7;max-width:900px;margin:0 auto}
@media(max-width:850px){
 .home-page .tool-section{padding-top:38px}
 .home-page .tool-heading h1{font-size:clamp(24px,5.8vw,48px);letter-spacing:-1px}
 .home-page .tool-heading p{font-size:17px;max-width:650px}
}
@media(max-width:600px){
 .home-page .tool-section{padding-top:30px}
 .hero-badge{font-size:11px;padding:4px 12px;margin-bottom:18px}
 .hero-badge svg{width:14px;height:14px}
 .home-page .tool-heading{margin-bottom:25px}
 .home-page .tool-heading h1{font-size:clamp(22px,7vw,38px);line-height:1.16;letter-spacing:-.6px;margin-bottom:17px}
 .home-page .tool-heading p{font-size:14px;line-height:1.85;max-width:345px;padding:0 5px}
 .billing-note{display:block}
 .billing-note p{margin:7px 0 0}
 .billing-note b{float:none;margin-left:13px}
}
@media(max-width:360px){.home-page .tool-heading h1{font-size:clamp(21px,7vw,25px)}.home-page .tool-heading p{font-size:13px}}
@media(forced-colors:active){.hero-gradient{background:none;-webkit-text-fill-color:CanvasText;color:CanvasText}}