.app-header{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(222,230,225,.86);background:#fffffff0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-header-inner{display:grid;grid-template-columns:300px minmax(360px,1fr) auto;align-items:center;gap:28px;width:min(100% - 72px,1840px);min-height:76px;margin:0 auto}.login-header-inner{grid-template-columns:1fr auto}.brand{display:inline-flex;align-items:center;gap:14px;min-width:max-content}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:transparent;box-shadow:none;overflow:hidden}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}.brand-copy strong,.brand-copy small{display:block}.brand-copy strong{font-family:Noto Sans SC,sans-serif;color:#0d1512;font-size:22px;font-weight:500;line-height:1.1}.brand-copy small{margin-top:5px;color:#8a9490;font-size:13px;font-weight:500}.nav-list{display:flex;align-items:stretch;justify-content:center;gap:clamp(30px,4vw,68px);height:76px}.nav-link{position:relative;display:inline-flex;align-items:center;color:#101816;font-size:16px;font-weight:500;white-space:nowrap}.nav-link:after{position:absolute;right:0;bottom:0;left:0;height:3px;border-radius:999px;background:transparent;content:""}.nav-link.active,.nav-link:hover{color:var(--color-primary-dark)}.nav-link.active:after{background:var(--color-primary)}.header-right,.header-account,.header-actions{display:flex;align-items:center}.header-right{justify-content:flex-end;gap:28px}.header-account{gap:12px;color:#25302b;font-size:15px;font-weight:500;white-space:nowrap}.notice-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;background:transparent;color:#667085;cursor:pointer}.account-divider{width:1px;height:24px;background:#e5ece8}.account-menu{position:relative}.account-trigger{display:inline-flex;align-items:center;gap:10px;min-height:46px;border:0;border-radius:999px;background:transparent;color:#25302b;padding:0 8px;font:inherit;cursor:pointer}.account-trigger:hover{background:#f4fbf7}.team-avatar{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#07c160;color:#fff;font-size:15px;font-weight:500}.team-name{max-width:170px;overflow:hidden;text-overflow:ellipsis}.account-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:30;min-width:136px;border:1px solid #e3ebe7;border-radius:10px;background:#fff;box-shadow:0 18px 44px #14231d1f;padding:8px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease}.account-menu:hover .account-dropdown,.account-menu:focus-within .account-dropdown,.account-menu.open .account-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.account-dropdown button{display:flex;align-items:center;width:100%;min-height:40px;border:0;border-radius:8px;background:transparent;color:#d92d20;padding:0 12px;font-size:14px;font-weight:500;cursor:pointer}.account-dropdown button:hover{background:#fff1f0}.header-actions{justify-content:flex-end;gap:16px}.header-primary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:8px;padding:0 22px;font-size:16px;font-weight:500;white-space:nowrap}.header-primary{gap:7px;min-width:116px;border:1px solid transparent;background:linear-gradient(135deg,#05c160,#04a653);color:#fff;box-shadow:0 12px 30px #07c16042}.login-secure-note{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;color:#667085;font-size:15px;font-weight:500;white-space:nowrap}.login-secure-note svg{color:#07ad58}@media(max-width:1120px){.app-header-inner{width:min(100% - 48px,1840px);grid-template-columns:280px minmax(300px,1fr) auto;gap:22px}.notice-button,.account-divider{display:none}.team-name{max-width:130px;overflow:hidden;text-overflow:ellipsis}}@media(max-width:920px){.app-header-inner{grid-template-columns:1fr auto;padding:12px 0}.nav-list{grid-column:1 / -1;justify-content:flex-start;height:auto;overflow-x:auto;padding-bottom:3px}.nav-link{min-height:38px}}@media(max-width:640px){.app-header-inner{width:min(100% - 28px,1840px);grid-template-columns:1fr;gap:12px}.brand-copy strong{font-size:18px}.brand-copy small{font-size:12px}.header-right,.header-actions{width:100%}.header-account{width:100%;justify-content:flex-start}.header-primary{flex:1}}.delete-modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:32px;background:#1219166b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.delete-modal{position:relative;width:min(680px,calc(100vw - 48px));overflow:hidden;border:1px solid rgba(207,237,221,.95);border-radius:26px;background:#fff url(/assets/delete-modal-background-iwABv8uQ.png) center / cover no-repeat;box-shadow:0 28px 80px #13261d38;color:#18231f;padding:34px 58px 42px;text-align:center}.delete-modal-icon{position:relative;z-index:1;display:grid;place-items:center;width:76px;height:76px;margin:0 auto 16px;border-radius:50%;background:#ffa9242b;color:#fff}.delete-modal-icon:before{position:absolute;inset:14px;border-radius:inherit;background:linear-gradient(135deg,#ffbd38,#ff9800);box-shadow:0 10px 24px #ff980040;content:""}.delete-modal-icon svg{position:relative;z-index:1;stroke-width:2.6}.delete-modal h2{position:relative;z-index:1;margin:0 0 14px;color:#18231f;font-size:28px;font-weight:700;letter-spacing:0}.delete-modal p{position:relative;z-index:1;max-width:560px;margin:0 auto;color:#687588;font-size:16px;font-weight:500;line-height:1.85}.delete-modal-actions{position:relative;z-index:1;display:flex;justify-content:center;gap:24px;margin-top:28px}.delete-modal-actions button{display:inline-flex;align-items:center;justify-content:center;min-width:168px;min-height:52px;border-radius:8px;font-size:17px;font-weight:700;cursor:pointer}.delete-modal-cancel{border:1px solid #dfe6e2;background:#ffffffe6;color:#4d5854;box-shadow:0 8px 22px #29322d0f}.delete-modal-confirm{border:0;background:linear-gradient(135deg,#07c160,#05a854);color:#fff;box-shadow:0 12px 26px #07c16038}.delete-modal-actions button:disabled{cursor:not-allowed;opacity:.68}.edit-name-modal{width:min(600px,calc(100vw - 48px))}.edit-name-modal-icon{background:#07c16024}.edit-name-modal-icon:before{background:linear-gradient(135deg,#11d978,#06a957);box-shadow:0 10px 24px #07c1603d}.edit-name-modal-field{position:relative;z-index:1;display:block;max-width:440px;margin:24px auto 0}.edit-name-modal-field input{width:100%;min-height:54px;border:1px solid #dbe8e2;border-radius:10px;outline:0;background:#ffffffeb;color:#172033;padding:0 18px;font:inherit;font-size:16px;font-weight:500;box-shadow:0 10px 24px #14231d0f}.edit-name-modal-field input:focus{border-color:#07c160;box-shadow:0 0 0 4px #07c1601a}.edit-name-modal-field input::placeholder{color:#9aa7a0}@media(max-width:640px){.delete-modal-backdrop{padding:18px}.delete-modal{width:min(100%,520px);border-radius:22px;padding:32px 22px 38px}.delete-modal h2{font-size:24px}.delete-modal p{font-size:16px;line-height:1.75}.delete-modal-actions{flex-direction:column;gap:14px}.delete-modal-actions button{width:100%}.edit-name-modal-field{max-width:none}}.attachment-page{width:min(100% - 100px,1640px);margin:0 auto;padding:34px 0 30px}.state-page{display:grid;min-height:420px;place-items:center;color:#667085;font-size:18px;font-weight:500}.action-toast{width:fit-content;margin-top:16px;border:1px solid #bfead2;border-radius:999px;background:#eafff3;color:#07a956;padding:8px 14px;font-size:14px;font-weight:500}.action-toast.error{border-color:#ffd0cb;background:#fff1f0;color:#d92d20}.detail-floating-toast{position:fixed;top:96px;left:50%;z-index:70;display:inline-flex;align-items:center;gap:9px;min-height:44px;border:1px solid rgba(7,193,96,.18);border-radius:999px;background:#fffffff0;color:#06a854;padding:0 18px;font-size:15px;font-weight:600;box-shadow:0 18px 42px #07c1602e;transform:translate(-50%);animation:detail-toast-in .18s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.detail-floating-toast.error{border-color:#e5483f2e;color:#e5483f;box-shadow:0 18px 42px #e5483f29}.detail-floating-toast-icon{display:grid;place-items:center;flex:0 0 auto;width:20px;height:20px;border-radius:50%;background:#07c1601f;color:#07c160;font-size:15px;font-weight:700;line-height:1}.detail-floating-toast.error .detail-floating-toast-icon{background:#e5483f1f;color:#e5483f}.detail-floating-toast svg{flex:0 0 auto}@keyframes detail-toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.detail-breadcrumb{display:flex;align-items:center;gap:8px;color:#6b7785;font-size:15px;font-weight:500}.detail-breadcrumb span{color:#172033;font-weight:500}.detail-title-row{display:flex;align-items:center;gap:16px;margin-top:34px}.detail-title-row h1{margin:0;color:#101816;font-size:34px;font-weight:500;letter-spacing:0}.safe-badge{display:inline-flex;align-items:center;gap:8px;min-height:32px;border-radius:999px;background:#eafff3;color:#07ad58;padding:0 12px;font-size:14px;font-weight:500}.detail-top-grid{display:grid;grid-template-columns:minmax(0,1fr) 500px;gap:26px;align-items:stretch;margin-top:26px}.file-info-card,.action-card,.access-panel,.security-tip{border:1px solid #e3ebe7;border-radius:18px;background:#fffffff0;box-shadow:0 18px 48px #14231d12}.file-info-card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:32px;align-items:center;min-height:288px;padding:34px 48px}.word-large-icon{display:grid;place-items:center;width:82px;height:98px;border-radius:8px;background:linear-gradient(135deg,#3a91ff,#105de8);color:#fff;font-size:42px;font-weight:500;box-shadow:0 14px 32px #2f80ed38}.word-large-icon.red,.mini-word-icon.red{background:linear-gradient(135deg,#ff6b61,#ef302d)}.word-large-icon.green,.mini-word-icon.green{background:linear-gradient(135deg,#31c66d,#138d49)}.word-large-icon.orange,.mini-word-icon.orange{background:linear-gradient(135deg,#ffa941,#ff7d1f)}.word-large-icon.purple,.mini-word-icon.purple{background:linear-gradient(135deg,#a678ff,#7047e8)}.file-large-image-icon{display:block;width:98px;height:98px;object-fit:contain;filter:drop-shadow(0 14px 32px rgba(47,128,237,.18))}.file-name-row{display:flex;align-items:center;gap:12px}.file-name-row h2{margin:0;color:#101816;font-size:30px;font-weight:500;letter-spacing:0}.file-name-row button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:#e7fff2;color:#07ad58;cursor:pointer}.file-info-content>p{margin:14px 0 34px;color:#7b8580;font-size:16px;font-weight:500}.file-meta-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:0;margin-top:34px}.meta-item{display:grid;gap:10px;min-height:68px;border-left:1px solid #e8eeeb;padding:0 30px}.meta-item:first-child{border-left:0;padding-left:0}.meta-label{display:inline-flex;align-items:center;gap:8px;color:#7b8580;font-size:14px;font-weight:500}.meta-label svg{color:#8a96a8}.meta-item strong{color:#172033;font-size:18px;font-weight:500}.meta-item .positive-value{width:fit-content;border-radius:999px;background:#e9fff3;color:#07a956;padding:5px 14px;font-size:16px}.action-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-height:288px;padding:26px}.action-item{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:16px;min-height:110px;border:1px solid #e7ecef;border-radius:12px;background:#fff;color:#07ad58;padding:0 20px;text-align:left;cursor:pointer}.action-item span{display:grid;gap:4px}.action-item strong{color:#172033;font-size:16px;font-weight:500}.action-item small{color:#7b8580;font-size:13px;font-weight:500}.action-item>svg:last-child{display:none}.action-item.danger{border-color:#ffe3e1;background:snow;color:#ff2d2d}.action-item.danger strong{color:#ff2d2d}.action-item:disabled,.file-name-row button:disabled{cursor:not-allowed;opacity:.65}.detail-hidden-input{display:none}.access-panel{margin-top:14px;padding:18px 22px 20px}.access-heading{display:flex;align-items:baseline;gap:22px;margin-bottom:18px}.access-heading h2,.access-heading p{margin:0}.access-heading h2{color:#101816;font-size:20px;font-weight:500}.access-heading p{color:#7b8580;font-size:14px;font-weight:500}.access-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:64px}.access-card{min-height:410px;border:1px solid #cdeede;border-radius:14px;background:linear-gradient(180deg,#fff,#fbfffd);padding:24px}.access-card-title{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:14px}.access-card-title>span{display:inline-flex;align-items:center;justify-content:center;min-height:32px;border:1px solid #bfead2;border-radius:9px;background:#eafff3;color:#07a956;padding:0 12px;font-size:14px;font-weight:500;white-space:nowrap}.access-card-title h3,.access-card-title p{margin:0}.access-card-title h3{color:#101816;font-size:20px;font-weight:500}.access-card-title p{margin-top:9px;color:#7b8580;font-size:14px;font-weight:500}.copy-field{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;margin-top:24px;border:1px solid #d9ece3;border-radius:8px;background:#fff;padding:0 10px 0 16px}.copy-field span{overflow:hidden;color:#172033;font-size:14px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.copy-field button,.download-qr{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;border:0;border-radius:7px;background:linear-gradient(135deg,#07c160,#05a854);color:#fff;padding:0 13px;font-size:13px;font-weight:500;cursor:pointer}.preview-label{margin:28px 0 12px;color:#7b8580;font-size:13px;font-weight:500}.browser-preview{border:1px solid #e3ebe7;border-radius:14px;background:#f9fbfc;padding:14px}.browser-dots{display:flex;gap:8px;margin-bottom:12px}.browser-dots span{width:8px;height:8px;border-radius:50%;background:#cfd8d3}.browser-url,.browser-file-row{display:flex;align-items:center;gap:10px;border-radius:8px;background:#fff;padding:12px 14px}.browser-url{color:#3d4a44;font-size:13px;font-weight:500}.browser-url svg{color:#07ad58}.browser-file-row{margin-top:10px;border:1px solid #e7ecef}.mini-word-icon{display:grid;place-items:center;width:36px;height:40px;border-radius:5px;background:linear-gradient(135deg,#3a91ff,#105de8);color:#fff;font-size:18px;font-weight:500;flex:0 0 auto}.mini-file-image-icon{display:block;flex:0 0 auto;width:42px;height:42px;object-fit:contain}.browser-file-row div,.phone-file-card div{min-width:0;flex:1}.browser-file-row strong,.browser-file-row small,.phone-file-card strong,.phone-file-card small{display:block}.browser-file-row strong,.phone-file-card strong{overflow:hidden;color:#172033;font-size:14px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.browser-file-row small,.phone-file-card small{margin-top:5px;color:#7b8580;font-size:12px;font-weight:500}.browser-file-row>svg{color:#64748b}.phone-preview{overflow:hidden;border:8px solid #e8ebef;border-radius:28px 28px 12px 12px;background:#fff;box-shadow:inset 0 0 0 1px #f4f6f5}.phone-preview-status{display:flex;justify-content:space-between;padding:14px 22px 8px;color:#101816;font-size:12px;font-weight:500}.phone-preview-title{border-bottom:1px solid #e7ecef;padding:10px 0;color:#101816;text-align:center;font-size:15px;font-weight:500}.phone-file-card{display:flex;align-items:center;gap:10px;margin:22px;border-radius:10px;background:#f8faf9;padding:14px}.phone-file-card button{border:0;border-radius:7px;background:#07b85c;color:#fff;padding:9px 12px;font-size:13px;font-weight:500}.qr-card{display:grid;justify-items:center}.qr-card .access-card-title{justify-self:stretch}.mock-qrcode{position:relative;display:grid;grid-template-columns:repeat(7,13px);gap:4px;margin-top:34px;padding:14px;border:1px solid #dce5e1;background:#fff}.mock-qrcode span{width:13px;height:13px;background:#eef2f0}.mock-qrcode span.filled{background:#121716}.qr-mini-logo{position:absolute;inset:50% auto auto 50%;display:grid;place-items:center;width:44px;height:44px;border:4px solid #ffffff;border-radius:50%;background:#07c160;color:#fff;transform:translate(-50%,-50%)}.real-qrcode{width:154px;height:154px;margin-top:34px;border:1px solid #dce5e1;background:#fff;padding:12px;object-fit:contain}.download-qr{margin-top:18px;min-width:118px}.qr-preview-note{display:grid;justify-items:center;gap:8px;width:100%;margin-top:20px;border:1px solid #e3ebe7;border-radius:10px;background:#fbfffd;padding:18px}.qr-preview-note span{justify-self:start;color:#7b8580;font-size:13px;font-weight:500}.qr-preview-note strong{color:#7b8580;font-size:14px}.qr-preview-note em{color:#07ad58;font-style:normal;font-size:16px;font-weight:500}.security-tip{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:16px;margin-top:14px;min-height:64px;background:linear-gradient(135deg,#effff6,#fff);padding:0 22px;color:#6b7785;font-size:14px;font-weight:500}.security-tip svg:first-child{color:#07ad58;fill:#07ad58}.security-tip strong{color:#07a956}.security-tip button{display:grid;place-items:center;border:0;background:transparent;color:#64748b;cursor:pointer}@media(max-width:1280px){.attachment-page{width:min(100% - 48px,1640px)}.detail-top-grid{grid-template-columns:minmax(0,1fr) 360px}.action-card{grid-template-columns:repeat(2,minmax(0,1fr));padding:20px}.action-item{grid-template-columns:34px 1fr;gap:12px;min-height:104px;padding:0 14px}.action-item svg{width:25px;height:25px}.action-item strong{font-size:15px}.action-item small{font-size:12px}.access-grid{gap:24px}.file-meta-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:0}.meta-item{border-left:1px solid #e8eeeb;padding:0 14px}.meta-item:first-child{border-left:0;padding-left:0}.meta-label{font-size:12px}.meta-item strong{font-size:15px}}@media(max-width:980px){.detail-top-grid{grid-template-columns:1fr}.file-info-card{grid-template-columns:1fr;min-height:auto}.access-grid,.action-card{grid-template-columns:1fr}.action-card{min-height:auto}.security-tip{grid-template-columns:auto 1fr auto}.security-tip span{grid-column:1 / -1}.file-meta-grid{grid-template-columns:repeat(2,minmax(140px,1fr));gap:20px}.meta-item,.meta-item:first-child{border-left:0;padding:0}}@media(max-width:640px){.attachment-page{width:min(100% - 28px,1640px);padding-top:24px}.detail-title-row,.access-heading{align-items:flex-start;flex-direction:column}.file-info-card{padding:28px 22px}.file-meta-grid{grid-template-columns:1fr}}.faq-page{position:relative;overflow:hidden;min-height:calc(100vh - 76px);background:radial-gradient(circle at 0% 80%,rgba(7,193,96,.14),transparent 19rem),radial-gradient(circle at 95% 52%,rgba(7,193,96,.12),transparent 24rem),linear-gradient(180deg,#fff,#fbfffd 72%,#f0fff6);padding:34px 0 26px}.faq-page:before{position:absolute;left:-30px;bottom:80px;width:130px;height:250px;border-radius:999px;background:radial-gradient(circle at 60% 24%,rgba(7,193,96,.54) 0 16px,transparent 17px),radial-gradient(circle at 54% 50%,rgba(7,193,96,.26) 0 24px,transparent 25px),linear-gradient(180deg,rgba(7,193,96,.14),transparent);content:""}.faq-layout,.faq-bottom-note{position:relative;z-index:1;width:min(100% - 110px,1600px);margin:0 auto}.faq-layout{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:34px;align-items:start}.faq-main{display:grid;gap:24px}.faq-categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px}.category-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:64px;border:1px solid #e6ece9;border-radius:10px;background:#fff;color:#202b27;font-size:16px;font-weight:500;cursor:pointer;box-shadow:0 12px 28px #14231d0e}.category-button.active{border-color:transparent;background:linear-gradient(135deg,#07c160,#05a854);color:#fff;box-shadow:0 14px 32px #07c1603d}.faq-list{display:grid;gap:14px}.faq-empty{display:grid;place-items:center;gap:10px;min-height:170px;border:1px dashed #cdeede;border-radius:10px;background:#ffffffb8;color:#667085;text-align:center}.faq-empty svg{color:#07ad58}.faq-empty strong{color:#101816;font-size:18px;font-weight:500}.faq-empty span{font-size:14px;font-weight:500}.faq-item{overflow:hidden;border:1px solid #e6ece9;border-radius:10px;background:#fffffff5;box-shadow:0 14px 34px #14231d0f}.faq-question{display:grid;grid-template-columns:30px 1fr 24px;align-items:center;gap:14px;width:100%;min-height:64px;border:0;background:transparent;color:#101816;padding:0 24px;text-align:left;cursor:pointer}.question-mark{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#07ad58;color:#fff;font-size:15px;font-weight:500}.faq-question strong{color:#101816;font-size:18px;font-weight:500}.faq-question svg{color:#101816}.faq-item p{margin:0;color:#657184;font-size:16px;font-weight:500;line-height:2;padding:0 70px 26px}.faq-aside{display:grid;gap:28px}.support-card,.tutorial-card{border:1px solid #cdeede;border-radius:16px;background:#ffffffeb;box-shadow:0 20px 50px #14231d14;padding:30px}.aside-title-row{display:grid;grid-template-columns:58px 1fr;gap:18px;align-items:center}.aside-title-row>span{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#e8fff3;color:#07ad58}.aside-title-row h2,.aside-title-row p{margin:0}.aside-title-row h2{color:#101816;font-size:20px;font-weight:500}.aside-title-row p{margin-top:10px;color:#667085;font-size:15px;font-weight:500}.outline-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:216px;min-height:50px;margin-top:28px;border:1px solid #49c983;border-radius:8px;background:#fff;color:#07ad58;font-size:16px;font-weight:500;cursor:pointer}.contact-list{margin-top:30px;border-top:1px solid #e6ece9;padding-top:26px}.contact-list h3{margin:0 0 18px;color:#101816;font-size:18px;font-weight:500}.contact-item{display:grid;grid-template-columns:34px 92px 1fr 18px;align-items:center;gap:10px;min-height:52px;margin-top:12px;border:1px solid #e6ece9;border-radius:8px;background:#fbfffd;padding:0 12px}.contact-item span{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#07c160;color:#fff}.contact-item:nth-of-type(2) span{background:#2f80ed}.contact-item:nth-of-type(3) span{background:#10b981}.contact-item:nth-of-type(4) span{background:#f5a400}.contact-item strong{color:#25302b;font-size:14px;font-weight:500}.contact-item em{overflow:hidden;color:#667085;font-size:14px;font-style:normal;font-weight:500;text-align:right;text-overflow:ellipsis;white-space:nowrap}.contact-item>svg{color:#667085}.tutorial-card .outline-action{width:220px}.faq-bottom-note{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:28px;color:#657184;font-size:16px;font-weight:500}.faq-bottom-note svg{color:#07ad58}@media(max-width:1100px){.faq-layout,.faq-bottom-note{width:min(100% - 48px,1600px)}.faq-layout{grid-template-columns:1fr}.faq-aside{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.faq-categories,.faq-aside{grid-template-columns:1fr}.faq-item p{padding:0 24px 24px}}@media(max-width:640px){.faq-page{padding-top:24px}.faq-layout,.faq-bottom-note{width:min(100% - 28px,1600px)}.faq-question{padding-right:16px;padding-left:16px}.support-card,.tutorial-card{padding:22px}.contact-item{grid-template-columns:34px 1fr 18px}.contact-item em{grid-column:2 / 3;text-align:left}}.files-page{display:grid;gap:14px;width:min(100% - 72px,1840px);margin:0 auto;padding:30px 0 34px}.summary-panel,.file-list-panel{min-width:0;border:1px solid #e4ebe7;border-radius:20px;background:#fffffff0;box-shadow:0 18px 48px #14231d12}.summary-panel{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;overflow:hidden;min-height:258px;padding:24px 30px 20px}.summary-copy{position:relative;z-index:1}.summary-copy h1{margin:0 0 26px;color:#101816;font-size:32px;font-weight:500;letter-spacing:0}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:40px;max-width:1380px}.stat-card{display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:center;min-height:150px;border:1px solid #e8eeeb;border-radius:12px;background:#fff;box-shadow:0 12px 30px #16221d0e;padding:24px}.stat-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%}.stat-icon.green{background:#dff7e9;color:#09a957}.stat-icon.blue{background:#dcecff;color:#2f80ed}.stat-icon.purple{background:#e9ddff;color:#7a4ee8}.stat-card p,.stat-card strong,.stat-card small{display:block;margin:0}.stat-card p{color:#69756f;font-size:15px;font-weight:500}.stat-card strong{margin-top:10px;color:#172033;font-size:30px;font-weight:500;line-height:1.1}.stat-card strong span{margin-left:7px;color:#53615a;font-size:14px;font-weight:500}.stat-card small{margin-top:12px;color:#69756f;font-size:14px;font-weight:500}.stat-card em{color:#08aa57;font-style:normal;font-weight:500}.storage-meter{width:min(100%,230px);height:4px;margin-top:12px;overflow:hidden;border-radius:999px;background:#d7f2e4}.storage-meter span{display:block;width:24.5%;height:100%;border-radius:inherit;background:#06bf60}.summary-illustration{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:flex-end;min-height:208px}.summary-illustration img{display:block;width:min(330px,100%);height:auto;object-fit:contain}.file-list-panel{overflow:hidden}.file-toolbar{display:grid;grid-template-columns:360px 200px 214px 1fr;gap:38px;align-items:center;padding:30px 28px 18px}.search-box,.filter-button,.upload-button{display:inline-flex;align-items:center;border:1px solid #e2e9e5;border-radius:7px;background:#fff;color:#172033}.search-box{justify-content:space-between;gap:10px;min-height:48px;padding:0 14px 0 18px}.search-box svg{color:#5f6971;flex:0 0 auto}.search-box input{width:100%;min-width:0;border:0;outline:0;color:#172033;font-size:15px}.search-box input::placeholder{color:#a0aaa5}.filter-button{justify-content:space-between;min-height:48px;padding:0 16px;font-size:15px;font-weight:500;cursor:pointer}.native-filter{position:relative}.native-filter select{position:absolute;inset:0;width:100%;border:0;opacity:0;cursor:pointer}.files-upload-input{display:none}.upload-button{justify-self:end;justify-content:center;gap:10px;min-width:150px;min-height:54px;border-color:transparent;background:linear-gradient(135deg,#07c160,#06a957);color:#fff;font-size:16px;font-weight:500;box-shadow:0 14px 30px #07c1603d;cursor:pointer;font-family:inherit}.upload-button:disabled{cursor:not-allowed;opacity:.72}.managed-file-table{width:100%;overflow-x:auto}.managed-file-row{display:grid;grid-template-columns:152px minmax(320px,1.25fr) 210px 272px 210px 300px;align-items:center;min-width:1280px;border-top:1px solid #e9efec;color:#53615a;font-size:15px;padding:0 28px}.managed-file-row>span{display:flex;align-items:center;min-height:64px}.managed-file-head{min-height:60px;background:#fbfdfc;color:#5e6a64;font-size:15px;font-weight:500}.managed-file-head>span{min-height:60px}.managed-file-row>.file-type-cell{align-self:stretch;align-items:center;justify-content:center;line-height:0}.managed-file-head>.file-type-cell{line-height:1.3}.sortable:after{width:0;height:0;margin-left:8px;border-right:4px solid transparent;border-left:4px solid transparent;border-bottom:6px solid #08a854;content:""}.file-type-badge{display:grid;place-items:center;width:32px;height:38px;border-radius:5px;color:#fff;font-size:11px;font-weight:500}.file-type-badge.red{background:linear-gradient(135deg,#ff6b61,#ef302d)}.file-type-badge.blue{background:linear-gradient(135deg,#55a9ff,#1976e6)}.file-type-badge.green{background:linear-gradient(135deg,#31c66d,#138d49)}.file-type-badge.orange{background:linear-gradient(135deg,#ffa941,#ff7d1f)}.file-type-badge.purple{background:linear-gradient(135deg,#a678ff,#7047e8)}.file-type-image-icon{display:block;width:32px;height:32px;object-fit:contain}.managed-file-name{display:block;min-height:64px;padding:20px 0;color:#25302b;font-weight:500;line-height:1.3}.managed-file-name span{min-width:0;overflow-wrap:anywhere}.managed-file-safe-icon{display:inline-block;width:18px;height:18px;margin-left:8px;object-fit:contain;vertical-align:-3px}.managed-actions{align-items:center;justify-content:flex-start;gap:10px}.managed-actions a,.managed-actions button{display:inline-flex;align-items:center;justify-content:center;min-width:126px;min-height:40px;border:0;border-radius:7px;background:linear-gradient(135deg,#07c160,#05a854);color:#fff;padding:0 16px;font-size:15px;font-weight:500;cursor:pointer;box-shadow:0 10px 22px #07c16033;white-space:nowrap}.managed-actions button{border:1px solid #ffd1cc;background:snow;color:#e5483f;box-shadow:none}.managed-actions button:disabled{cursor:not-allowed;opacity:.68}.files-message{border-top:1px solid #e9efec;color:#6b7571;padding:18px 28px;font-size:15px;font-weight:500}.files-message.error{color:#d92d20;background:#fff8f7}.files-message.empty{min-width:1280px}.table-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;border-top:1px solid #e9efec;padding:14px 28px;color:#6b7571;font-size:15px;font-weight:500}.pagination{display:flex;align-items:center;gap:16px}.pagination button{display:grid;place-items:center;min-width:30px;height:30px;border:1px solid transparent;border-radius:7px;background:#fff;color:#303a35;font-weight:500}.pagination button:first-child,.pagination button:last-child{border-color:#e1e8e4;color:#8b9691}.pagination button:disabled{cursor:not-allowed;opacity:.45}.pagination .current{background:#09b85d;color:#fff;box-shadow:0 8px 18px #07c1602e}@media(max-width:1280px){.files-page{width:min(100% - 48px,1840px)}.summary-panel{grid-template-columns:1fr 240px}.stat-grid{gap:24px}.file-toolbar{grid-template-columns:minmax(240px,1fr) 160px 180px auto;gap:18px}.managed-file-row{grid-template-columns:100px minmax(260px,1.15fr) 120px 168px 120px 250px;min-width:1080px}}@media(max-width:980px){.summary-panel{grid-template-columns:1fr}.summary-illustration{display:none}.stat-grid,.file-toolbar,.table-footer{grid-template-columns:1fr}.upload-button{justify-self:stretch}.table-footer{justify-items:start}}@media(max-width:640px){.files-page{width:min(100% - 28px,1840px);padding-top:20px}.summary-panel,.file-list-panel{border-radius:16px}.summary-panel,.file-toolbar,.table-footer{padding-right:18px;padding-left:18px}}.home-page{--home-scale: .75;min-height:calc(100vh - 76px);overflow:hidden;background:radial-gradient(circle at 85% 9%,rgba(7,193,96,.14),transparent 310px),radial-gradient(circle at 7% 42%,rgba(7,193,96,.08),transparent 250px),linear-gradient(180deg,#fbfffd,#f4fff8 54%,#fff)}.home-shell{width:min(calc((100% - 96px) / var(--home-scale)),1700px);margin:0 auto;padding:52px 0 36px;zoom:var(--home-scale)}.home-hero{display:grid;grid-template-columns:minmax(520px,.86fr) minmax(560px,1.14fr);align-items:center;gap:42px;min-height:540px}.home-hero-copy{position:relative;z-index:2}.solution-badge{display:inline-flex;align-items:center;gap:10px;min-height:38px;border:1px solid rgba(7,193,96,.12);border-radius:999px;background:#ffffffdb;color:#06ad58;padding:0 18px;box-shadow:0 10px 28px #14231d0f;font-size:16px;font-weight:500;letter-spacing:.5px}.solution-badge img{display:block;width:22px;height:22px;object-fit:contain}.home-hero h1{margin:28px 0 22px;color:#131922;font-size:clamp(54px,5vw,86px);font-weight:500;letter-spacing:0;line-height:1.16}.hero-title-line{display:block;min-height:1.16em;white-space:nowrap}.hero-title-highlight{color:#08ad55}.typing-cursor{display:inline-block;width:.08em;height:.9em;margin-left:.08em;background:currentColor;vertical-align:-.08em;animation:typingCursorBlink .82s steps(1,end) infinite}@keyframes typingCursorBlink{0%,46%{opacity:1}47%,to{opacity:0}}.hero-desc{max-width:680px;margin:0;color:#596579;font-size:21px;font-weight:500;line-height:1.85}.hero-tags{display:flex;flex-wrap:wrap;gap:16px;margin-top:34px}.hero-tags span{display:inline-flex;align-items:center;gap:9px;min-height:38px;border-radius:999px;background:#f6f8f7;color:#536079;padding:0 16px;font-size:17px;font-weight:500;white-space:nowrap}.hero-tags svg{color:#07b65c}.hero-actions{display:flex;flex-wrap:wrap;gap:28px;margin-top:34px}.hero-primary,.hero-secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:230px;min-height:64px;border-radius:12px;font-size:22px;font-weight:500;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.hero-primary{background:linear-gradient(135deg,#07c160,#05a854);color:#fff;box-shadow:0 20px 44px #07c16047}.hero-secondary{border:1px solid #dfe7e3;background:#ffffffeb;color:#16201c;box-shadow:0 16px 36px #14231d0f}.hero-primary:hover,.hero-secondary:hover{transform:translateY(-2px)}.format-note{display:flex;align-items:center;gap:10px;margin-top:24px;color:#7b858e;font-size:17px;font-weight:500}.format-note svg{color:#24c978}.home-hero-visual{position:relative;min-height:520px}.home-hero-visual:before{position:absolute;inset:52px 0 10px 80px;border-radius:999px;background:radial-gradient(circle,rgba(7,193,96,.16),rgba(7,193,96,.03) 66%,transparent 70%);content:"";filter:blur(2px)}.home-hero-visual img{position:relative;display:block;width:min(100%,820px);margin-left:auto;filter:drop-shadow(0 34px 60px rgba(7,98,55,.14));animation:heroFolderFloat 3.6s ease-in-out infinite;will-change:transform}@keyframes heroFolderFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}.process-flow,.feature-strip{border:1px solid rgba(223,235,228,.9);background:#ffffffe0;box-shadow:0 20px 54px #12211c14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.process-flow{--process-gap: 34px;position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--process-gap);margin-top:20px;border-radius:24px;padding:30px 40px 26px}.process-flow-item{position:relative;z-index:2;min-width:0}.process-flow-heading{display:flex;align-items:start;justify-content:center;gap:14px;min-height:74px}.process-flow-heading>div{min-width:0;text-align:left}.process-number{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#08c462,#05a653);color:#fff;font-size:20px;font-weight:500;box-shadow:0 9px 18px #07c16038}.process-flow-heading h2,.process-flow-heading p,.feature-item h2,.feature-item p{margin:0}.process-flow-heading h2{color:#101816;font-size:22px;font-weight:500;line-height:1.25}.process-flow-heading p{margin-top:8px;color:#7b8580;font-size:14px;font-weight:500}.process-flow-arrows{position:absolute;top:48px;right:40px;left:40px;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--process-gap);pointer-events:none}.process-preview{position:relative;width:var(--process-preview-width, 100%);height:var(--process-preview-height, 172px);min-height:var(--process-preview-height, 172px);justify-self:center;overflow:visible;border:0;border-radius:12px;background:#fff;box-shadow:none}.process-preview>img:first-child{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:translate(var(--process-image-x, 0),var(--process-image-y, 0)) scale(var(--process-image-scale, 1));transform-origin:center}.process-preview-1{--process-preview-width: 100%;--process-preview-height: 172px;--process-image-scale: .95;--process-image-x: 0;--process-image-y: 0}.process-preview-2,.process-preview-3{--process-preview-width: 100%;--process-preview-height: 172px;--process-image-scale: 1;--process-image-x: 0;--process-image-y: 0}.process-preview-4{--process-preview-width: 100%;--process-preview-height: 182px;--process-image-scale: 1;--process-image-x: 0;--process-image-y: 0;--process-person-width: 178px;--process-person-right: -140px;--process-person-bottom: -40px;z-index:200}.process-person{position:absolute;right:var(--process-person-right, 0);bottom:var(--process-person-bottom, 0);z-index:300;display:block;width:var(--process-person-width, 108px);height:auto;pointer-events:none}.process-arrow{position:relative;justify-self:end;display:grid;grid-template-columns:86px 22px;align-items:center;width:108px;color:#38c979;transform:translate(calc(50% + (var(--process-gap) / 2)))}.process-arrow span{height:2px;background:repeating-linear-gradient(90deg,#38c979 0 8px,transparent 8px 15px)}.process-arrow svg{width:24px;height:24px;stroke:currentColor;stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round}.feature-icon{display:grid;place-items:center;border-radius:50%;background:#e8fff3;color:#07ad58}.feature-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:30px;border-radius:22px;padding:30px 36px}.feature-item{display:grid;grid-template-columns:76px 1fr;gap:22px;align-items:center;min-width:0;border-left:1px solid #e6efea;padding:0 34px}.feature-item:first-child{border-left:0;padding-left:0}.feature-icon{width:60px;height:60px}.feature-icon img{display:block;width:36px;height:36px;object-fit:contain}.feature-item h2{color:#121b17;font-size:22px;font-weight:500}.feature-item p{margin-top:10px;color:#7b858e;font-size:15px;font-weight:500;line-height:1.65}@media(max-width:1280px){.home-shell{width:min(100% - 56px,1700px)}.home-hero{grid-template-columns:minmax(420px,.9fr) minmax(460px,1fr)}.home-hero h1{font-size:clamp(48px,5vw,70px)}.feature-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 0}.feature-item:nth-child(odd){border-left:0;padding-left:0}}@media(max-width:980px){.home-hero,.process-flow{grid-template-columns:1fr}.process-flow-arrows{display:none}.home-hero-visual{min-height:auto}.home-hero-visual img{width:min(100%,620px);margin:0 auto}}@media(max-width:640px){.home-page{min-height:auto}.home-shell{width:min(100% - 28px,1700px);padding-top:32px}.home-hero h1{font-size:40px}.hero-desc,.process-flow-heading p{font-size:16px}.hero-primary,.hero-secondary{width:100%}.process-flow,.feature-strip,.feature-item{grid-template-columns:1fr}.process-arrow{display:none}.feature-item{border-left:0;border-top:1px solid #e6efea;padding:24px 0 0}.feature-item:first-child{border-top:0;padding-top:0}}.login-page{position:relative;overflow:hidden;min-height:calc(100vh - 76px);background:radial-gradient(circle at 6% 62%,rgba(7,193,96,.14),transparent 22rem),radial-gradient(circle at 92% 64%,rgba(7,193,96,.16),transparent 25rem),linear-gradient(180deg,#fff,#f8fffb 52%,#e8fff2);padding:58px 0 36px}.login-page:before,.login-page:after{position:absolute;right:-8%;bottom:-30%;width:58%;height:52%;border-radius:50% 50% 0 0;background:linear-gradient(135deg,#07c1602e,#07c1600d);content:""}.login-page:after{right:auto;left:-18%;bottom:-26%;width:52%;height:45%}.login-content{position:relative;z-index:2;display:grid;justify-items:center;width:min(100% - 40px,820px);margin:0 auto;text-align:center}.wechat-title-icon{position:relative;display:inline-flex;align-items:center;color:#07ad58}.wechat-title-icon svg+svg{margin-left:-16px;margin-top:18px}.login-content h1{margin:18px 0 0;color:#101816;font-size:clamp(36px,4vw,52px);font-weight:500;letter-spacing:0}.login-subtitle{margin:18px 0 28px;color:#7b8580;font-size:18px;font-weight:500}.login-panel{width:min(100%,790px);overflow:hidden;border:1px solid #e2e9e5;border-radius:18px;background:#ffffffeb;box-shadow:0 24px 68px #14231d1a}.qr-card{display:grid;justify-items:center;gap:24px;padding:32px 34px 26px}.fake-login-qr{position:relative;display:grid;grid-template-columns:repeat(11,16px);gap:5px;border:2px solid #55d893;border-radius:14px;background:#fff;padding:24px;box-shadow:0 12px 34px #07c16024}.login-qrcode-image,.qr-loading{display:grid;place-items:center;width:272px;height:272px;border:2px solid #55d893;border-radius:14px;background:#fff;box-shadow:0 12px 34px #07c16024}.login-qrcode-image{padding:18px;object-fit:contain}.qr-loading{color:#667085;font-size:16px;font-weight:500}.fake-login-qr span{width:16px;height:16px;background:#eff3f1}.fake-login-qr span.filled{background:#111514}.qr-brand-mark{position:absolute;inset:50% auto auto 50%;display:grid;place-items:center;width:72px;height:72px;border:8px solid #ffffff;border-radius:18px;background:linear-gradient(135deg,#33d17d,#06a854);color:#fff;transform:translate(-50%,-50%);box-shadow:0 10px 22px #07c1603d}.qr-expire{display:inline-flex;align-items:center;gap:8px;color:#5f6b65;font-size:16px;font-weight:500}.qr-expire svg,.qr-expire strong{color:#07ad58}.login-status{min-height:24px;color:#07a956;font-size:15px;font-weight:500}.login-status.expired{color:#f04438}.refresh-login-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid #bfead2;border-radius:999px;background:#fff;color:#07ad58;padding:0 16px;font-size:14px;font-weight:500;cursor:pointer}.login-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:54px;border-top:1px solid #e7ecef;padding:24px 80px 22px}.login-step{position:relative;display:grid;justify-items:center;gap:8px}.login-step:not(:last-child):after{position:absolute;top:29px;left:calc(50% + 56px);width:84px;border-top:2px dashed #b7e9ce;content:""}.step-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#dff8e9;color:#07ad58}.login-step strong{display:inline-flex;align-items:center;gap:7px;color:#15221c;font-size:16px;font-weight:500}.login-step em{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#07ad58;color:#fff;font-size:12px;font-style:normal}.login-step small{color:#7b8580;font-size:14px;font-weight:500}.login-benefit{display:flex;align-items:center;justify-content:center;gap:10px;min-height:62px;margin:0 22px 22px;border:1px solid #d7eee2;border-radius:8px;background:linear-gradient(135deg,#f0fff7,#fff);color:#07a956;padding:0 18px;font-size:16px;font-weight:500}.back-home-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:206px;min-height:50px;margin-top:22px;border:1px solid #dce5e1;border-radius:8px;background:#ffffffeb;color:#07ad58;font-size:17px;font-weight:500;box-shadow:0 10px 24px #14231d0f}.login-decoration{position:absolute;pointer-events:none}.login-plane{left:8%;top:210px;width:92px;height:72px;clip-path:polygon(0 14%,100% 0,66% 84%,44% 55%,23% 95%);background:linear-gradient(135deg,#d6f9e6,#91e3b8);opacity:.58;transform:rotate(-9deg)}.login-plane:after{position:absolute;left:60px;top:54px;width:450px;height:130px;border-top:2px dashed rgba(7,193,96,.18);border-radius:50%;content:""}.login-bubbles{right:7%;top:220px;display:flex;gap:0;color:#07c1602e}.login-floating-card{position:absolute;z-index:1;display:grid;grid-template-columns:52px 1fr;align-items:center;gap:14px;min-width:280px;border:1px solid rgba(226,237,231,.8);border-radius:14px;background:#ffffff94;box-shadow:0 18px 46px #14231d0f;padding:16px;opacity:.75;transform:rotate(-8deg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-floating-card .floating-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#07c160;color:#fff;font-weight:500}.login-floating-card strong,.login-floating-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-floating-card strong{color:#53615a;font-size:14px;font-weight:500}.login-floating-card small{margin-top:7px;color:#8a9490;font-size:12px;font-weight:500}.floating-file-card{left:5%;top:310px}.floating-link-card{right:6%;top:300px;transform:rotate(8deg)}.floating-upload-card{left:9%;bottom:300px;min-width:245px;transform:rotate(-4deg)}.floating-manage-card{right:12%;bottom:322px;min-width:245px;transform:rotate(8deg)}@media(max-width:1180px){.login-floating-card,.login-decoration{display:none}}@media(max-width:720px){.login-page{padding-top:40px}.fake-login-qr{grid-template-columns:repeat(11,12px);gap:4px;padding:18px}.fake-login-qr span{width:12px;height:12px}.qr-brand-mark{width:58px;height:58px}.login-steps{grid-template-columns:1fr;gap:18px;padding:24px 32px}.login-step:not(:last-child):after{display:none}.login-benefit{align-items:flex-start;min-height:auto;padding:16px;text-align:left}}.tutorial-page{position:relative;overflow:hidden;min-height:calc(100vh - 76px);background:radial-gradient(circle at 0% 76%,rgba(7,193,96,.18),transparent 20rem),radial-gradient(circle at 96% 40%,rgba(7,193,96,.14),transparent 24rem),linear-gradient(180deg,#fff,#f8fffb 72%,#eafff2);padding:54px 0 30px}.tutorial-page:before{position:absolute;left:-18px;top:210px;width:120px;height:260px;border-radius:999px;background:radial-gradient(circle at 72% 26%,#08a854 0 10px,transparent 11px),radial-gradient(circle at 54% 46%,rgba(7,193,96,.36) 0 18px,transparent 19px),linear-gradient(180deg,rgba(7,193,96,.18),transparent);content:""}.tutorial-hero,.steps-panel,.tutorial-bottom-grid{position:relative;z-index:1;width:min(100% - 84px,1620px);margin:0 auto}.tutorial-hero{display:grid;grid-template-columns:minmax(0,1fr) 540px;align-items:center;min-height:250px;gap:46px}.tutorial-badge{display:inline-flex;align-items:center;gap:10px;min-height:38px;border:1px solid rgba(7,193,96,.18);border-radius:999px;background:#edfff5;color:#06a854;padding:0 18px;font-size:16px;font-weight:500}.tutorial-hero h1{max-width:980px;margin:28px 0;color:#101816;font-size:clamp(40px,4vw,58px);font-weight:500;line-height:1.14;letter-spacing:0}.tutorial-hero h1 span{color:#08a854}.benefit-row{display:flex;flex-wrap:wrap;gap:42px}.benefit-item{display:inline-flex;align-items:center;gap:12px;color:#26332d;font-size:17px;font-weight:500}.benefit-item svg{color:#08aa57}.hero-paper-preview{position:relative;min-height:230px}.paper-card{position:absolute;right:132px;bottom:0;display:grid;gap:18px;width:320px;min-height:210px;border-radius:18px;background:#fff9;box-shadow:0 24px 60px #14231d14;padding:34px;color:#07c1605c;transform:rotate(-4deg)}.paper-card span{display:block;height:12px;border-radius:999px;background:#9aaaa21f}.paper-card span:nth-child(2){width:90%}.paper-card span:nth-child(3){width:74%}.paper-card span:nth-child(4){width:84%;height:70px;border:1px solid rgba(154,170,162,.12);background:#ffffff57}.tutorial-paper-plane{position:absolute;left:120px;top:0;width:88px;height:70px;clip-path:polygon(0 14%,100% 0,66% 84%,44% 55%,23% 95%);background:linear-gradient(135deg,#d6f9e6,#91e3b8);opacity:.86;transform:rotate(-9deg)}.tutorial-paper-plane:after{position:absolute;left:-170px;top:48px;width:300px;height:86px;border-top:2px dashed rgba(7,193,96,.22);border-radius:50%;content:""}.wechat-soft{position:absolute;right:30px;top:72px;display:flex;gap:2px;color:#07c16033}.steps-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:48px;border:1px solid rgba(226,237,231,.9);border-radius:22px;background:#ffffffe6;box-shadow:0 24px 70px #0f1e181a;padding:34px 48px 24px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.tutorial-step-card{position:relative;min-width:0}.step-title-row{display:grid;grid-template-columns:36px 1fr;align-items:start;gap:14px;min-height:68px}.step-title-row>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#08c462,#05a653);color:#fff;font-size:18px;font-weight:500;box-shadow:0 9px 18px #07c16038}.step-title-row h2,.step-title-row p{margin:0}.step-title-row h2{color:#101816;font-size:20px;font-weight:500}.step-title-row p{margin-top:8px;color:#7b8580;font-size:14px;font-weight:500}.step-dash-arrow{position:absolute;right:-39px;top:37px;color:#34c776;stroke-dasharray:5 5}.step-illustration{position:relative;height:205px;margin-top:18px;border:1px solid #e2e9e5;border-radius:10px;background:#fff;box-shadow:0 12px 26px #16221d14;overflow:hidden}.mini-browser-dots{display:flex;gap:7px;padding:12px 16px}.mini-browser-dots span{width:7px;height:7px;border-radius:50%;background:#cfd8d3}.login-step{display:grid;place-items:center}.login-step .mini-browser-dots{position:absolute;left:0;top:0}.mini-qr{display:grid;grid-template-columns:repeat(7,10px);gap:3px;padding:10px;background:#fff}.mini-qr span{width:10px;height:10px;background:#eef2f0}.mini-qr span.filled{background:#111716}.wechat-badge{position:absolute;right:54px;bottom:44px;display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#10b85a;color:#fff;box-shadow:0 14px 24px #07c1603d}.upload-step{padding:0 22px 20px}.floating-files{display:flex;justify-content:center;gap:26px;margin-top:18px}.floating-files svg{padding:7px;border-radius:8px;background:#fff;filter:drop-shadow(0 8px 14px rgba(0,0,0,.1))}.doc-word{color:#2f80ed}.doc-pdf{color:#f04438}.doc-excel{color:#10a957}.doc-ppt{color:#f79009}.drop-mini-zone{display:grid;place-items:center;gap:8px;height:78px;margin-top:18px;border:1px dashed #c6ecd7;border-radius:10px;color:#08aa57;background:#fbfffd;font-size:12px;font-weight:500}.copy-step{display:grid;align-content:start;gap:10px;padding:22px}.copy-step strong{color:#101816;font-size:14px;font-weight:500}.copy-line{display:grid;grid-template-columns:1fr 48px;overflow:hidden;border:1px solid #e7ecef;border-radius:6px}.copy-line span{overflow:hidden;padding:10px;color:#394640;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.copy-line button{border:0;background:#08b65c;color:#fff;font-size:12px;font-weight:500}.copy-step p{margin:4px 0 0;color:#7b8580;font-size:12px;font-weight:500}.paste-step{padding:26px}.editor-toolbar{display:flex;gap:15px;color:#b0bab5;font-size:18px;font-weight:500}.editor-toolbar span:nth-last-child(-n+2){width:38px;height:8px;margin-top:8px;border-radius:999px;background:#d9e1dd}.paste-file-card{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:center;margin-top:34px;border:1px solid #e4ebe7;border-radius:8px;background:#fbfffd;padding:18px}.paste-file-card svg{color:#188cff}.paste-file-card strong,.paste-file-card small{display:block}.paste-file-card strong{color:#08aa57;font-size:14px}.paste-file-card small{margin-top:10px;color:#53615a;font-size:13px;font-weight:500}.paste-check{position:absolute;right:18px;bottom:18px;color:#08aa57}.tutorial-bottom-grid{display:grid;grid-template-columns:minmax(0,1fr) 480px;gap:18px;margin-top:18px}.access-ways-panel,.tutorial-cta-card{border:1px solid rgba(226,237,231,.9);border-radius:20px;background:#ffffffeb;box-shadow:0 22px 60px #0f1e1814}.access-ways-panel{padding:34px 34px 28px}.section-heading h2,.section-heading p{margin:0}.section-heading h2{color:#101816;font-size:28px;font-weight:500}.section-heading p{margin-top:12px;color:#7b8580;font-size:16px;font-weight:500}.access-way-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:26px}.access-way-card{border:1px solid #e4ebe7;border-radius:12px;background:#fff;padding:24px}.access-way-title{display:grid;grid-template-columns:54px 1fr;gap:16px}.access-way-title>span{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#e8fff3;color:#08aa57}.access-way-title h3,.access-way-title p{margin:0}.access-way-title h3{display:flex;align-items:center;gap:10px;color:#101816;font-size:18px;font-weight:500}.access-way-title h3 em{border-radius:999px;background:#7bdd9f;color:#fff;padding:2px 8px;font-size:12px;font-style:normal}.access-way-title p{margin-top:10px;color:#7b8580;font-size:13px;font-weight:500;line-height:1.55}.access-way-preview{display:flex;align-items:center;gap:10px;min-height:50px;margin-top:24px;border:1px solid #e6ece9;border-radius:8px;background:#fbfffd;padding:0 14px;color:#25302b;font-size:13px;font-weight:500}.access-way-preview svg{color:#188cff}.access-way-preview .mini-qr{grid-template-columns:repeat(5,5px);gap:2px;padding:0}.access-way-preview .mini-qr span{width:5px;height:5px}.safe-note{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:28px;color:#7b8580;font-size:15px;font-weight:500}.safe-note svg{color:#08aa57}.tutorial-cta-card{display:grid;justify-items:center;align-content:center;min-height:350px;padding:34px;text-align:center;background:radial-gradient(circle at 50% 20%,rgba(7,193,96,.16),transparent 11rem),#fffffff0}.cta-visual{position:relative;width:190px;height:120px;margin-bottom:18px}.cta-folder{position:absolute;left:34px;bottom:0;display:grid;place-items:center;width:124px;height:84px;border-radius:12px 12px 22px 22px;background:linear-gradient(135deg,#7fe0ae,#18b966);color:#fff;box-shadow:0 18px 40px #07c16038}.cta-folder:before{position:absolute;left:16px;top:-16px;width:58px;height:24px;border-radius:10px 10px 0 0;background:#4dd68c;content:""}.cta-visual>span{position:absolute;top:0;width:76px;height:88px;border-radius:8px;background:#fff;box-shadow:0 12px 28px #14231d14}.cta-visual>span:nth-child(2){left:70px;transform:rotate(8deg)}.cta-visual>span:nth-child(3){left:48px;transform:rotate(-8deg)}.tutorial-cta-card h2,.tutorial-cta-card p{margin:0}.tutorial-cta-card h2{color:#101816;font-size:28px;font-weight:500}.tutorial-cta-card p{margin-top:12px;color:#7b8580;font-size:16px;font-weight:500}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:min(100%,330px);min-height:54px;margin-top:22px;border-radius:8px;background:linear-gradient(135deg,#07c160,#05a854);color:#fff;font-size:18px;font-weight:500;box-shadow:0 16px 34px #07c1603d}.tutorial-cta-card small{display:block;margin-top:14px;color:#7b8580;font-size:14px;font-weight:500}.tutorial-cta-card small+small{margin-top:6px}@media(max-width:1280px){.tutorial-hero{grid-template-columns:1fr}.hero-paper-preview{display:none}}@media(max-width:1040px){.steps-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.step-dash-arrow{display:none}.tutorial-bottom-grid{grid-template-columns:1fr}}@media(max-width:860px){.tutorial-hero,.steps-panel,.tutorial-bottom-grid{width:min(100% - 32px,1620px)}.steps-panel,.access-way-grid{grid-template-columns:1fr}.benefit-row{gap:16px}}@media(max-width:640px){.tutorial-page{padding-top:34px}.tutorial-hero h1{font-size:38px}.steps-panel,.access-ways-panel,.tutorial-cta-card{padding:22px}}.upload-page{position:relative;overflow:hidden;min-height:calc(100vh - 76px);background:radial-gradient(circle at 0% 76%,rgba(7,193,96,.16),transparent 21rem),radial-gradient(circle at 100% 68%,rgba(7,193,96,.12),transparent 22rem),linear-gradient(180deg,#fff,#f8fffb 72%,#eafff2);padding:52px 0 62px}.upload-page:before{position:absolute;left:-28px;bottom:150px;width:110px;height:250px;border-radius:999px;background:radial-gradient(circle at 68% 22%,#0bb15a 0 8px,transparent 9px),radial-gradient(circle at 48% 40%,rgba(7,193,96,.34) 0 16px,transparent 17px),linear-gradient(180deg,rgba(7,193,96,.18),transparent);content:""}.upload-hero,.recent-upload-panel{position:relative;z-index:1;width:min(100% - 80px,1580px);margin:0 auto}.upload-title{width:min(100%,1380px);margin:0 auto}.upload-title h1{margin:0;color:#101816;font-size:clamp(36px,3.6vw,50px);font-weight:500;line-height:1.1;letter-spacing:0}.upload-title p{margin:14px 0 0;color:#69756f;font-size:18px;font-weight:500}.compact-upload-zone{display:grid;place-items:center;gap:10px;width:min(100% - 120px,1420px);min-height:282px;margin:34px auto 38px;border:2px dashed rgba(7,193,96,.78);border-radius:18px;background:#ffffffb8;color:#14201a;padding:28px 24px;text-align:center;cursor:pointer;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.compact-upload-zone:hover,.compact-upload-zone.dragging{border-color:#07c160;background:#f0fff7e6;box-shadow:0 18px 44px #07c1601a;transform:translateY(-1px)}.upload-input{display:none}.upload-plane-divider{display:block;position:absolute;top:-28px;left:50%;z-index:2;width:min(40vw,560px);height:148px;object-fit:contain;object-position:center;transform:translate(-2%);pointer-events:none;-webkit-user-select:none;user-select:none}.upload-cloud{display:grid;place-items:center;width:92px;height:68px}.upload-cloud img{display:block;width:100%;height:100%;object-fit:contain}.compact-upload-zone h2{margin:8px 0 0;color:#101816;font-size:23px;font-weight:500}.compact-upload-zone p,.compact-upload-zone span{margin:0;color:#758199;font-size:16px;font-weight:500}.upload-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:156px;min-height:50px;margin-top:8px;border:0;border-radius:8px;background:linear-gradient(135deg,#07c160,#05a854);color:#fff;font-size:17px;font-weight:500;box-shadow:0 14px 30px #07c1603d;cursor:pointer}.upload-submit:disabled{cursor:not-allowed;opacity:.72}.selected-file{min-height:24px;border-radius:999px;background:#e9fff3;color:#05964b;padding:4px 14px;font-size:14px;font-weight:500}.upload-message{width:fit-content;border-radius:999px;padding:5px 14px;font-size:14px;font-weight:500}.upload-message.success{background:#e9fff3;color:#05964b}.upload-message.error{background:#fff1f0;color:#d92d20}.recent-upload-panel{width:min(100% - 150px,1560px);border:1px solid #e7ecef;border-radius:14px;background:#fffffff0;box-shadow:0 22px 60px #14231d14;padding:26px 34px 24px}.recent-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.recent-header h2{margin:0;color:#101816;font-size:24px;font-weight:500}.recent-header a{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:#5f6971;font-size:15px;font-weight:500;cursor:pointer}.recent-table{overflow-x:auto;border:1px solid #e7ecef;border-radius:8px}.recent-row{display:grid;grid-template-columns:minmax(260px,1.2fr) 170px 170px 230px 190px 210px;align-items:center;min-width:1080px;border-top:1px solid #e7ecef;color:#607086;font-size:15px}.recent-row:first-child{border-top:0}.recent-row>span{display:flex;align-items:center;min-height:62px;padding:0 24px}.recent-head{min-height:50px;background:#f7f9fb;color:#758199;font-weight:500}.recent-head>span{min-height:50px}.recent-name{gap:12px;color:#25302b;font-weight:500}.recent-type-icon{display:grid;place-items:center;width:28px;height:32px;border-radius:4px;color:#fff;font-size:10px;font-weight:500}.recent-file-image-icon{display:block;width:32px;height:32px;flex:0 0 44px;object-fit:contain}.recent-type-icon.red{background:linear-gradient(135deg,#ff6b61,#ef302d)}.recent-type-icon.blue{background:linear-gradient(135deg,#55a9ff,#1976e6)}.recent-type-icon.green{background:linear-gradient(135deg,#31c66d,#138d49)}.recent-type-icon.orange{background:linear-gradient(135deg,#ffa941,#ff7d1f)}.recent-status{gap:8px;color:#07ad58;font-weight:500}.recent-status svg{fill:#07ad58;color:#07ad58}.recent-action{justify-content:flex-start}.recent-action a{display:inline-flex;align-items:center;justify-content:center;min-width:126px;min-height:40px;border:0;border-radius:7px;background:linear-gradient(135deg,#07c160,#05a854);color:#fff;padding:0 16px;font-size:15px;font-weight:500;cursor:pointer;box-shadow:0 10px 22px #07c16033}.recent-empty{min-width:1080px;border-top:1px solid #e7ecef;color:#7b8580;padding:22px 24px;font-size:15px;font-weight:500}@media(max-width:980px){.upload-hero,.recent-upload-panel{width:min(100% - 40px,1580px)}.compact-upload-zone{width:100%}.upload-plane-divider{display:none}}@media(max-width:640px){.upload-page{padding-top:34px}.upload-hero,.recent-upload-panel{width:min(100% - 28px,1580px)}.upload-title p,.compact-upload-zone p,.compact-upload-zone span{font-size:14px}.recent-upload-panel{padding:20px 16px}}:root{--color-primary: #07c160;--color-primary-dark: #05964b;--color-primary-soft: #e8fff3;--color-mint: #f3fff8;--color-ink: #172033;--color-muted: #667085;--color-line: #e7ecef;--color-card: #ffffff;--color-bg: #f7faf8;--color-info: #2f80ed;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--shadow-card: 0 14px 40px rgba(23, 32, 51, .08);--shadow-soft: 0 8px 24px rgba(7, 193, 96, .12);--content-width: 1180px}@font-face{font-family:MiSans;src:url(/assets/MiSans-Light-CBdeaKFj.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:MiSans;src:url(/assets/MiSans-Normal-D9pmTE1z.woff2) format("woff2");font-weight:350;font-style:normal;font-display:swap}@font-face{font-family:MiSans;src:url(/assets/MiSans-Regular-ES4DrbaF.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:MiSans;src:url(/assets/MiSans-Medium-D4wJKMAj.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}*{box-sizing:border-box}html{overflow-y:scroll;scrollbar-gutter:stable}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,rgba(7,193,96,.1),transparent 34rem),linear-gradient(180deg,#ffffff 0%,var(--color-bg) 100%);color:var(--color-ink);font-family:MiSans,PingFang SC,Microsoft YaHei,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.page{width:min(100% - 40px,var(--content-width));margin:0 auto;padding:34px 0 56px}.page-header{display:grid;gap:12px;margin-bottom:24px}.eyebrow{margin:0;color:var(--color-primary-dark);font-size:14px;font-weight:500}.page-title{margin:0;font-size:clamp(28px,4vw,44px);line-height:1.1;letter-spacing:0}.page-description{max-width:720px;margin:0;color:var(--color-muted);font-size:16px;line-height:1.75}.grid{display:grid;gap:18px}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-card);box-shadow:var(--shadow-card)}.card-body{padding:22px}.section-title{margin:0 0 14px;font-size:20px}.muted{color:var(--color-muted)}.button-row{display:flex;flex-wrap:wrap;gap:12px}.primary-button,.secondary-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:0;border-radius:999px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.primary-button{padding:0 18px;background:var(--color-primary);color:#fff;box-shadow:var(--shadow-soft)}.secondary-button{padding:0 18px;border:1px solid var(--color-line);background:#fff;color:var(--color-ink)}.icon-button{width:42px;border:1px solid var(--color-line);background:#fff}.primary-button:hover,.secondary-button:hover,.icon-button:hover{transform:translateY(-1px)}.placeholder{border:1px dashed rgba(7,193,96,.36);border-radius:var(--radius-md);background:linear-gradient(135deg,#ffffff 0%,var(--color-mint) 100%);padding:24px}@media(max-width:760px){.page{width:min(100% - 28px,var(--content-width));padding-top:24px}.grid.cols-2,.grid.cols-3{grid-template-columns:1fr}}