:root{--bg: #ffffff;--bg2: #f9fafb;--card: #ffffff;--border: #e5e7eb;--text: #111827;--text2: #6b7280;--primary: #2563eb;--p-light: #eff6ff;--danger: #ef4444;--success: #10b981;--radius: 12px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}header{background:var(--bg);border-bottom:1px solid var(--border);padding:0 32px;height:56px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;backdrop-filter:blur(8px)}header .logo{cursor:pointer;display:flex;flex-direction:column;line-height:1.2}header .logo-domain{font-size:16px;font-weight:700;letter-spacing:-.3px}header .logo-sub{font-size:11px;font-weight:400;color:var(--text2);letter-spacing:0;margin-top:1px}header nav{display:flex;align-items:center;gap:6px}header nav a{padding:6px 14px;border-radius:8px;font-size:14px;color:var(--text2);text-decoration:none;cursor:pointer;transition:all .15s;font-weight:450}header nav a:hover{background:var(--bg2);color:var(--text)}header nav a.active{background:var(--bg2);color:var(--text);font-weight:550}header nav a.nav-icon{padding:7px 10px;font-size:15px;min-width:36px;text-align:center;flex-shrink:0;line-height:1}.menu-wrapper{position:relative;flex-shrink:0}header nav a.avatar-btn{width:38px;height:38px;border-radius:50%;background:var(--bg2);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;padding:0}.container{max-width:95%;width:95%;margin:0 auto;padding:40px 32px}.container-narrow{max-width:520px;margin:0 auto;padding:60px 32px}.page-title{font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.page-subtitle{font-size:16px;color:var(--text2);margin-bottom:40px;line-height:1.6}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;margin-bottom:20px;transition:border-color .15s}.card:hover{border-color:#d1d5db}.card-title{font-size:18px;font-weight:600;margin-bottom:20px}.input,.btn{width:100%;padding:10px 14px;margin:6px 0;border:1px solid var(--border);border-radius:8px;font-size:14px;font-family:inherit}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.btn{background:var(--text);color:#fff;border:none;cursor:pointer;font-weight:500;transition:background .15s;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn:hover{background:#374151}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--primary)}.btn-primary:hover{background:#1d4ed8}.btn-outline{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-outline:hover{background:var(--bg2)}.btn-sm{width:auto;padding:6px 12px;font-size:13px;border-radius:6px}.btn-danger{background:transparent;color:var(--danger);border:1px solid var(--danger)}.btn-danger:hover{background:#fef2f2}.error{color:var(--danger);font-size:13px;margin:4px 0}.success{color:var(--success);font-size:13px;margin:4px 0}.link{color:var(--primary);cursor:pointer;font-size:13px}.link:hover{text-decoration:underline}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:500}.badge-blue{background:var(--p-light);color:var(--primary)}.badge-green{background:#ecfdf5;color:var(--success)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pricing-card{border:1px solid var(--border);border-radius:var(--radius);padding:32px 24px;text-align:center;transition:border-color .15s;background:var(--card);display:flex;flex-direction:column}.pricing-card:hover{border-color:#d1d5db}.pricing-card.featured{border-color:var(--primary);border-width:2px}.pricing-card .plan-name{font-size:14px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.5px}.pricing-card .plan-price{font-size:36px;font-weight:700;margin:12px 0 4px;letter-spacing:-1px}.pricing-card .plan-price small{font-size:14px;font-weight:400;color:var(--text2)}.pricing-card .plan-desc{font-size:13px;color:var(--text2);margin-bottom:20px}.pricing-card .plan-features{text-align:left;margin:20px 0;flex:1}.pricing-card .plan-features li{font-size:13px;color:var(--text2);padding:6px 0;list-style:none;display:flex;align-items:center;gap:8px;line-height:1.5}.pricing-card .plan-features li:before{content:"✓";color:var(--success);font-weight:700;flex-shrink:0}.pricing-card .btn{margin-top:auto}.split-pane{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;margin-bottom:24px}.pane{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.pane-header{padding:14px 16px;font-size:14px;font-weight:600;border-bottom:1px solid var(--border);background:var(--bg2);display:flex;align-items:center;justify-content:space-between}.pane-body{flex:1;overflow-y:auto;min-height:280px}.pane-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text2);font-size:14px;padding:40px;text-align:center}.file-list{list-style:none}.file-item{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border);transition:background .1s}.file-item:hover{background:var(--bg2)}.file-item:last-child{border-bottom:none}.file-thumb{width:48px;height:48px;border-radius:6px;object-fit:cover;background:var(--bg2);border:1px solid var(--border);flex-shrink:0}.file-info{flex:1;min-width:0}.file-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta{font-size:12px;color:var(--text2);margin-top:2px}.file-actions{display:flex;gap:6px;flex-shrink:0}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius);padding:32px;text-align:center;cursor:pointer;transition:all .15s;color:var(--text2);font-size:14px;margin:12px 16px}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--primary);background:var(--p-light);color:var(--primary)}.drop-zone-label{font-weight:500}.drop-zone-hint{font-size:12px;margin-top:4px}.action-bar{display:flex;gap:12px;align-items:center;padding:16px 0;border-top:1px solid var(--border);flex-wrap:wrap}.action-bar .btn{width:auto}.status-bar{display:flex;align-items:center;gap:12px;padding:6px 16px;margin-top:24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg2);font-size:13px}.progress-bar{height:4px;background:var(--border);border-radius:2px;flex:1;min-width:40px}.progress-bar-inner{height:100%;background:var(--primary);border-radius:2px;transition:width .3s}.status-bar .spacer{flex:1}.site-footer{text-align:center;padding:24px 16px 32px;font-size:12px;color:var(--text2);border-top:1px solid var(--border);margin-top:24px}.site-footer a{color:var(--text2);text-decoration:none}.site-footer a:hover{color:var(--text)}.middle-bar{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:0 8px;min-width:80px}.middle-bar .btn-vertical{display:flex;flex-direction:column;align-items:center;padding:10px 12px;font-size:14px;font-weight:600;letter-spacing:1px;border-radius:8px;border:1px solid var(--border);background:var(--text);color:#fff;cursor:pointer;font-family:inherit;transition:background .15s;line-height:1.3}.middle-bar .btn-vertical:hover{background:#374151}.middle-bar .btn-vertical:disabled{opacity:.4;cursor:not-allowed}.middle-row{display:flex;gap:6px;align-items:stretch}.middle-arrow{position:relative;width:16px;flex-shrink:0;border-left:2px solid var(--text2)}.middle-arrow:after{content:"";position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:12px solid var(--text2)}.middle-count{font-size:11px;color:var(--text2);text-align:center;writing-mode:vertical-rl;letter-spacing:1px}.middle-hint{font-size:11px;color:var(--text2);text-align:center}@media (max-width: 768px){.middle-bar{flex-direction:row;padding:16px 0;min-width:unset}}.tabs{display:flex;gap:0;margin-bottom:0}.tab{padding:10px 20px;font-size:14px;font-weight:500;border:none;border-bottom:2px solid transparent;background:none;cursor:pointer;color:var(--text2);transition:all .15s;font-family:inherit}.tab:hover{color:var(--text)}.tab.active{color:var(--text);border-bottom-color:var(--text);font-weight:600}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.account-stat{text-align:center;padding:16px;border:1px solid var(--border);border-radius:var(--radius)}.account-stat .num{font-size:28px;font-weight:700}.account-stat .label{font-size:12px;color:var(--text2);margin-top:4px}.auth-watermark{display:none}.modal-overlay{position:fixed;inset:0;background:#00000059;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(4px)}.modal-card{max-width:420px;width:100%;animation:modal-in .2s ease-out}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (orientation: portrait){.pricing-grid{grid-template-columns:1fr}.split-pane{grid-template-columns:1fr!important}.middle-bar{flex-direction:column;padding:16px 0;gap:6px}.middle-row{flex-direction:column;gap:4px;align-items:center}.middle-bar .btn-vertical{flex-direction:row;padding:10px 20px;letter-spacing:0;font-size:14px}.middle-arrow{border-left:none;border-top:2px solid var(--text2);width:120px;height:20px;position:relative}.middle-arrow:after{content:"";position:absolute;left:50%;bottom:-8px;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:10px solid var(--text2)}.middle-count{writing-mode:horizontal-tb;font-size:13px}.middle-hint{font-size:13px}.account-grid{grid-template-columns:1fr}header{padding:0 10px;height:48px}.container,.container-narrow{padding:24px 16px}header .logo-sub{font-size:9px}header .logo-domain{font-size:14px}header nav{gap:2px}header nav a{padding:5px 7px;font-size:12px}header nav a.nav-icon{padding:5px 7px;font-size:14px;min-width:32px}}@media (max-width: 768px) and (orientation: landscape){header{padding:0 12px;height:48px}header nav{gap:2px}header nav a{padding:5px 8px;font-size:12px}header nav a.nav-icon{padding:5px 7px;font-size:14px;min-width:32px}header .logo-sub{font-size:9px}.container,.container-narrow{padding:24px 16px}.middle-bar .input{font-size:10px!important;padding:4px 6px!important;max-width:110px!important}.middle-bar label{font-size:10px!important}}@media (max-width: 380px){header{padding:0 6px}header nav{gap:1px}header nav a{padding:4px;font-size:10px}header nav a.nav-icon{padding:4px 5px;font-size:13px;min-width:28px}}.menu-dropdown{position:absolute;right:0;top:100%;margin-top:4px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 16px #00000014;min-width:180px;z-index:20;padding:6px 0;max-height:80vh;overflow-y:auto}.menu-dropdown a{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:14px;color:var(--text);text-decoration:none;cursor:pointer;transition:background .1s;border-radius:0}.menu-dropdown .menu-icon{width:22px;text-align:center;flex-shrink:0;font-size:15px}.menu-dropdown a:hover{background:var(--bg2)}.menu-lang-toggle{display:flex!important;align-items:center;gap:4px;font-weight:500;border-radius:0!important}.menu-lang-list{border-top:1px solid var(--border);padding:4px 0}.menu-lang-list a{display:block!important;padding:6px 16px 6px 53px;font-size:13px}.menu-lang-list a.cur{font-weight:600;color:var(--primary)}.docs-tabs{display:flex;gap:4px;margin-bottom:36px;border-bottom:1px solid var(--border);padding-bottom:0;justify-content:center;flex-wrap:wrap;position:relative;z-index:5;background:var(--bg)}.docs-tabs a{padding:8px 20px;font-size:14px;font-weight:500;color:var(--text2);cursor:pointer;border-radius:8px 8px 0 0;transition:all .15s;text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.docs-tabs a:hover{color:var(--text);background:var(--bg2)}.docs-tabs a.active{color:var(--text);font-weight:600;border-bottom-color:var(--text)}@media (max-width: 480px){.docs-tabs{gap:2px}.docs-tabs a{padding:6px 12px;font-size:12px}}@media (max-width: 768px) and (orientation: landscape),(max-height: 600px){header{height:44px}header nav{gap:2px}header nav a{padding:4px 6px;font-size:11px}header nav a.nav-icon{padding:4px 6px;font-size:13px;min-width:28px}header .logo-domain{font-size:13px}header .logo-sub{font-size:8px}.docs-tabs{gap:3px;margin-bottom:16px}.docs-tabs a{padding:6px 10px;font-size:12px}.docs-container{padding-top:16px!important;padding-bottom:16px!important}.docs-content h2{margin-top:16px;font-size:18px}}.docs-container{max-width:800px!important}.docs-content{line-height:1.8;color:var(--text)}.docs-content h1{font-size:28px;font-weight:700;margin-bottom:32px;letter-spacing:-.5px}.docs-content h2{font-size:20px;font-weight:600;margin:48px 0 16px;padding-top:16px;border-top:1px solid var(--border)}.docs-content h3{font-size:16px;font-weight:600;margin:24px 0 8px}.docs-content p{margin-bottom:12px}.docs-content ul,.docs-content ol{margin:8px 0 16px 20px}.docs-content li{margin-bottom:6px}.docs-content table{width:100%;border-collapse:collapse;margin:16px 0 24px;font-size:14px}.docs-content th,.docs-content td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--border)}.docs-content th{font-weight:600;background:var(--bg2);font-size:13px;color:var(--text2)}.docs-content td{font-size:14px}.docs-content b{font-weight:600}.docs-content small{color:var(--text2)}.docs-content video,.docs-content img{max-width:100%;border-radius:8px;margin:8px 0}.docs-content a{color:var(--primary);text-decoration:none}.docs-content a:hover{text-decoration:underline}@media (max-width: 640px){.docs-content table td img{min-width:36px;width:auto!important;max-width:100%;height:auto}.docs-content table{font-size:12px}.docs-content table th,.docs-content table td{padding:6px 4px}}