:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#172432;background:#edf3f5;--ink: #172432;--muted: #70828c;--line: rgb(255 255 255 / 70%);--surface: rgb(255 255 255 / 68%);--surface-solid: #ffffff;--accent: #21a690;--accent-deep: #087e78;--accent-blue: #3868c8;--warm: #df8a52;--shadow: 0 22px 60px rgb(24 54 69 / 11%);--content-width: 1132px;line-height:1.5;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 7% -8%,rgb(177 236 221 / 76%),transparent 30rem),radial-gradient(circle at 100% 18%,rgb(210 222 250 / 66%),transparent 31rem),linear-gradient(145deg,#f8fbfa,#edf4f5 55%,#f0f3fa);background-attachment:scroll;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer;border:0;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease}button:not(:disabled):hover{transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0) scale(.98)}button:disabled{cursor:not-allowed;opacity:.55}input:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid rgb(63 139 208 / 24%);outline-offset:2px}.hero{max-width:var(--content-width);margin:auto;padding:25px 24px;display:flex;align-items:center;justify-content:space-between}.header-actions{display:flex;gap:8px;align-items:center}.brand{display:flex;gap:14px;align-items:center}.logo{width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#0d877f,#3566c4);color:#fff;display:grid;place-items:center}.logo svg{width:25px}.hero h1{font-size:23px;margin:0;font-weight:760;letter-spacing:-.025em}.hero p{margin:3px 0 0;color:#789098;font-size:13px}.hero:before{content:"";position:absolute;inset:0 0 auto;height:108px;background:linear-gradient(120deg,#def7f1cc,#e8eefdc2);z-index:-1}header{position:relative;isolation:isolate}.hero,.intro,.toolbar,.document-table-wrap,.product-banner,.notice{position:relative}.hero:after{content:"";position:absolute;width:180px;height:180px;right:4%;top:-74px;border-radius:50%;background:#ffffff52;filter:blur(2px);pointer-events:none;z-index:-1}.ghost,.primary,.secondary{border-radius:11px;padding:10px 16px;font-weight:700;display:inline-flex;gap:7px;align-items:center;justify-content:center;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.ghost{background:#ffffffb8;color:#166d6a;border:1px solid var(--line);box-shadow:0 8px 22px #3a75741c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.primary{background:linear-gradient(118deg,#098f83,#3567c8);color:#fff;box-shadow:0 10px 24px #379b9652}.primary:hover{box-shadow:0 10px 24px #379b9670}.secondary{background:#e6f4f3d1;color:#176e6a;border:1px solid rgb(255 255 255 / 72%)}.full{width:100%;height:46px}.intro{max-width:var(--content-width);margin:54px auto 32px;padding:0 24px;display:flex;justify-content:space-between;align-items:end}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--accent-deep);font-weight:800;display:inline-flex;align-items:center;gap:7px}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #21a69021}.intro h2{max-width:680px;font-size:clamp(30px,4vw,48px);line-height:1.2;margin:8px 0;letter-spacing:-.035em}.intro h2 em{color:var(--accent-deep);font-style:normal;white-space:nowrap}.intro p{color:#788d93;margin:0}.stats{text-align:right}.stats strong{display:block;font-size:38px;color:var(--accent-deep);letter-spacing:-.055em}.stats span{color:#789098;font-size:13px}.product-banner{max-width:var(--content-width);margin:0 auto 16px;padding:15px 18px;background:linear-gradient(120deg,#fffaf1e0,#ffffffb8);border:1px solid rgb(255 255 255 / 90%);border-radius:18px;display:flex;justify-content:space-between;align-items:center;color:#865e2c;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.product-banner span{color:var(--warm);font-weight:800}.notice{display:flex;align-items:center;gap:12px;max-width:var(--content-width);margin:0 auto 16px;padding:12px 15px;background:#e8f6f4c7;border:1px solid rgb(255 255 255 / 72%);color:#287f76;border-radius:12px;font-size:13px;box-shadow:0 10px 32px #2a5b6114;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notice>span{min-width:0;flex:1}.payment-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:20px;background:#17252a7a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.document-preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:20px;background:#17252aad;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.document-preview-panel{display:flex;width:min(1120px,100%);height:min(90dvh,1000px);flex-direction:column;overflow:hidden;border:1px solid #e2ebeb;border-radius:18px;background:#f4f7f7;box-shadow:0 24px 90px #0a161c59;animation:panel-in .22s cubic-bezier(.22,1,.36,1) both}.document-preview-head{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;border-bottom:1px solid #e2ebeb;background:#fff}.document-preview-head strong{overflow:hidden;color:#263a40;text-overflow:ellipsis;white-space:nowrap}.document-preview-frame{width:100%;min-height:0;flex:1;border:0;background:#77878b}.document-loading-panel{display:grid;width:min(420px,calc(100vw - 32px));gap:12px;padding:26px;border:1px solid #e2ebeb;border-radius:18px;background:#fff;box-shadow:0 24px 90px #0a161c59;color:#263a40}.document-loading-panel strong{overflow-wrap:anywhere}.document-loading-panel p,.document-loading-panel small{margin:0;color:#789098}.document-loading-panel progress{width:100%;height:9px;accent-color:#278f82}.download-retry{flex:0 0 auto;text-decoration:underline;text-underline-offset:3px}.notice-dismiss{display:inline-grid;width:28px;height:28px;flex:0 0 auto;place-items:center;border:0;border-radius:8px;background:transparent;color:inherit;cursor:pointer}.notice-dismiss:hover{background:#287f761a}.payment-modal{position:relative;width:min(100%,420px);padding:30px 28px 24px;border:1px solid #e2ebeb;border-radius:22px;background:#fffffff0;box-shadow:0 22px 80px #17252a40;text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:panel-in .26s cubic-bezier(.22,1,.36,1) both}.payment-modal h2{margin:7px 0 2px;color:#17252a}.payment-modal-hint,.payment-modal-footnote,.payment-order-no{color:#789098;font-size:13px}.payment-modal-footnote{margin:12px 0 18px;line-height:1.6}.payment-qr-frame{width:286px;height:286px;margin:18px auto 12px;padding:10px;border:1px solid #e4eeee;border-radius:12px;background:#fff;box-shadow:0 8px 25px #2a5b611a}.payment-qr-frame img{display:block;width:100%;height:100%}.payment-amount{display:block;color:#d17b35;font-size:21px}.payment-order-no{margin:5px 0 0;overflow-wrap:anywhere}.payment-modal-close{position:absolute;top:14px;right:14px;display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#f2f5f5;color:#789098}.payment-modal-close:hover{background:#e8f6f4;color:#287f76}.toolbar{max-width:var(--content-width);margin:0 auto 20px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:15px;border:1px solid rgb(255 255 255 / 75%);border-radius:22px;background:#ffffff7a;box-shadow:0 12px 38px #205b5c12;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px)}.toolbar-heading{width:100%;display:flex;align-items:baseline;gap:10px;padding:1px 2px 3px}.toolbar-title{color:var(--ink);font-size:17px;font-weight:800;letter-spacing:-.02em}.toolbar-hint{color:var(--muted);font-size:12px}.search{height:46px;flex:1;display:flex;align-items:center;gap:9px;background:#ffffffc2;border:1px solid rgb(255 255 255 / 90%);border-radius:13px;padding:0 14px;color:#89a0a4;transition:border-color .16s ease,box-shadow .16s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.search:focus-within{border-color:#7acfc1;box-shadow:0 0 0 4px #21a69021}.search input{border:0;outline:0;width:100%;background:transparent}.toolbar select{height:46px;border:1px solid #e2ebeb;background:#ffffffc2;border-radius:13px;padding:0 35px 0 14px;color:#50666a;min-width:126px;transition:border-color .16s ease,box-shadow .16s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toolbar select:hover{border-color:#a4cfc9}.count{color:#8aa0a5;font-size:13px;white-space:nowrap}.reset-btn{border:0;background:transparent;color:var(--accent-deep);font-size:12px;font-weight:700}main{padding:0 24px 70px}.grid{max-width:1132px;margin:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:15px}.card{background:#fff;border:1px solid #e5eded;border-radius:17px;padding:18px;box-shadow:0 8px 25px #2a5b6110;display:flex;flex-direction:column;min-height:220px}.card-top{display:flex;justify-content:space-between;font-size:12px}.type{color:#3b9e91;background:#e8f6f4;padding:4px 9px;border-radius:20px}.free{color:#2c9e6b}.price{color:#db803a;font-weight:800}.card h3{font-size:16px;line-height:1.55;margin:17px 0 12px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:auto}.tags span{background:#f2f5f5;color:#789098;border-radius:7px;padding:4px 8px;font-size:12px}.actions{display:flex;gap:9px;margin-top:18px}.actions button{flex:1}.state{max-width:1132px;margin:40px auto;text-align:center;color:#7c9297;padding:50px;background:#ffffffb3;border:1px solid rgb(255 255 255 / 80%);border-radius:17px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error{color:#b56d5e}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c2a2d8a;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);display:grid;place-items:center;padding:20px;z-index:5;animation:fade-in .18s ease-out both}.dialog{background:#ffffffe5;border:1px solid rgb(255 255 255 / 90%);border-radius:20px;padding:30px;width:min(100%,410px);position:relative;box-shadow:0 20px 60px #123c3c40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:panel-in .22s ease-out both}.admin-panel{background:#ffffffe8;border:1px solid rgb(255 255 255 / 90%);border-radius:20px;padding:28px;width:min(100%,980px);max-height:min(90vh,760px);overflow:auto;box-shadow:0 20px 60px #123c3c40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:panel-in .22s ease-out both}.admin-head{display:flex;justify-content:space-between;align-items:flex-start}.admin-head h2{margin:5px 0 20px}.admin-summary{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.admin-summary span,.admin-columns p{background:#f2f7f6;color:#567276;border-radius:8px;padding:8px 10px;font-size:13px}.admin-tabs{display:flex;gap:6px;padding:5px;margin:0 0 22px;overflow-x:auto;border:1px solid #e2eceb;border-radius:14px;background:#f2f7f6}.admin-tabs button{flex:1 0 150px;min-height:42px;padding:8px 15px;border-radius:10px;background:transparent;color:#60777b;font-size:13px;font-weight:700}.admin-tabs button.active{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-blue));box-shadow:0 8px 18px #21a6902e}.admin-tab-content{animation:panel-in .18s ease-out both}.admin-section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}.admin-section-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.admin-save-all{min-height:36px;padding:7px 13px;border-radius:9px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-blue));box-shadow:0 6px 14px #21a69026;font-size:12px;font-weight:700}.admin-save-all:disabled{color:#8fa3a4;background:#e7efee;box-shadow:none}.admin-section-intro h3{margin:5px 0 4px;color:#183b45;font-size:21px}.admin-section-intro p{margin:0;color:var(--muted);font-size:13px}.admin-count{flex:0 0 auto;padding:8px 11px;border-radius:10px;color:var(--accent-deep);background:#e3f4ef;font-size:12px;font-weight:700}.admin-document-list,.order-list,.sync-app-list{display:grid;gap:11px}.admin-document-card,.order-card,.sync-card{border:1px solid #e1ecea;border-radius:14px;background:#ffffffbf;box-shadow:0 8px 22px #1836450d;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.admin-document-card:hover,.order-card:hover,.sync-card:hover{transform:translateY(-2px);border-color:#21a6904d;box-shadow:0 12px 26px #18364517}.admin-document-card{display:grid;gap:14px;padding:16px}.admin-document-main{display:grid;gap:4px;min-width:0}.admin-document-main strong{overflow:hidden;color:#183b45;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.admin-document-main span,.order-card span,.sync-card span{color:var(--muted);font-size:12px}.admin-edit-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.admin-edit-grid label{display:grid;gap:5px;color:#5b7276;font-size:12px;font-weight:700}.admin-edit-grid .admin-free-toggle{display:flex;align-items:center;gap:8px;min-height:38px;white-space:nowrap}.admin-edit-grid .admin-free-toggle input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--accent)}.admin-edit-grid input,.admin-filter input,.admin-filter select,.admin-source-root input{width:100%;min-width:0;height:38px;padding:0 10px;border:1px solid #dce8e8;border-radius:9px;outline:0;background:#fff;color:var(--ink);font-size:13px}.admin-edit-grid input:focus,.admin-filter input:focus,.admin-filter select:focus,.admin-source-root input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #21a6901f}.admin-card-actions,.admin-filter{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-card-actions .primary,.admin-card-actions .secondary,.sync-button{min-height:36px;padding:7px 12px;border-radius:9px;font-size:12px;font-weight:700}.admin-card-actions .primary,.sync-button{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-blue));box-shadow:0 6px 14px #21a69026}.admin-card-actions .secondary,.sync-card .secondary{display:inline-flex;align-items:center;gap:5px;color:var(--accent-deep);border:1px solid rgb(33 166 144 / 22%);background:#eff9f6}.admin-filter{margin-bottom:14px}.admin-filter select{width:auto;min-width:116px}.admin-filter input{width:min(220px,100%)}.order-card{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 16px}.order-card>div:first-child,.order-meta{display:grid;gap:4px;min-width:0}.order-card>div:first-child{flex:1}.order-card strong{overflow:hidden;color:#183b45;text-overflow:ellipsis;white-space:nowrap}.order-meta{flex:0 0 auto;justify-items:end;text-align:right}.order-meta b{color:#88999b;font-size:12px}.order-meta b.paid{color:var(--accent-deep)}.order-meta strong{color:var(--warm)}.order-meta small{color:#9aa9aa;font-size:10px}.sync-card{padding:15px}.sync-card>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.sync-card strong{color:#183b45}.sync-card .admin-source-root{align-items:center}.sync-card .admin-source-root input{flex:1;min-width:0}.sync-button{margin-top:14px}.admin-form{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:8px;margin-bottom:22px}.app-form{grid-template-columns:1fr 1fr auto}.admin-apps{margin-bottom:22px}.admin-form input{min-width:0;height:42px;border:1px solid #dce8e8;border-radius:9px;padding:0 10px}.admin-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.admin-columns h3{margin:0 0 8px}.admin-columns p{margin:6px 0}.admin-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0;color:#567276;background:#f2f7f6;border-radius:8px;padding:8px 10px;font-size:13px;transition:transform .16s ease,box-shadow .16s ease}.admin-row:hover{transform:translateY(-1px);box-shadow:0 5px 16px #2a5b6114}.admin-document-row{display:grid;gap:8px;width:100%}.admin-document-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-document-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.price-input{display:inline-flex;align-items:center;gap:2px;height:30px;padding:0 7px;border:1px solid #d7e7e5;border-radius:8px;background:#fff;color:#d17b35;font-weight:700}.price-input input{width:68px;border:0;outline:0;color:#567276;background:transparent}.admin-source-root{display:flex;gap:8px;margin-top:8px}.admin-source-root input{min-width:min(420px,60vw)}.document-table-wrap{width:100%;max-width:var(--content-width);margin:0 auto;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #e2eceb;border-radius:20px;background:#ffffffab;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);content-visibility:auto;contain-intrinsic-size:420px}.empty-state{min-height:270px;display:grid;place-items:center;align-content:center;gap:6px;color:var(--muted);text-align:center}.empty-state strong{color:var(--ink);font-size:16px}.empty-state p{margin:0;font-size:13px}.empty-icon{display:grid;width:48px;height:48px;margin-bottom:5px;place-items:center;border-radius:16px;color:var(--accent-deep);background:#ddf4efd1;font-size:27px}.document-table{width:100%;border-collapse:collapse;min-width:860px;font-size:13px;table-layout:fixed}.document-table th,.document-table td{position:relative;padding:15px 16px;border-bottom:1px solid #edf3f2;text-align:left;white-space:nowrap}.document-table th{color:#567276;background:#e2f1efbf;font-weight:700}.document-table th>span:first-child{overflow:hidden;text-overflow:ellipsis}.column-resize-handle{position:absolute;z-index:1;top:0;right:-4px;width:9px;height:100%;cursor:col-resize;touch-action:none}.column-resize-handle:after{position:absolute;top:25%;right:3px;width:2px;height:50%;border-radius:2px;background:#21a69000;content:"";transition:background .16s ease}.document-table th:hover .column-resize-handle:after,.column-resize-handle:focus-visible:after{background:#21a690a6}.document-table tbody tr:hover{background:#e7f8f4a6;transition:background .16s ease}.document-table tbody tr:last-child td{border-bottom:0}.pagination{display:flex;align-items:center;justify-content:center;gap:14px;padding:18px 16px 20px;border-top:1px solid rgb(226 236 235 / 80%);background:#f7fbfa85}.pagination-button{min-width:76px;min-height:36px;padding:7px 14px;border:1px solid rgb(33 166 144 / 20%);border-radius:10px;background:#ffffffc7;color:var(--accent-deep);font-size:13px;font-weight:700}.pagination-button:not(:disabled):hover{border-color:#21a6907a;background:#e0f6f1e5;box-shadow:0 6px 16px #21a6901f}.pagination-button:disabled{border-color:#e4ecec;background:#f4f8f8b3;color:#a2b1b4}.pagination-status{min-width:58px;color:var(--muted);font-size:13px;text-align:center}.pagination-jump{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:13px;font-weight:700}.pagination-jump input{width:52px;min-height:36px;padding:6px 8px;border:1px solid rgb(33 166 144 / 20%);border-radius:10px;background:#ffffffd6;color:var(--accent-deep);font:inherit;text-align:center}.pagination-jump input:focus-visible{outline:3px solid rgb(33 166 144 / 20%);border-color:var(--accent)}.document-title{max-width:360px;overflow:hidden;text-overflow:ellipsis;color:#183b45;font-weight:700}.document-actions{display:flex;gap:12px}.document-actions .text-btn{display:inline-flex;align-items:center;gap:4px}.text-btn{flex:0 0 auto;border:0;padding:0;color:var(--accent);background:transparent;cursor:pointer;font:inherit}.text-btn:hover{color:#1e665f}.dialog h2{margin:0 0 4px}.muted{color:#84979a;font-size:13px}.dialog form{display:grid;gap:15px;margin-top:22px}.dialog label{display:grid;gap:6px;font-size:13px;color:#526b70;font-weight:700}.dialog input{height:44px;border:1px solid #dce8e8;border-radius:10px;padding:0 12px;outline-color:#3b9e91}.verification-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.verification-send{min-width:112px;min-height:44px;white-space:nowrap;font-size:12px}.icon-btn{background:transparent;color:#809497}.close{position:absolute;right:16px;top:16px}.text-btn{display:block;margin:17px auto 0;background:transparent;color:#2d9187;font-size:13px}.dialog .error{font-size:12px;word-break:break-word}.social-login-waiting{display:grid;gap:7px;margin-top:16px;padding:14px;border:1px solid #dcebea;border-radius:14px;background:#f3faf9;color:#287f76;font-size:13px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.22,1,.36,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.social-login-waiting strong{font-size:15px}.social-login-qr-viewport{position:relative;width:min(100%,280px);aspect-ratio:1;align-self:center;overflow:hidden;border:1px solid #e2ebeb;border-radius:12px;background:#fff}.social-login-frame{position:absolute;top:50%;left:50%;display:block;width:600px;height:600px;border:0;background:#fff;transform:translate(-50%,-50%) scale(.43);transform-origin:center}.social-login-open{justify-self:center;text-decoration:none;font-size:12px;padding:7px 11px}.social-login-waiting .full{margin-top:6px;height:40px}@media(max-width:680px){.hero{padding:22px 18px}.hero h1{font-size:19px}.hero p{max-width:215px;line-height:1.35}.intro{padding:0 18px;margin-top:28px}.intro h2{font-size:32px}.intro h2 em{white-space:normal}.intro p{max-width:340px}.toolbar{margin:0 0 18px;flex-wrap:wrap;padding:10px}.search{flex-basis:100%}main{padding:0 18px 50px}.count{margin-left:auto}.intro{display:block}.stats{margin-top:18px;text-align:left}.stats strong{display:inline;margin-right:8px;font-size:30px}.product-banner{align-items:flex-start;gap:10px;flex-direction:column}.product-banner button{width:100%}.toolbar-heading{display:block}.toolbar-hint{display:block;margin-top:2px}.toolbar select{flex:1 1 calc(50% - 6px);min-width:0}.toolbar .text-btn{margin-top:5px}.admin-panel{padding:20px}.social-login-qr-viewport{width:min(100%,250px)}.social-login-frame{transform:translate(-50%,-50%) scale(.38)}.admin-form,.admin-columns{grid-template-columns:1fr}}@media(max-width:760px){body{background-attachment:scroll}.hero:after{display:none}.toolbar,.product-banner,.document-table-wrap{-webkit-backdrop-filter:none;backdrop-filter:none}.document-table-wrap{overflow:visible}.admin-section-intro,.order-card,.sync-card>div:first-child{align-items:flex-start;flex-direction:column}.admin-edit-grid{grid-template-columns:1fr 1fr}.order-meta{justify-items:start;text-align:left}.sync-card .admin-source-root{width:100%;align-items:stretch;flex-direction:column}.document-table{min-width:0;display:block}.document-table thead{display:none}.document-table tbody,.document-table tr,.document-table td{display:block}.document-table tr{padding:15px 16px;border-bottom:1px solid #e7efee}.document-table tr:last-child{border-bottom:0}.document-table tbody tr:hover{background:transparent}.document-table td{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;padding:5px 0;border:0;white-space:normal}.document-table td:before{color:#82949a;content:"";font-size:11px;font-weight:700}.document-table td:nth-child(1):before{content:"资料"}.document-table td:nth-child(2):before{content:"学校"}.document-table td:nth-child(3):before{content:"科目"}.document-table td:nth-child(4):before{content:"类型"}.document-table td:nth-child(5):before{content:"价格"}.document-table td:nth-child(6):before{content:"操作"}.pagination{gap:10px;padding:15px 12px 16px}.pagination-button{min-width:72px;min-height:40px}.document-title{max-width:none;font-size:14px}.document-actions{justify-content:flex-start;gap:18px}.column-resize-handle{display:none}}.social-divider{text-align:center;color:#9aabad;font-size:12px;margin:18px 0 10px}.login-promo{position:relative;display:inline-flex;align-items:center;gap:10px}.login-promo-badge{position:relative;overflow:hidden;color:#0f766e;background:linear-gradient(110deg,#e6faf4,#f5fffc 48%,#d6f4ec);border:1px solid #8edbca;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:700;white-space:nowrap;box-shadow:0 8px 20px #21a6902e,0 0 0 4px #21a69014;animation:login-promo-float 3.2s ease-in-out infinite}.login-promo-badge:after{position:absolute;inset:0 auto 0 -45%;width:35%;content:"";background:linear-gradient(90deg,transparent,rgb(255 255 255 / 75%),transparent);transform:skew(-18deg);animation:login-promo-shine 2.8s ease-in-out infinite}.login-promo-button{animation:login-button-pulse 3.2s ease-in-out infinite}@keyframes login-promo-float{0%,to{opacity:.86;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}@keyframes login-button-pulse{0%,70%,to{box-shadow:0 0 #0f766e00}82%{box-shadow:0 0 0 5px #0f766e1f}}@keyframes login-promo-shine{0%,35%{transform:translate(0) skew(-18deg)}70%,to{transform:translate(430%) skew(-18deg)}}@media(max-width:560px){.login-promo-badge{position:absolute;top:calc(100% + 8px);right:0;z-index:2;max-width:min(250px,calc(100vw - 36px));overflow:hidden;text-overflow:ellipsis}}.social-actions{display:flex;gap:10px}.social-actions button{flex:1}@media(max-width:420px){.verification-row{grid-template-columns:1fr}.verification-send{width:100%}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes panel-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}@media(max-width:760px){:root{--shadow: 0 14px 36px rgb(24 54 69 / 10%)}.document-table-wrap.reveal{opacity:1;transform:none}.hero{min-height:82px;padding:16px;gap:12px}.brand{min-width:0;gap:10px}.logo{flex:0 0 40px;width:40px;height:40px;border-radius:13px}.logo svg{width:21px}.hero h1{font-size:17px;white-space:nowrap}.hero p{display:none}.header-actions .ghost,.header-actions .secondary,.login-promo-button{min-height:42px;padding:9px 12px}.login-promo-badge{display:none}main{padding:0 14px calc(42px + env(safe-area-inset-bottom))}.intro{margin:24px auto 20px;padding:0 3px}.intro h2{margin:9px 0 8px;font-size:clamp(28px,8.7vw,36px);line-height:1.16;letter-spacing:-.045em}.intro p{font-size:13px;line-height:1.7}.toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:14px;padding:12px;border-radius:18px;background:#ffffffc7}.toolbar-heading,.search{grid-column:1 / -1}.toolbar-title{font-size:16px}.search,.toolbar select{width:100%;min-width:0;height:44px}.toolbar select{padding-right:28px;font-size:13px}.reset-btn{grid-column:1 / -1;min-height:38px;border-radius:10px;background:#e0f6f1b8}.document-table-wrap{border:0;border-radius:0;background:transparent;box-shadow:none}.document-table tbody{display:grid;gap:11px}.document-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;padding:16px;border:1px solid rgb(255 255 255 / 88%);border-radius:17px;background:#ffffffd1;box-shadow:0 10px 28px #18364514}.document-table td{display:grid;grid-template-columns:1fr;gap:2px;min-width:0;padding:0}.document-table td:before{font-size:10px;letter-spacing:.05em}.document-table td:first-child,.document-table td:last-child{grid-column:1 / -1}.document-title{overflow:visible;font-size:15px;line-height:1.55;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}.document-table td.document-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:4px}.document-table td.document-actions:before{grid-column:1 / -1}.document-actions .text-btn{width:100%;min-height:42px;justify-content:center;border:1px solid rgb(33 166 144 / 18%);border-radius:11px;background:#eff9f6;font-weight:700}.pagination{display:grid;grid-template-columns:1fr auto 1fr;gap:9px;margin-top:12px;padding:14px 0 0;border:0;background:transparent}.pagination-jump{grid-column:1 / -1;grid-row:2;justify-content:center;padding-top:3px}.pagination-button{min-width:0;min-height:42px}.overlay,.payment-modal-backdrop{align-items:end;padding:12px 12px max(12px,env(safe-area-inset-bottom))}.document-preview-backdrop{padding:0}.document-preview-panel{width:100%;height:100dvh;border:0;border-radius:0}.document-preview-head{min-height:54px;padding:8px 12px}.dialog,.payment-modal{width:100%;max-height:calc(100dvh - 24px);overflow-y:auto;padding:27px 20px 20px;border-radius:24px;text-align:left}.payment-modal .full{margin-top:10px;min-height:50px}.payment-amount{margin:16px 0 12px;font-size:28px}.payment-mobile-note{margin:12px 2px 0;color:var(--muted);font-size:12px;line-height:1.6;text-align:center}.payment-qr-frame{width:min(100%,260px);height:auto;aspect-ratio:1}.product-banner{margin-bottom:14px;padding:14px;border-radius:16px}.product-banner .primary,.product-banner .secondary{min-height:46px}}@media(max-width:420px){.document-table tbody{gap:9px}.document-table tr{gap:7px 10px;padding:14px;border-radius:15px}.document-table td{line-height:1.35}.document-title{font-size:14px;line-height:1.45}.document-actions{gap:8px}}@media(max-width:360px){.hero{padding-inline:12px}.hero h1{font-size:15px}.toolbar{grid-template-columns:1fr}.toolbar-heading,.search,.reset-btn{grid-column:1}}