:root{--blue-50:#eff4ff;--blue-100:#dce7ff;--blue-500:#3b6ff5;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-link:#2563eb;--ink-900:#0b1220;--ink-800:#111827;--ink-700:#1f2937;--ink-600:#374151;--ink-500:#6b7280;--ink-400:#9ca3af;--ink-300:#c7cdd6;--white:#fff;--canvas:#fff;--panel:#f8f9fb;--panel-2:#f9fafb;--hover:#f5f7fa;--line:#e5e7eb;--line-2:#eef0f3;--line-3:#f1f3f5;--green-600:#16a34a;--green-700:#15803d;--green-tint:#e7f6ec;--green-dot:#22c55e;--amber-700:#b45309;--amber-tint:#fef3c7;--orange-700:#c2410c;--orange-tint:#ffedd5;--red-600:#dc2626;--red-500:#ef4444;--purple-600:#7c3aed;--violet-tint:#f3e8ff;--ft-pdf:#e5484d;--ft-word:#2b579a;--ft-excel:#217346;--ft-ppt:#c43e1c;--ft-video:#7c3aed;--ft-img:#0ea5e9;--r-xs:6px;--r-sm:8px;--r-md:10px;--r-lg:12px;--r-xl:14px;--r-2xl:16px;--r-pill:999px;--sh-card:0 1px 2px rgba(16,24,40,.04),0 1px 3px rgba(16,24,40,.06);--sh-pop:0 8px 24px rgba(16,24,40,.1),0 2px 6px rgba(16,24,40,.06);--sh-btn:0 1px 2px rgba(37,99,235,.2);--sidebar-w:248px;--topbar-h:64px;--rail-w:340px;--content-max:1200px;--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-script:"Segoe Script","Bradley Hand","Snell Roundhand",cursive}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font);color:var(--ink-800);background:var(--canvas);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--blue-link)}a,a:hover{text-decoration:none}a:hover{opacity:.9}img{max-width:100%;display:block}h1,h2,h3,h4,h5{margin:0;font-weight:700;color:var(--ink-800);letter-spacing:-.01em}button{font-family:inherit;cursor:pointer}::selection{background:var(--blue-100)}svg{display:block}img,svg{-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.app{display:flex;min-height:100vh;background:var(--canvas)}.sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);border-right:1px solid var(--line);padding:18px 16px;display:flex;flex-direction:column;gap:6px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:6px 6px 14px}.brand .mark{width:30px;height:30px}.brand .word{font-size:21px;font-weight:800;color:var(--ink-900);letter-spacing:-.02em}.btn-upload{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 14px;margin:2px 0 10px;background:var(--blue-600);color:#fff;border:none;border-radius:var(--r-md);font-weight:600;font-size:14px;box-shadow:var(--sh-btn)}.btn-upload:hover{background:var(--blue-700)}.nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:var(--r-md);color:var(--ink-700);position:relative}.nav-item:hover{background:var(--hover)}.nav-item .ico{width:20px;height:20px;color:var(--ink-500);flex:0 0 20px}.nav-item .lbl{font-size:14px;font-weight:500;line-height:1.15}.nav-item .sub{display:block;font-size:11.5px;color:var(--ink-400);font-weight:400}.nav-item.two-line{align-items:flex-start}.nav-item.active{background:var(--blue-50)}.nav-item.active .ico,.nav-item.active .lbl{color:var(--blue-600)}.nav-item.active .lbl{font-weight:600}.badge-new{font-size:9.5px;font-weight:700;letter-spacing:.04em;color:#fff;background:var(--blue-600);padding:2px 6px;border-radius:var(--r-pill);margin-left:6px;text-transform:uppercase}.nav-sep{height:1px;background:var(--line-2);margin:8px 6px}.side-card{border:1px solid var(--line);border-radius:var(--r-lg);padding:14px;margin-top:auto}.side-card.promo{background:var(--white)}.side-card .promo-title{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--blue-600);font-size:14px}.side-card .promo-sub{font-size:12px;color:var(--ink-500);margin:6px 0 10px}.btn-outline-sm{width:100%;padding:8px;border:1px solid var(--line);background:#fff;border-radius:var(--r-sm);font-weight:600;font-size:13px;color:var(--ink-800)}.storage-mini{margin-top:12px}.storage-mini .row{display:flex;justify-content:space-between;font-size:12px}.storage-mini .lbl{color:var(--ink-500)}.storage-mini .val{color:var(--ink-700);font-weight:600}.bar{height:6px;background:var(--line);overflow:hidden;margin-top:8px}.bar,.bar>span{border-radius:var(--r-pill)}.bar>span{display:block;height:100%;background:var(--blue-600)}.main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.topbar{height:var(--topbar-h);flex:0 0 var(--topbar-h);border-bottom:1px solid var(--line);gap:18px;padding:0 28px;position:-webkit-sticky;position:sticky;top:0;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:saturate(180%) blur(6px);backdrop-filter:saturate(180%) blur(6px);z-index:20}.search,.topbar{display:flex;align-items:center}.search{flex:1 1 auto;max-width:640px;gap:10px;background:var(--panel);border:1px solid var(--line-2);border-radius:var(--r-md);padding:9px 12px;color:var(--ink-400)}.search input{border:none;background:transparent;outline:none;flex:1 1;font-size:14px;color:var(--ink-700)}.search .kbd{font-size:11px;color:var(--ink-400);border:1px solid var(--line);border-radius:6px;padding:1px 7px;background:#fff}.topbar-right{display:flex;align-items:center;gap:16px;margin-left:auto}.icon-btn{position:relative;width:22px;height:22px;color:var(--ink-500)}.icon-btn .dot{position:absolute;top:-1px;right:-1px;width:7px;height:7px;background:var(--blue-600);border-radius:50%;border:1.5px solid #fff}.user-chip{display:flex;align-items:center;gap:10px}.user-chip .avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background:var(--line)}.user-chip .name{font-size:13.5px;font-weight:700;color:var(--ink-900);line-height:1.1}.user-chip .plan{font-size:12px;color:var(--blue-600);font-weight:500}.canvas{flex:1 1;padding:28px;overflow-x:hidden}.canvas-inner{max-width:var(--content-max);margin:0 auto}.grid-rail{display:grid;grid-template-columns:minmax(0,1fr) var(--rail-w);grid-gap:24px;gap:24px;align-items:start}@media (max-width:1180px){.grid-rail{grid-template-columns:1fr}}.card{background:#fff;border:1px solid var(--line);border-radius:var(--r-2xl);box-shadow:var(--sh-card)}.card.pad{padding:20px}.card.pad-lg{padding:24px}.card-title{font-size:15px;font-weight:700;color:var(--ink-900)}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.view-all{font-size:13px;color:var(--blue-link);font-weight:500}.page-title{font-size:30px;font-weight:800;color:var(--ink-900);letter-spacing:-.02em}.page-sub{font-size:14.5px;color:var(--ink-500);margin-top:6px}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:14px}.breadcrumb,.breadcrumb a{color:var(--ink-500)}.breadcrumb .sep{color:var(--ink-300)}.breadcrumb .cur{color:var(--ink-800);font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:var(--r-md);font-size:14px;font-weight:600;border:1px solid transparent}.btn .ico{width:17px;height:17px}.btn-primary{background:var(--blue-600);color:#fff;box-shadow:var(--sh-btn)}.btn-primary:hover{background:var(--blue-700)}.btn-secondary{background:#fff;color:var(--ink-800);border-color:var(--line)}.btn-secondary:hover{background:var(--hover)}.btn-ghost{background:transparent;color:var(--ink-700)}.btn-green{background:var(--green-600);color:#fff}.btn-sm{padding:8px 12px;font-size:13px}.btn-lg{padding:12px 20px;font-size:15px}.btn-block{width:100%}.badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:3px 9px;border-radius:var(--r-pill)}.badge-green{background:var(--green-tint);color:var(--green-700)}.badge-amber{background:var(--amber-tint);color:var(--amber-700)}.badge-orange{background:var(--orange-tint);color:var(--orange-700)}.badge-blue{background:var(--blue-50);color:var(--blue-600)}.badge-violet{background:var(--violet-tint);color:var(--purple-600)}.badge-gray{background:var(--panel);color:var(--ink-500)}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dot-green{background:var(--green-dot)}.chip{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid var(--line);border-radius:var(--r-sm);font-size:13px;color:var(--ink-700);background:#fff}.chip .x{color:var(--ink-400);width:14px;height:14px}.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-pill);background:var(--panel);font-size:12px;color:var(--ink-600)}.tag .n{color:var(--ink-400);font-weight:600}.ft{width:34px;height:34px;border-radius:var(--r-sm);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:800;flex:0 0 auto}.ft.pdf{background:var(--ft-pdf)}.ft.word{background:var(--ft-word)}.ft.excel{background:var(--ft-excel)}.ft.ppt{background:var(--ft-ppt)}.ft.video{background:var(--ft-video)}.ft.img{background:var(--ft-img)}.ft.sm{width:28px;height:28px;border-radius:7px}.ico-circle{width:44px;height:44px;border-radius:var(--r-lg);display:inline-flex;align-items:center;justify-content:center}.ico-circle.blue{background:var(--blue-50);color:var(--blue-600)}.ico-circle.green{background:var(--green-tint);color:var(--green-700)}.ico-circle.violet{background:var(--violet-tint);color:var(--purple-600)}.ico-circle.amber{background:var(--amber-tint);color:var(--amber-700)}.ico-circle.pink{background:#fce7f3;color:#db2777}.ico-circle.sky{background:#e0f2fe;color:#0284c7}.avatar-sm{width:26px;height:26px;border-radius:50%;object-fit:cover;border:2px solid #fff;background:var(--line)}.avatar-stack{display:flex;align-items:center}.avatar-stack img{margin-left:-8px}.avatar-stack img:first-child{margin-left:0}.avatar-stack .more{margin-left:-8px;width:26px;height:26px;border-radius:50%;background:var(--panel);border:2px solid #fff;font-size:11px;font-weight:600;color:var(--ink-500);display:inline-flex;align-items:center;justify-content:center}.toggle{width:40px;height:22px;border-radius:var(--r-pill);background:var(--line);position:relative;flex:0 0 40px}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:.15s}.toggle.on{background:var(--blue-600)}.toggle.on:after{left:20px}.input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-md);font-size:14px;color:var(--ink-800);background:#fff;outline:none}.input:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px var(--blue-50)}.textarea{min-height:84px;resize:vertical}.field-label{font-size:13px;font-weight:600;color:var(--ink-700);margin-bottom:6px;display:block}.select{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border:1px solid var(--line);border-radius:var(--r-md);background:#fff;font-size:13.5px;color:var(--ink-700)}.tabs{display:flex;gap:26px;border-bottom:1px solid var(--line)}.tab{padding:12px 0;font-size:14px;font-weight:500;color:var(--ink-500);border-bottom:2px solid transparent;margin-bottom:-1px}.tab.active{color:var(--blue-600);border-bottom-color:var(--blue-600);font-weight:600}.tab .count{font-size:11px;color:var(--ink-400);background:var(--panel);border-radius:var(--r-pill);padding:1px 7px;margin-left:6px}.list-row{display:flex;align-items:center;gap:12px;padding:12px 4px;border-top:1px solid var(--line-2)}.list-row:first-child{border-top:none}.thead{display:flex;align-items:center;gap:12px;padding:8px 4px;font-size:12px;font-weight:600;color:var(--ink-400);text-transform:none}.muted{color:var(--ink-500)}.meta{font-size:12px;color:var(--ink-400)}.strong{font-weight:600;color:var(--ink-800)}.prog{height:6px;border-radius:var(--r-pill);background:var(--line);overflow:hidden}.prog>span{display:block;height:100%;background:var(--blue-600)}.qr{width:120px;height:120px;border-radius:var(--r-md);background:repeating-conic-gradient(#000 0 25%,#fff 0 50%) 50% /12px 12px;border:6px solid #fff;box-shadow:inset 0 0 0 1px var(--line)}hr.hair{border:none;border-top:1px solid var(--line-2);margin:16px 0}.pub{background:var(--white);min-height:100vh}.pub-nav{height:66px;display:flex;align-items:center;gap:28px;padding:0 40px;border-bottom:1px solid var(--line-2)}.pub-nav .brand .word{font-size:20px}.pub-nav .links{display:flex;align-items:center;gap:26px;margin-left:auto}.pub-nav .links a{color:var(--ink-700);font-size:14px;font-weight:500}.pub-nav .links a:hover{color:var(--ink-900)}.pub-menu{gap:22px;margin-left:12px}.pub-menu,.pub-menu a{display:flex;align-items:center}.pub-menu a{gap:7px;color:var(--ink-700);font-size:14px;font-weight:500}.pub-wrap{max-width:1120px;margin:0 auto;padding:40px}.pub-hero-title{font-size:44px;font-weight:800;color:var(--ink-900);letter-spacing:-.03em;text-align:center}.pub-hero-sub{font-size:17px;color:var(--ink-500);text-align:center;max-width:620px;margin:14px auto 0;line-height:1.55}.pub-footer{border-top:1px solid var(--line-2);padding:28px 40px;align-items:center;color:var(--ink-400);font-size:13px}.pub-footer,.pub-footer .links{display:flex;gap:22px}.pub-footer a{color:var(--ink-500)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.col{display:flex;flex-direction:column}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}.grow{flex:1 1 auto;min-width:0}.text-center{text-align:center}.wrap-scroll{overflow-x:auto}