@import"https://fonts.googleapis.com/css2?family=Barlow:wght@500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color-scheme:light;--bg: #f3fbf5;--bg-deep: #dff2e3;--panel: rgba(255, 255, 255, .82);--panel-solid: #ffffff;--line: rgba(36, 92, 58, .1);--line-strong: rgba(36, 92, 58, .18);--text: #1e3126;--muted: #6f8373;--accent: #39a96b;--accent-soft: rgba(57, 169, 107, .12);--accent-strong: #1f7a4c;--success: #158169;--success-soft: rgba(21, 129, 105, .12);--warn: #d4932f;--warn-soft: rgba(212, 147, 47, .12);--danger: #d35252;--danger-soft: rgba(211, 82, 82, .12);--shadow: 0 24px 80px rgba(32, 56, 103, .16);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px;--font-title: "Barlow", sans-serif;--font-body: "Noto Sans SC", sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;touch-action:manipulation}body{color:var(--text);font-family:var(--font-body);background:radial-gradient(circle at top left,rgba(126,214,149,.38),transparent 30%),radial-gradient(circle at bottom right,rgba(210,242,194,.56),transparent 26%),linear-gradient(180deg,#f7fcf6,#edf8ef 48%,#eef8ee)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 88%);mask-image:radial-gradient(circle at center,black 40%,transparent 88%);opacity:.6}button,a,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.auth-shell,.app-shell,.share-shell,.console-shell{position:relative;min-height:100vh;padding:32px 18px 44px}.auth-shell,.share-shell{display:grid;place-items:center}.auth-shell__halo,.app-shell__halo,.console-shell:before,.share-shell:before{position:absolute;border-radius:999px;filter:blur(28px);pointer-events:none}.auth-shell__halo--left{width:220px;height:220px;top:10%;left:-80px;background:#6cca7c38}.auth-shell__halo--right{width:180px;height:180px;right:-52px;bottom:8%;background:#bce6924d}.app-shell__halo--top{width:260px;height:260px;top:-80px;right:-120px;background:#6fcc8a33}.app-shell__halo--bottom{width:240px;height:240px;bottom:-100px;left:-80px;background:#ceeca03d}.console-shell:before,.share-shell:before{content:"";width:320px;height:320px;top:-90px;right:-140px;background:#6cc6842e}.auth-panel,.app-phone,.share-panel,.console-panel{position:relative;z-index:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--panel);border:1px solid rgba(255,255,255,.74);box-shadow:var(--shadow)}.auth-panel{width:min(100%,440px);padding:30px 24px;border-radius:32px}.auth-panel--wide{width:min(100%,520px)}.app-phone{width:min(100%,470px);margin:0 auto;padding:22px;border-radius:34px}.share-panel{width:min(100%,560px);padding:24px;border-radius:30px}.console-panel{width:min(100%,1120px);margin:0 auto;padding:24px;border-radius:34px}.auth-panel__meta,.phone-header,.share-panel__head,.console-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.eyebrow,.section-card__eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-strong)}.eyebrow:before,.section-card__eyebrow:before{content:"";width:18px;height:1px;background:#1f7a4c6b}.hero-title,.phone-title,.console-title,.section-card__title{margin:0;font-family:var(--font-title);letter-spacing:-.04em;color:#1d3323}.hero-title{font-size:clamp(38px,7vw,52px);line-height:.98}.hero-title--compact{font-size:clamp(32px,6vw,42px)}.phone-title,.console-title{font-size:34px;line-height:1}.hero-copy,.phone-copy,.console-copy,.section-card__subtitle,.file-row p,.code-row p,.code-row__meta,.detail-label,.toast-item,.empty-card,.drop-area p,.stat-card__label,.stat-card__meta,.auth-panel span,.auth-panel p,.share-panel p{color:var(--muted)}.hero-copy,.phone-copy,.console-copy{margin:12px 0 0;line-height:1.7}.hero-copy--compact{max-width:420px}.text-link{padding:10px 14px;border-radius:999px;background:#ffffff8c;border:1px solid var(--line);color:var(--accent-strong)}.stack-form{display:grid;gap:12px;margin-top:24px}.field-label{font-size:13px;color:var(--accent-strong)}.text-input{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:#ffffffd6;color:var(--text);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.text-input:focus{border-color:#39a96b61;box-shadow:0 0 0 4px #39a96b1a}.text-input--readonly{background:#f5fbf4}.primary-button,.ghost-button,.mini-button,.tier-button{border:0;border-radius:16px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.primary-button{padding:14px 18px;color:#fff;background:linear-gradient(135deg,#46b973,#1f7a4c);box-shadow:0 16px 32px #2b804b38}.primary-button:hover,.ghost-button:hover,.mini-button:hover,.tier-button:hover{transform:translateY(-1px)}.primary-button:disabled,.ghost-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.ghost-button,.mini-button{padding:12px 14px;color:var(--accent-strong);background:#ffffffc2;border:1px solid var(--line)}.mini-button{padding:8px 12px;border-radius:999px;font-size:13px}.mini-button--danger{color:var(--danger)}.wide-button{width:100%}.hint-grid,.detail-grid,.stats-grid,.console-grid,.tier-grid,.share-box__actions,.drop-area__actions{display:grid;gap:12px}.hint-grid{margin-top:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.hint-grid article,.empty-card,.usage-box,.drop-area,.file-row,.code-row,.stat-card{border:1px solid var(--line);background:#ffffffb8}.hint-grid article,.empty-card{padding:16px;border-radius:18px}.hint-grid strong,.file-row h3,.code-row strong,.stat-card__value,.usage-box__value,.detail-grid strong{display:block;color:#203326}.section-card{margin-top:16px;padding:18px;border-radius:24px;background:var(--panel-solid);border:1px solid rgba(234,240,251,.9)}.section-card__head{display:flex;justify-content:space-between;gap:14px;margin-bottom:14px}.section-card__title{font-size:24px}.section-card__subtitle{margin:8px 0 0;line-height:1.6}.section-card__body{display:grid;gap:14px}.usage-box{padding:18px;border-radius:22px}.usage-box__value{font-family:var(--font-title);font-size:28px;letter-spacing:-.03em}.progress-rail{overflow:hidden;height:12px;margin-top:14px;border-radius:999px;background:#1f7a4c14}.progress-rail span{display:block;height:100%;border-radius:inherit;background:linear-gradient(135deg,#52c878,#9edb8d)}.progress-rail--thin{height:8px;margin-top:10px}.detail-grid--two,.share-box__actions,.drop-area__actions,.console-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-label{display:block;margin-bottom:6px;font-size:13px}.drop-area{display:grid;place-items:center;gap:10px;padding:28px 18px;border-radius:22px;text-align:center;border-style:dashed}.drop-area.is-drag{border-color:#39a96b66;background:#39a96b12}.drop-area__plus{display:grid;place-items:center;width:58px;height:58px;border-radius:20px;background:linear-gradient(135deg,#39a96b29,#aae1913d);color:var(--accent-strong);font-size:34px;font-family:var(--font-title)}.list-stack{display:grid;gap:12px}.list-stack--dense{gap:10px}.file-row,.code-row{padding:16px;border-radius:20px}.file-row__main,.file-row__foot,.code-row__head,.code-row__actions,.code-row__meta,.console-header__actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.file-row__foot,.code-row__meta{margin-top:12px;font-size:13px;flex-wrap:wrap}.file-row h3,.code-row strong{margin:0;font-size:16px}.file-row p,.code-row p{margin:6px 0 0;font-size:13px}.file-row__actions,.code-row__actions{flex-wrap:wrap}.share-box{display:grid;gap:12px}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:74px;padding:7px 12px;border-radius:999px;font-size:12px;letter-spacing:.04em}.status-pill[data-tone=blue]{color:var(--accent-strong);background:var(--accent-soft)}.status-pill[data-tone=green]{color:var(--success);background:var(--success-soft)}.status-pill[data-tone=amber]{color:#9e6c16;background:var(--warn-soft)}.status-pill[data-tone=rose]{color:var(--danger);background:var(--danger-soft)}.status-pill[data-tone=slate]{color:#50607b;background:#50607b1f}.toast-stack{position:fixed;top:max(16px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:60;display:grid;gap:10px;width:min(calc(100vw - 24px),408px);pointer-events:none}.toast-item{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:56px;padding:12px 14px 14px;border-radius:18px;border:1px solid rgba(63,105,75,.12);background:linear-gradient(180deg,#fffffff5,#f8fcf8f0);color:#203326;box-shadow:0 18px 36px #18311f1f,0 6px 14px #18311f0d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden;isolation:isolate;pointer-events:auto}.toast-item:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--toast-accent, #5d8370)}.toast-item:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--toast-accent, #5d8370),rgba(93,131,112,.16));transform-origin:left center;animation:toast-progress 2.6s linear forwards}.toast-item[data-tone=success]{--toast-accent: #1f9d67;background:linear-gradient(180deg,#fffffff7,#f1fbf5f7);border-color:#1f9d6729}.toast-item[data-tone=error]{--toast-accent: #d85d5d;background:linear-gradient(180deg,#fffffff7,#fff4f4f7);border-color:#d85d5d2e}.toast-item[data-tone=warn]{--toast-accent: #c58a2e;background:linear-gradient(180deg,#fffffff7,#fff9f0f7);border-color:#c58a2e2e}.toast-mark{width:28px;height:28px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;background:#39a96b1f;border:1px solid rgba(57,169,107,.18);color:var(--toast-accent, #5d8370);box-shadow:inset 0 1px #ffffffbf}.toast-item[data-tone=error] .toast-mark{background:#d85d5d1f;border-color:#d85d5d2e}.toast-item[data-tone=warn] .toast-mark{background:#c58a2e1f;border-color:#c58a2e2e}.toast-mark-core{font-size:15px;line-height:1;font-weight:700}.toast-text{flex:1;min-width:0;font-size:13px;line-height:1.5;color:#203326;font-weight:500;word-break:break-word}.toast-close{margin-left:auto;border:1px solid rgba(63,105,75,.08);background:#ffffffc7;color:#2033268f;width:28px;height:28px;padding:0;border-radius:10px;font-size:16px;line-height:1;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.toast-close:hover{background:#fff;color:#203326;border-color:#3f694b24;transform:translateY(-1px)}.toast-enter-active,.toast-leave-active,.toast-move{transition:transform .24s ease,opacity .24s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(-10px) scale(.96)}@keyframes toast-progress{to{transform:scaleX(0);opacity:.36}}.stat-card{padding:18px;border-radius:22px}.stat-card__label{margin:0;font-size:13px}.stat-card__value{margin-top:8px;font-family:var(--font-title);font-size:32px;letter-spacing:-.04em}.stat-card__meta{margin:10px 0 0;font-size:13px}.console-grid{margin-top:16px;grid-template-columns:320px minmax(0,1fr);align-items:start}.stats-grid{margin-top:18px;grid-template-columns:repeat(4,minmax(0,1fr))}.tier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tier-button{padding:16px;text-align:left;background:#f8fbffeb;border:1px solid var(--line)}.tier-button.is-active{border-color:#2563ff5c;background:#2563ff14}.tier-button strong{display:block;font-family:var(--font-title);font-size:26px}.tier-button span{display:block;margin-top:6px;color:var(--muted)}.console-form-row{display:grid;gap:8px}.console-user{padding:10px 14px;border-radius:999px;background:#ffffffa3;border:1px solid var(--line);color:var(--accent-strong)}.empty-card--danger{color:var(--danger)}@media (max-width: 920px){.console-panel{padding:20px}.stats-grid,.console-grid{grid-template-columns:1fr 1fr}.console-grid{grid-template-columns:1fr}}@media (max-width: 680px){.auth-panel,.app-phone,.share-panel,.console-panel{padding:18px;border-radius:24px}.hint-grid,.detail-grid--two,.share-box__actions,.drop-area__actions,.stats-grid,.tier-grid{grid-template-columns:1fr}.phone-header,.share-panel__head,.console-header,.auth-panel__meta,.file-row__main,.file-row__foot,.code-row__head,.console-header__actions{flex-direction:column;align-items:flex-start}.toast-stack{top:14px;width:calc(100vw - 24px)}}.auth-panel--compact{width:min(100%,420px);padding:28px 24px}.hero-title--center{text-align:center}.login-title{margin:2px 0 18px;text-align:center;font-family:var(--font-title);font-size:28px;line-height:1.1;letter-spacing:-.03em;color:#1d3323}.auth-form--tight{margin-top:0}.app-phone--transfer{padding:18px}.transfer-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.transfer-header--share{margin-bottom:12px}.ghost-button--small{padding:10px 12px;font-size:13px}.transfer-panel,.transfer-footer{border:1px solid var(--line);background:#ffffffbd;border-radius:22px}.transfer-panel{position:relative;min-height:260px;padding:18px}.transfer-panel--share{min-height:0}.fab-button{position:absolute;top:16px;right:16px;width:46px;height:46px;border:0;border-radius:50%;background:linear-gradient(135deg,#46b973,#1f7a4c);color:#fff;font-size:28px;line-height:1;box-shadow:0 16px 30px #2152c03d}.transfer-panel.is-drag{border-color:#39a96b66;background:#2563ff0f}.transfer-empty{min-height:224px;display:grid;place-items:center;color:var(--muted);border:1px dashed rgba(33,61,120,.16);border-radius:18px;background:#f8fbffd1}.transfer-empty--danger{color:var(--danger)}.transfer-list{display:grid;gap:10px}.transfer-item{border-radius:18px;border:1px solid var(--line);background:#ffffffdb}.transfer-item__body{padding:14px}.transfer-item__main,.transfer-item__meta,.transfer-actions,.share-inline,.info-line{display:flex;align-items:center;justify-content:space-between;gap:12px}.transfer-item__main h3{margin:0;font-size:16px;color:#203326}.transfer-item__main p,.transfer-item__meta{margin:6px 0 0;color:var(--muted);font-size:13px}.transfer-item__meta{margin-top:12px;flex-wrap:wrap}.transfer-item__actions,.transfer-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.transfer-footer{margin-top:14px;padding:16px}.transfer-footer--share{margin-top:12px}.info-line{color:var(--muted);font-size:13px}.info-line+.info-line,.progress-rail--tight,.transfer-actions{margin-top:12px}.info-line--stack{display:grid;align-items:start}.share-inline{width:100%}.share-inline .text-input{flex:1}@media (max-width: 680px){.transfer-header,.transfer-item__main,.transfer-item__meta,.transfer-actions,.share-inline,.info-line{flex-direction:column;align-items:flex-start}.fab-button{top:14px;right:14px}}body{display:flex;width:100%;height:100%;background:#f7f7f7;overscroll-behavior-y:contain;overflow:hidden;font-family:HarmonyOS_Regular,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}body:before{display:none}#app{width:100%;height:100%}.login-page,.upload-page-container,.share-page{display:flex;width:100%;height:100svh;min-height:100svh;min-width:0;max-width:100%;padding:0 10px;box-sizing:border-box;align-items:stretch}.login-page{flex-direction:column;justify-content:center;align-items:center}.upload-page-container,.share-page,.upload-panel-warp,.share-panel-container{justify-content:center;align-items:center}.upload-panel-warp,.share-panel-container{display:flex;min-width:0;max-width:100%;max-height:100svh;height:100svh;margin:0;width:380px}.tp-panel-container{position:relative;background-color:#f7f7f7;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;min-height:0;box-shadow:none}.panel-header{margin-top:12px;height:40px;display:flex;min-width:0;align-items:center;justify-content:space-between;position:relative}.panel-header--upload{height:auto;min-height:64px;padding:2px 16px 12px 0;align-items:stretch;flex-direction:column;gap:10px}.panel-header--share{padding-bottom:8px}.panel-header-top{width:100%;display:flex;min-width:0;align-items:flex-start;justify-content:space-between}.panel-title-block{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;margin-left:20px}.panel-subtle{display:flex;align-items:center;flex-wrap:wrap;gap:4px;max-width:100%;min-height:18px;line-height:18px;font-size:12px;color:#7a8c7e;font-variant-numeric:tabular-nums}.panel-subtle--skeleton{width:126px;height:12px;margin-top:3px;border-radius:999px}.panel-subtle--detail{line-height:1.5}.panel-subtle-content{display:flex;align-items:center;flex-wrap:wrap;gap:4px;min-width:0}.panel-subtle-divider{color:#7a8c7e85}.panel-subtle-icon-button{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:8px;background:#d652521a;color:#b14949;cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease}.panel-subtle-icon-button svg{width:14px;height:14px;display:block}.action-container--upload-task{display:flex;align-items:center;justify-content:flex-end;margin-top:0}.upload-task-button{min-width:116px;height:34px;padding:0 14px;border-radius:10px;font-size:13px;font-weight:700;letter-spacing:.02em;white-space:nowrap}.panel-search-row{width:100%;display:flex;align-items:center;gap:8px;padding-left:20px}.panel-search-input{flex:1;min-width:0;height:34px}.panel-search-button{min-width:64px;height:34px;padding:4px 15px}.panel-search-button--icon{width:34px;min-width:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-style:solid;border-color:#39a96b29;background:#fffffff5;color:#284638;line-height:0;font-size:0}.panel-search-button--icon:hover:not(:disabled){border-color:#39a96b47;background:#f3fbf6fa}.panel-search-icon{width:18px;height:18px;min-width:18px;min-height:18px;display:block;flex:0 0 auto;color:inherit;fill:currentColor!important;stroke:none!important;overflow:visible}.panel-clear-icon{width:16px;height:16px;min-width:16px;min-height:16px;display:block;flex:0 0 auto;color:inherit;fill:currentColor!important;stroke:none!important;overflow:visible}.panel-search-row--share{padding-right:0}.panel-search-tools{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.panel-subtle-icon-button:hover:not(:disabled){background:#d6525229;color:#933f3f;transform:translateY(-1px)}.panel-subtle-icon-button:disabled{opacity:.4;cursor:not-allowed}.panel-clear-popover{position:absolute;top:calc(100% + 10px);right:0;z-index:6;width:220px;display:grid;gap:8px;padding:12px;border-radius:14px;background:linear-gradient(180deg,#fffffffa,#fff7f7fa);border:1px solid rgba(211,82,82,.14);box-shadow:0 18px 32px #231a1a1f,0 6px 16px #231a1a14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panel-clear-popover:after{content:"";position:absolute;top:-6px;right:8px;width:10px;height:10px;background:#fff9f9fa;border-top:1px solid rgba(211,82,82,.14);border-right:1px solid rgba(211,82,82,.14);transform:rotate(-45deg)}.panel-clear-popover__text,.panel-clear-popover__hint{margin:0;font-size:12px;line-height:1.45}.panel-clear-popover__text{color:#7d4a4a;font-weight:700}.panel-clear-popover__hint{color:#8f5c5c}.panel-clear-popover__actions{display:flex;justify-content:flex-end;gap:6px}.panel-clear-popover__button{height:24px;padding:0 9px;border-radius:999px;border:1px solid rgba(80,98,86,.12);background:#ffffffeb;color:#526256;font-size:12px;line-height:1;cursor:pointer}.panel-clear-popover__button:hover:not(:disabled){background:#fff;color:#304636}.panel-clear-popover__button:disabled{opacity:.62;cursor:not-allowed}.panel-clear-popover__button--danger{border-color:#d3525229;background:#fff3f3f5;color:#b14949}.panel-clear-popover__button--danger:hover:not(:disabled){background:#ffececfa;color:#973838}.panel-header .name{position:relative;display:flex;min-width:0;align-items:center;margin-left:20px;font-size:18px;font-weight:600;color:#000000e0;flex:1}.panel-header--upload .name{margin-left:0;width:auto;flex:initial;color:#203326}.panel-content{width:100%;flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.panel-content::-webkit-scrollbar,.upload-item-list-area::-webkit-scrollbar,.file-list::-webkit-scrollbar{width:4px;height:0}.panel-content::-webkit-scrollbar-thumb,.upload-item-list-area::-webkit-scrollbar-thumb,.file-list::-webkit-scrollbar-thumb{background:#e6e6e6;border-radius:20px}.panel-content::-webkit-scrollbar-track,.upload-item-list-area::-webkit-scrollbar-track,.file-list::-webkit-scrollbar-track{background:none}.login-panel{width:380px;max-width:100%;height:100svh;max-height:100svh}.login-panel--refined{background:radial-gradient(circle at top right,#c5e7cc94,#f7f7f700 34%),linear-gradient(180deg,#f7f7f7fa,#f3faf4fa)}.login-content{display:flex;flex:1;flex-direction:column;justify-content:center;padding:12px 16px 16px;box-sizing:border-box}.login-content--refined{gap:22px;padding:28px 18px 18px}.login-head{display:flex;justify-content:center}.login-kicker{display:inline-flex;align-items:center;justify-content:center;width:100%;height:30px;padding:0 12px;border-radius:999px;background:#39a96b1a;color:#2c8457;font-family:var(--font-title);font-size:12px;font-weight:700;letter-spacing:.08em}.ref-form{display:grid;gap:10px}.ref-form--login{gap:12px;padding:14px;border-radius:16px;background:#ffffffc2;border:1px solid rgba(57,169,107,.12);box-shadow:0 12px 26px #22492c0d}.ref-label{font-size:14px;color:#000000e0}.ref-label--login{color:#4d6555;font-weight:600}.ref-input{width:100%;height:32px;padding:4px 11px;font-size:14px;color:#000000e0;border:1px solid #d9d9d9;border-radius:6px;background:#fff;outline:none;box-sizing:border-box}.ref-input--login{height:40px;padding:6px 12px;border-radius:10px;border-color:#39a96b29;background:#fffffff5}.ref-input:focus{border-color:#39a96b;box-shadow:0 0 0 2px #39a96b1f}.ref-button{height:32px;padding:4px 15px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.ref-button:disabled{cursor:not-allowed;opacity:.6}.ref-button--block{width:100%}.ref-button--primary{border:1px solid transparent;color:#fff;background:#39a96b;box-shadow:0 2px #39a96b1f}.ref-button--primary:hover:not(:disabled){background:#46b973}.login-submit-button{height:40px;border-radius:10px;font-weight:700;letter-spacing:.08em}.ref-button--dashed{border:1px dashed #d9d9d9;color:#000000e0;background:#fff;box-shadow:0 2px #00000005}.ref-button--dashed.panel-search-button--icon{border-style:solid;border-color:#39a96b29;background:#fffffff5;color:#284638}.ref-button--dashed.panel-search-button--icon:hover:not(:disabled){border-color:#39a96b47;background:#f3fbf6fa}.ref-button--text{border:0;background:transparent;color:#2c9b61;padding:0 8px;height:auto;box-shadow:none}.upload-panel-container{max-width:100%;width:380px;height:100%;max-height:100svh;box-sizing:border-box}.upload-panel-container .action-container{margin-right:20px}.action-container--upload{margin-top:2px}.add-file-button{width:40px;height:40px;border:0;border-radius:50%;background:linear-gradient(135deg,#4fbe78,#228952);color:#fff;font-size:24px;line-height:1;box-shadow:0 10px 22px #39a96b3d;display:inline-flex;align-items:center;justify-content:center}.add-file-button span{transform:translateY(-1px)}.upload-container{display:flex;flex-direction:column;flex:1;height:100%;min-height:0;max-height:none}.empty-container{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:16px;color:#999;-webkit-user-select:none;user-select:none;padding:50px 0;min-height:0}.empty-container--danger{color:#ff4d4f}.empty-container--search{padding-top:36px;padding-bottom:36px;font-size:14px}.empty-bg{width:100px;height:100px;background-image:url(https://res.wx.qq.com/t/webmail/webmail/res/static/images/base/style/emptyView/ftn.1155cfe.png);background-position:200px 100px}.upload-item-list-area,.file-list{width:100%;min-height:0;padding:12px 10px 10px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-gutter:stable;background:linear-gradient(180deg,#f3fbf5bf,#ffffffeb)}.upload-item,.share-item{display:flex;flex-flow:row;align-items:center;margin:0;padding:12px 12px 12px 14px;min-height:58px;position:relative;border-radius:14px;background:#ffffffeb;border:1px solid rgba(57,169,107,.08);box-shadow:0 10px 22px #214f310d}.upload-item{padding-bottom:18px}.upload-item:last-child,.share-item:last-child{margin-bottom:0}.upload-item[data-status=uploading]{border-color:#39a96b3d;box-shadow:0 12px 26px #39a96b1a}.upload-item[data-status=done]{background:linear-gradient(180deg,#fffffffa,#f6fcf7fa)}.share-item[data-status=share]{background:linear-gradient(180deg,#fffffffa,#f7fcf6fa)}.upload-item--skeleton{pointer-events:none}.skeleton-block{position:relative;overflow:hidden;color:transparent!important;background:#c2d6c680!important;border-color:transparent!important}.skeleton-block:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.58) 50%,transparent 100%);animation:skeleton-shimmer 1.4s infinite}.skeleton-icon{border-radius:10px}.skeleton-line{border-radius:999px}.skeleton-line--title{width:150px;height:14px}.skeleton-line--meta{width:72px;height:10px;margin-top:8px}.skeleton-chip{width:64px;min-width:64px;height:28px}.skeleton-action{width:52px;min-width:52px;height:28px}.upload-item-list-area--skeleton,.file-list--skeleton{overflow:hidden}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.item-icon{display:flex;flex-flow:row;align-items:center;justify-content:center;margin-right:12px;font-size:24px}.content-type-icon-com{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#39a96b29,#bae4a261);border-radius:10px;color:#457659;font-size:14px;font-weight:600}.item-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:1;overflow:hidden;font-size:14px;text-overflow:ellipsis;padding-right:10px;min-height:0}.item-name{max-width:100%;font-weight:700;color:#203326;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-type,.item-status{font-size:12px;color:#7b8c7f}.item-status{margin-right:10px}.item-status--chip{display:inline-flex;align-items:center;justify-content:center;min-width:68px;padding:6px 10px;border-radius:999px;background:#39a96b1f;color:#247b4c;font-weight:700}.item-status--done{gap:5px;background:linear-gradient(180deg,#1ca86224,#1ca86214);color:#1d8d58;border:1px solid rgba(28,168,98,.14)}.item-status-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:#1ca86224;flex:0 0 auto}.item-status-icon svg{width:10px;height:10px;display:block}.item-progress-rail{position:absolute;left:14px;right:14px;bottom:8px;height:4px;overflow:hidden;border-radius:999px;background:#39a96b1a}.item-progress-rail span{display:block;height:100%;min-width:0;border-radius:inherit;background:linear-gradient(90deg,#39a96b,#8fd46f);transition:width .24s ease}.item-progress-rail[data-state=paused] span{opacity:.75}.item-progress-rail[data-state=failed]{background:#d352521f}.item-progress-rail[data-state=failed] span{background:linear-gradient(90deg,#d35f5f,#ebb1b1)}.item-progress-rail--done{background:#39a96b1f}.item-action-container{display:flex;align-items:center;gap:6px;flex-shrink:0;position:relative}.item-action-button,.item-action-link{border:0;background:transparent;color:#6d7b72;font-size:12px;padding:0;cursor:pointer}.item-action-button:hover,.item-action-link:hover{color:#294438}.item-action-button--chip{display:inline-flex;align-items:center;justify-content:center;min-width:50px;height:28px;padding:0 10px;border-radius:999px;background:#f1f7f3f5;border:1px solid rgba(57,169,107,.12);color:#4d6455;text-decoration:none}.item-action-button--icon{width:30px;min-width:30px;padding:0;border-radius:10px}.item-action-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px}.item-action-icon svg{width:14px;height:14px;display:block}.item-action-trash-icon{width:14px;height:14px;display:block;color:inherit;fill:currentColor!important;stroke:none!important;overflow:visible}.item-action-solid-icon{width:14px;height:14px;display:block;color:inherit;fill:currentColor!important}.item-action-button--chip:hover,.item-action-link.item-action-button--chip:hover{background:#e8f4ecfa}.item-action-button--danger{color:#b35a5a;border-color:#d3525224}.item-action-button--upload{color:#228453;border-color:#22845324;background:linear-gradient(180deg,#f3fbf6fa,#e8f6edfa)}.item-action-button--upload:hover:not(:disabled){color:#196b43;background:linear-gradient(180deg,#edf9f1fa,#dff2e6fa)}.item-action-button--pause{color:#9c6a1f;border-color:#d4932f29;background:linear-gradient(180deg,#fff9eefa,#fff3dcfa)}.item-action-button--pause:hover:not(:disabled){color:#855414;background:linear-gradient(180deg,#fff5e3fa,#ffeccafa)}.item-delete-trigger.is-active{background:#fff1f1fa;border-color:#d3525233;color:#9f4343}.item-action-button:disabled,.item-action-link:disabled{opacity:.42;cursor:not-allowed;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.item-delete-popover{position:fixed;z-index:80;display:grid;gap:8px;width:192px;max-width:calc(100vw - 24px);padding:10px;border-radius:14px;background:linear-gradient(180deg,#fffffffa,#fff8f8fa);border:1px solid rgba(211,82,82,.14);box-shadow:0 18px 32px #231a1a1f,0 6px 16px #231a1a14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.item-delete-popover:after{content:"";position:absolute;top:auto;bottom:-6px;right:14px;width:10px;height:10px;background:#fff9f9fa;border-right:1px solid rgba(211,82,82,.14);border-bottom:1px solid rgba(211,82,82,.14);transform:rotate(-45deg);z-index:-1}.item-delete-popover__text{margin:0;font-size:12px;font-weight:700;line-height:1.2;color:#7d4a4a}.item-delete-popover__copy{display:grid;gap:4px}.item-delete-popover__hint,.item-delete-popover__question{margin:0;font-size:12px;line-height:1.45}.item-delete-popover__hint{color:#8f5c5c}.item-delete-popover__question{color:#6d4747;font-weight:700}.item-delete-popover__actions{display:flex;justify-content:flex-end;gap:6px}.item-delete-popover__button{height:24px;padding:0 9px;border-radius:999px;border:1px solid rgba(80,98,86,.12);background:#ffffffeb;color:#526256;font-size:12px;line-height:1;cursor:pointer}.item-delete-popover__button:hover:not(:disabled){background:#fff;color:#304636}.item-delete-popover__button:disabled{opacity:.62;cursor:not-allowed}.item-delete-popover__button--danger{border-color:#d3525229;background:#fff3f3f5;color:#b14949}.item-delete-popover__button--danger:hover:not(:disabled){background:#ffececfa;color:#973838}.bottom-container{background-color:#fff;padding:4px 16px 10px;margin-top:auto;flex-shrink:0}.upload-bottom-container{display:grid;gap:10px;padding-top:10px;border-top:1px solid rgba(57,169,107,.08);background:linear-gradient(180deg,#fffffffa,#f7fcf6fa)}.total-size{text-align:right;color:#000;font-size:13px;line-height:13px;padding:0 6px}.tip-line{display:flex;flex-direction:row;min-width:0;justify-content:space-between;align-items:center;min-height:30px;padding:0 6px 8px}.tip-line .label{font-size:14px;color:#000;font-weight:900;flex:0;white-space:nowrap}.tip-line .value{display:flex;min-width:0;justify-content:flex-end;flex:1;padding-left:30px;align-items:center;text-align:right;color:#666;font-size:13px}.ant-switch{position:relative;display:inline-flex;align-items:center;min-width:28px;height:16px;line-height:16px;border-radius:100px;background:#00000040;vertical-align:middle;transition:all .2s}.ant-switch-small{min-width:28px;height:16px}.ant-switch-checked{background:#39a96b}.ant-switch-disabled{cursor:not-allowed;opacity:.65}.ant-switch-handle{position:absolute;top:2px;inset-inline-start:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:all .2s ease-in-out}.ant-switch-checked .ant-switch-handle{inset-inline-start:calc(100% - 14px)}.ant-switch-inner,.ant-switch-inner-checked,.ant-switch-inner-unchecked{display:block;width:100%;height:100%}.share-value{gap:8px}.upload-usage-card{padding:10px 12px;border-radius:12px;background:linear-gradient(135deg,#39a96b1f,#cbebbb57);border:1px solid rgba(57,169,107,.14)}.upload-usage-head,.upload-share-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.upload-share-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.upload-usage-label,.upload-share-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#6f8373}.upload-usage-percent{font-size:12px;color:#1f7a4c;font-weight:700}.upload-usage-percent--skeleton{width:38px;height:12px;border-radius:999px}.upload-usage-main{display:flex;align-items:baseline;gap:5px;margin-top:6px}.upload-usage-current{font-family:var(--font-title);font-size:24px;line-height:1;letter-spacing:-.04em;color:#1d3323}.upload-usage-current--skeleton{width:92px;height:28px;border-radius:10px}.upload-usage-total{font-size:13px;color:#6f8373}.upload-usage-total--skeleton{width:74px;height:14px;border-radius:999px}.upload-usage-rail{overflow:hidden;height:6px;margin-top:10px;border-radius:999px;background:#1f7a4c1a}.upload-usage-rail span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#39a96b,#8bce78)}.upload-meta-list{display:grid;gap:0}.tip-line--refined{min-height:31px;padding-top:1px;padding-bottom:4px}.upload-bottom-container .tip-line--refined .label{color:#56715d;font-weight:600}.upload-bottom-container .tip-line--refined .value{color:#1f3126;font-weight:600}.tip-line-value-skeleton{display:inline-flex;width:132px;height:14px;border-radius:999px}.upload-share-block{display:grid;gap:7px;padding:9px 11px 10px;border-radius:12px;background:#ffffffd1;border:1px solid rgba(57,169,107,.1)}.share-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-url--block{font-size:13px;color:#45604b}.share-button{min-width:56px;padding:4px 15px;flex-shrink:0}.share-button--mail{min-width:120px}.upload-panel-container .upload-bottom-container{position:relative;padding-bottom:calc(82px + env(safe-area-inset-bottom))}.upload-fab-dock{position:absolute;left:50%;bottom:calc(8px + env(safe-area-inset-bottom));width:272px;height:78px;transform:translate(-50%);pointer-events:none}.upload-fab-dock__rail{position:absolute;left:50%;bottom:0;width:272px;height:44px;transform:translate(-50%);border-radius:999px;background:linear-gradient(180deg,#fffffff5,#eff8f1fa);border:1px solid rgba(57,169,107,.12);box-shadow:0 14px 28px #2557341f,0 4px 10px #2557340f,inset 0 1px #ffffffeb}.upload-fab-dock__rail:before{content:"";position:absolute;left:50%;top:-14px;width:150px;height:40px;transform:translate(-50%);border-radius:0 0 30px 30px;background:radial-gradient(circle at center top,#84dc9842,#84dc9800 72%)}.upload-fab-dock__rail:after{content:"";position:absolute;left:50%;top:-2px;width:82px;height:10px;transform:translate(-50%);border-radius:999px;background:#ffffffb8;filter:blur(1px)}.upload-fab-dock__button{position:absolute;left:35%;top:16px;width:52px;height:52px;transform:translate(-50%);border:3px solid rgba(246,251,247,.98);border-radius:50%;background:linear-gradient(180deg,#7add98,#4abb72);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 5px #68d7830f,0 12px 18px #2d8f551f,inset 0 1px #ffffff5c;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;pointer-events:auto}.upload-fab-dock__button:hover{transform:translate(-50%) translateY(-2px);box-shadow:0 0 0 6px #68d78314,0 14px 20px #2d8f5524,inset 0 1px #ffffff5c}.upload-fab-dock__button--cloud{left:65%;right:auto;top:16px;width:52px;height:52px;transform:translate(-50%);border:3px solid rgba(246,251,247,.98);border-radius:50%;background:linear-gradient(180deg,#7add98,#4abb72);color:#fff;box-shadow:0 0 0 5px #68d7830d,0 12px 18px #2d8f551a,inset 0 1px #ffffff5c}.upload-fab-dock__button--cloud:hover{transform:translate(-50%) translateY(-2px);box-shadow:0 0 0 6px #68d78312,0 14px 20px #2d8f551f,inset 0 1px #ffffff5c}.upload-fab-dock__icon{width:18px;height:18px;display:block;color:currentColor;fill:currentColor}.upload-fab-dock__icon--cloud{width:18px;height:18px}.share-page{height:100svh}.share-panel{width:380px;height:100%;max-width:100%;max-height:100svh;padding:0;border-radius:10px}.share-content{display:flex;flex-direction:column;flex:1;min-height:0;height:100%}.share-panel .bottom-container .total-size{color:gray}.share-panel .file-list{flex:1;min-height:0;padding-top:10px;padding-bottom:10px}.share-panel .bottom-container{margin-top:auto}.share-bottom-container .upload-meta-list{gap:4px}.share-bottom-container{position:static;padding-bottom:10px}.share-usage-card .upload-usage-main{margin-top:6px}.share-download-button{display:inline-flex;align-items:center;justify-content:center;width:30px;min-width:30px;height:30px;padding:0;text-decoration:none;color:#2a6e46;border-color:#39a96b2e;background:linear-gradient(180deg,#f6fcf7fa,#ecf7effa)}.share-bottom-container{border-top:1px solid rgba(57,169,107,.08);background:linear-gradient(180deg,#fffffffa,#f7fcf6fa)}.ghost-button,.primary-button,.auth-panel,.app-phone,.share-panel,.console-panel,.hero-title,.hero-copy,.phone-copy{box-shadow:none}@media (max-width: 500px){.login-page,.upload-page-container,.share-page{min-height:100svh;padding:0}.upload-panel-warp,.share-panel-container,.login-panel{width:100%!important;height:100svh!important;max-height:none!important}.upload-panel-warp,.share-panel-container{max-width:100%!important;height:100svh!important}.login-panel,.upload-panel-container,.share-panel{width:100%!important;height:100svh!important;max-height:none!important;border-radius:0!important}.tp-panel-container{border-radius:0!important}.panel-header{margin-top:max(12px,env(safe-area-inset-top))}.bottom-container{padding-bottom:max(12px,env(safe-area-inset-bottom))}.upload-item-list-area,.file-list{padding-top:6px;padding-bottom:6px}.share-page,.share-panel-container,.share-panel,.share-content{height:100svh!important;min-height:0}.ref-input,.panel-search-input{font-size:16px}}