*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-feature-settings:"tnum";font-family:-apple-system,BlinkMacSystemFont,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;background:#f5f5f5;color:#1d1d1f;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;height:100vh}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:none;background:none}.topbar{height:56px;flex-shrink:0;background:#fff;border-bottom:1px solid #ececec;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:relative;z-index:100}.brand{display:flex;align-items:center;gap:10px}.brand svg{display:block}.brand-name{font-size:17px;font-weight:700;letter-spacing:.2px;color:#1d1d1f}.user-chip{display:flex;align-items:center;gap:8px;position:relative}.avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#d4c5ff,#ffd6e0);display:flex;align-items:center;justify-content:center;font-size:12px;color:#6b4f9e;font-weight:600;overflow:hidden}.user-chip .name{font-size:13px;color:#333}.user-pop{position:absolute;right:0;top:42px;background:#fff;border-radius:10px;padding:6px;box-shadow:0 4px 20px #0000001a;min-width:140px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:all .18s;z-index:50}.user-chip:hover .user-pop{opacity:1;visibility:visible;transform:translateY(0)}.user-pop button{width:100%;text-align:left;padding:9px 12px;display:flex;align-items:center;gap:8px;font-size:13px;border-radius:6px;color:#333}.user-pop button:hover{background:#f5f5f5}.layout{flex:1;display:flex;overflow:hidden;min-height:0}.sidebar{width:220px;flex-shrink:0;padding:20px 16px;overflow-y:auto;background:#f5f5f5;scrollbar-width:none}.sidebar::-webkit-scrollbar{width:0;display:none}.side-user{display:flex;align-items:center;gap:8px;padding:0 8px 24px;margin-bottom:8px}.side-user .uname{font-size:17px;font-weight:600}.ver-tag{font-size:11px;color:#666;background:#ececec;padding:2px 8px;border-radius:4px;font-weight:400}.nav{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;color:#333;font-size:14px;cursor:pointer;transition:background .15s}.nav-item:hover{background:#ececec}.nav-item.active{background:#ececec;color:#1d1d1f;font-weight:500}.nav-item svg{width:16px;height:16px;flex-shrink:0;opacity:.6}.main{flex:1;padding:28px 36px 60px;min-width:0;overflow-y:auto;scrollbar-width:none}.main::-webkit-scrollbar{width:0;height:0;display:none}.page-head{margin-bottom:24px;display:flex;justify-content:space-between;align-items:flex-start}.page-title{font-size:24px;font-weight:700;color:#1d1d1f}.page-sub{font-size:13px;color:#999;margin-top:6px}.btn{display:inline-flex;align-items:center;gap:6px;border-radius:999px;font-size:13px;font-weight:500;padding:8px 18px;transition:opacity .15s}.btn:hover{opacity:.88}.btn-dark{background:#1d1d1f;color:#fff;transition:all .15s;box-shadow:0 2px 8px #00000026}.btn-dark:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.btn-ghost{background:#fff;color:#333;border:1px solid #e5e5e5}.btn svg{width:14px;height:14px}.card{background:#fff;border-radius:16px;padding:24px 28px;box-shadow:0 1px 3px #0000000a,0 4px 16px #00000008;margin-bottom:20px}.plan-head{display:flex;justify-content:space-between;align-items:flex-start}.plan-name{font-size:22px;font-weight:700}.plan-desc{color:#999;font-size:13px;margin-top:4px}.usage-block{margin-top:26px}.usage-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.usage-label{font-size:14px;font-weight:500}.usage-cycle{font-size:12px;color:#999}.usage-count{display:flex;align-items:center;gap:10px;margin-bottom:10px}.usage-count .num{font-size:14px;font-weight:500}.state-tag{font-size:11px;color:#666;background:#f0f0f0;padding:2px 8px;border-radius:4px}.usage-remain{margin-left:auto;font-size:13px;color:#333}.progress{height:8px;background:#e8e8e8;border-radius:999px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#5bb58a,#6dc19a);border-radius:999px;width:100%;transition:width .6s ease}.toolbar{display:flex;align-items:center;justify-content:space-between;margin:28px 0 16px}.toolbar-left{display:flex;align-items:center;gap:14px}.toolbar-title{font-size:18px;font-weight:600}.seg{display:inline-flex;background:#ececec;border-radius:999px;padding:3px}.seg button{padding:5px 16px;border-radius:999px;font-size:13px;color:#666;transition:all .15s}.seg button.active{background:#fff;color:#1d1d1f;font-weight:500;box-shadow:0 1px 2px #0000000f}.toolbar-right{display:flex;align-items:center;gap:10px}.date-picker{display:inline-flex;align-items:center;gap:8px;background:#f0f0f0;border-radius:8px;padding:7px 14px;font-size:13px;color:#555;cursor:pointer}.date-picker svg{width:14px;height:14px;opacity:.6}.date-wrap{position:relative}.date-pop{position:fixed;z-index:120;background:#fff;border-radius:12px;box-shadow:0 8px 30px #0000001f;width:640px;max-height:calc(100vh - 16px);display:none;overflow:auto}.date-pop.show-cal,.date-pop.show-time{display:block}.date-range-head{display:flex;align-items:center;justify-content:center;gap:16px;padding:18px 0;border-bottom:1px solid #f0f0f0;font-size:15px;color:#333}.date-range-head .sep{color:#999}.cal-pair{display:grid;grid-template-columns:1fr 1fr}.cal-col{padding:16px 20px}.cal-col+.cal-col{border-left:1px solid #f0f0f0}.cal-nav-row{display:flex;align-items:center;justify-content:center;margin-bottom:14px;position:relative}.cal-col-title{font-size:16px;font-weight:600}.cal-nav-btns{position:absolute;display:flex;gap:2px}.cal-nav-btns.left{left:0}.cal-nav-btns.right{right:0}.cal-nav-btns button{width:24px;height:24px;border-radius:4px;font-size:16px;color:#999}.cal-nav-btns button:hover{background:#f0f0f0;color:#333}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}.cal-grid .dow{font-size:13px;color:#333;padding:6px 0}.cal-day{height:34px;display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;color:#333;border-radius:6px}.cal-day:hover{background:#f5f5f5}.cal-day.other{color:#ccc;cursor:default}.cal-day.other:hover{background:transparent}.cal-day.in-range{background:#e6f5ee;border-radius:0}.cal-day.range-start,.cal-day.range-end{background:#6dc19a;color:#fff;font-weight:500;border-radius:6px}.cal-foot{display:flex;justify-content:flex-end;align-items:center;gap:16px;padding:14px 20px;border-top:1px solid #f0f0f0}.cal-choose-time{color:#4a6cf7;font-size:13px;cursor:pointer}.cal-choose-time:hover{text-decoration:underline}.cal-ok{background:#1d1d1f;color:#fff;padding:7px 20px;border-radius:6px;font-size:13px}.cal-ok:hover{background:#000}.time-view{display:none}.date-pop.show-cal .cal-view{display:block}.date-pop.show-cal .time-view,.date-pop.show-time .cal-view{display:none}.date-pop.show-time .time-view{display:block}.time-pair{display:grid;grid-template-columns:1fr 1fr}.time-col{padding:16px 0 0}.time-col+.time-col{border-left:1px solid #f0f0f0}.time-col-title{text-align:center;font-size:16px;font-weight:600;margin-bottom:12px}.time-rows{display:grid;grid-template-columns:repeat(3,1fr)}.time-col-scroll{max-height:280px;overflow-y:auto;text-align:center}.time-col-scroll::-webkit-scrollbar{width:0}.time-cell{height:36px;display:flex;align-items:center;justify-content:center;font-size:15px;color:#333;cursor:pointer}.time-cell:hover{background:#f5f5f5}.time-cell.sel{background:#f0f0f0;font-weight:600}.btn-export{display:inline-flex;align-items:center;gap:6px;background:#f0f0f0;border-radius:8px;padding:7px 14px;font-size:13px;color:#333}.btn-export svg{width:14px;height:14px}.table-scroll{padding:8px 0;overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.table-scroll::-webkit-scrollbar{width:6px;height:6px}.table-scroll::-webkit-scrollbar-track{background:transparent}.table-scroll::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:3px}.table-scroll::-webkit-scrollbar-thumb:hover{background:#a8a8a8}table{width:max(100%,900px);border-collapse:collapse;table-layout:fixed}.table-scroll thead th{position:sticky;top:0;background:#fff;z-index:3;white-space:nowrap;box-shadow:0 1px #f0f0f0}.table-scroll tbody td{white-space:nowrap}.page-ellipsis{color:#999;padding:0 4px;font-size:13px}.pager{padding:12px 8px 4px;background:#fff}thead th{text-align:left;font-weight:500;color:#999;font-size:13px;padding:14px 24px;border-bottom:1px solid #f0f0f0}tbody td{padding:18px 24px;border-bottom:1px solid #f3f3f3;font-size:13px;color:#333;vertical-align:middle;white-space:nowrap}tbody tr:last-child td{border-bottom:1px solid #f0f0f0}tbody tr{transition:background .12s}tbody tr:hover{background:#fafafa}.sort-icon{display:inline-block;margin-left:4px;font-size:10px;color:#999}.link{color:#4a6cf7;cursor:pointer}.link:hover{text-decoration:underline}.link-sep{color:#ddd;margin:0 6px}.muted{color:#999}.pager{display:flex;align-items:center;justify-content:space-between;padding:16px 24px 8px}.pager-info{font-size:12px;color:#999}.pager-right{display:flex;align-items:center;gap:6px}.page-btn{min-width:30px;height:30px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;font-size:13px;color:#555;background:transparent;cursor:pointer}.page-btn:hover{background:#f0f0f0}.page-btn.active{background:#e8e8e8;color:#1d1d1f;font-weight:500}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-size{height:30px;border:1px solid #e5e5e5;border-radius:6px;font-size:12px;color:#555;padding:0 24px 0 10px;background:#fff;margin:0 4px;appearance:none;-webkit-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23999' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.page-size:hover{border-color:#ccc}.custom-select{position:relative;display:inline-block;margin:0 4px}.cs-btn{height:30px;border:1px solid #e5e5e5;border-radius:6px;background:#fff;font-size:12px;color:#555;padding:0 24px 0 10px;cursor:pointer;appearance:none;-webkit-appearance:none;display:flex;align-items:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23999' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.cs-btn:hover{border-color:#ccc}.cs-menu{position:absolute;bottom:calc(100% + 4px);right:0;background:#fff;border-radius:8px;box-shadow:0 4px 16px #0000001f;border:1px solid #eee;min-width:100%;padding:4px;z-index:100;display:none;white-space:nowrap}.custom-select.open .cs-menu{display:block}.cs-option{padding:7px 12px;font-size:12px;color:#333;border-radius:6px;cursor:pointer;text-align:center}.cs-option:hover{background:#f5f5f5}.cs-option.sel{background:#6dc19a;color:#fff;font-weight:500}.jump-wrap{font-size:12px;color:#999;display:flex;align-items:center;gap:6px;margin-left:8px}.jump-wrap input{width:44px;height:30px;border:1px solid #e5e5e5;border-radius:6px;text-align:center;font-size:12px}.info-row{display:flex;align-items:center;padding:18px 0;border-bottom:1px solid #f0f0f0}.info-row:last-child{border-bottom:none}.info-label{width:100px;color:#999;font-size:13px;flex-shrink:0}.info-value{font-size:14px;color:#1d1d1f}.info-value.bold{font-weight:600}.info-action{margin-left:auto}.toast{position:fixed;bottom:40px;left:50%;transform:translate(-50%) translateY(20px);background:#1d1d1f;color:#fff;padding:10px 20px;border-radius:8px;font-size:13px;opacity:0;pointer-events:none;transition:all .25s;z-index:10001}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.modal-mask{position:fixed;inset:0;background:#0006;display:none;align-items:center;justify-content:center;z-index:200;padding:20px}.modal-mask.show{display:flex}.modal{background:#fff;border-radius:16px;width:900px;max-width:100%;max-height:92vh;overflow-y:auto;padding:28px 32px;box-shadow:0 20px 60px #0003}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-title{font-size:18px;font-weight:700}.modal-title .cur{font-size:13px;color:#999;font-weight:400;margin-left:10px}.modal-close{width:32px;height:32px;border-radius:8px;font-size:20px;color:#999;display:flex;align-items:center;justify-content:center;cursor:pointer}.modal-close:hover{background:#f0f0f0;color:#333}.plan-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.plan-card{border:2px solid #e8e8e8;border-radius:12px;padding:19px;cursor:pointer;position:relative}.plan-card.sel{border-color:#1d1d1f}.plan-card:hover:not(.sel):not(.disabled){border-color:#bbb}.plan-card.disabled{cursor:not-allowed;opacity:.55;background:#fafafa}.plan-card.disabled.sel{border-color:#e8e8e8}.plan-card-name{font-size:17px;font-weight:700;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.plan-card-badge{font-size:11px;font-weight:500;color:#3d7a5c;background:#eaf6ef;padding:2px 8px;border-radius:999px}.plan-card-lock{margin-top:12px;font-size:12px;color:#b07a3a}.plan-card-desc{font-size:12px;color:#999;margin:6px 0 14px;padding-bottom:14px;border-bottom:1px solid #f0f0f0}.plan-feat{display:flex;align-items:center;gap:8px;font-size:13px;color:#333;margin-bottom:10px}.plan-feat svg{width:14px;height:14px;opacity:.6;flex-shrink:0}.billing-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.billing-card{border:2px solid transparent;background:#fff;border-radius:12px;padding:13px 15px;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.billing-card.sel{border-color:#1d1d1f}.billing-card:not(.sel){border-color:#e8e8e8}.billing-card:hover:not(.sel){border-color:#bbb}.billing-label{font-size:13px;color:#333}.billing-label .discount{color:#6dc19a;font-size:12px;margin-left:4px}.billing-price{font-size:15px;font-weight:700}.compare-link{text-align:center;font-size:13px;color:#4a6cf7;margin-bottom:20px;cursor:pointer}.compare-link:hover{text-decoration:underline}.pay-box{background:#fafafa;border-radius:12px;padding:24px;display:flex;gap:28px;align-items:center}.qrcode{width:160px;height:160px;background:#fff;border:1px solid #eee;border-radius:8px;padding:8px;flex-shrink:0;position:relative;box-sizing:border-box;overflow:hidden;display:flex;align-items:center;justify-content:center}.qrcode-img{display:block;width:144px;height:144px}.qrcode-placeholder{width:144px;height:144px;display:flex;align-items:center;justify-content:center;background:#f7f7f7;color:#999;font-size:12px;text-align:center;padding:12px;box-sizing:border-box}.qrcode-blur-wrap{width:144px;height:144px;overflow:hidden;border-radius:4px}.qrcode-blur-fake{width:100%;height:100%;background:repeating-linear-gradient(0deg,#111 0 8px,#f5f5f5 8px 16px),repeating-linear-gradient(90deg,#111 0 8px,#f5f5f5 8px 16px);background-blend-mode:difference;filter:blur(5px) contrast(.85);transform:scale(1.08);opacity:.55}.qrcode-gate{position:absolute;inset:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#ffffffb8;border-radius:4px;z-index:1}.qrcode-gate-tip{font-size:12px;color:#333;text-align:center;line-height:1.4;padding:0 8px}.qrcode-gate-btn{appearance:none;border:none;cursor:pointer;background:#1d1d1f;color:#fff;font-size:13px;font-weight:600;padding:8px 18px;border-radius:6px;line-height:1.2}.qrcode-gate-btn:hover{background:#333}.pay-info .pay-title{font-size:13px;color:#999;margin-bottom:10px}.pay-info .pay-price{font-size:14px;color:#333;margin-bottom:16px}.pay-info .pay-price b{font-size:22px;font-weight:700;color:#1d1d1f}.agree-row{display:flex;align-items:center;gap:8px;font-size:12px;color:#666}.agree-row--clickable{cursor:pointer}.agree-row--clickable:hover{color:#333}.agree-check{width:16px;height:16px;border-radius:50%;background:#6dc19a;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.agree-check--empty{background:transparent;border:1.5px solid #c8c8c8;box-sizing:border-box}.agree-check svg{width:10px;height:10px}.view{display:none}.view.active{display:block}@media (max-width:900px){.sidebar{width:64px;padding:20px 8px}.side-user .uname,.ver-tag,.nav-item span{display:none}.nav-item{justify-content:center}.main{padding:20px 16px 40px}.toolbar{flex-direction:column;align-items:flex-start;gap:12px}.page-head{flex-direction:column;gap:12px}.pager{flex-direction:column;gap:12px;align-items:flex-start}.pager-right{flex-wrap:wrap}.jump-wrap{margin-left:0}}.company-search{margin-bottom:16px}.company-search input{width:100%;padding:10px 14px;border:1px solid #e5e5e5;border-radius:8px;font-size:14px;outline:none;box-sizing:border-box}.company-search input:focus{border-color:#6dc19a}.company-list{display:flex;flex-direction:column;gap:4px}.company-item{padding:14px 16px;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#333}.company-item:hover{background:#f5f5f5}.company-item.selected{background:#e6f5ee;color:#6dc19a}.check-icon{width:18px;height:18px;display:none}.company-item.selected .check-icon{display:block}#userLoginScreen *{margin:0;padding:0;box-sizing:border-box}#userLoginScreen{--brand-green: #6dc19a;--brand-green-dark: #3da576;--brand-green-light: #e6f5ee;--text-primary: #1d1d1f;--text-secondary: #86868b;--text-tertiary: #999;--bg-page: #f5f5f5;--bg-input: #fafafa;--border: #e5e5e5;--border-focus: #6dc19a;--radius: 12px;--shadow-card: 0 25px 50px -12px rgba(15, 23, 42, .12)}#userLoginScreen{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-page);color:var(--text-primary);min-height:100vh;overflow:hidden}#userLoginScreen .page{display:flex;min-height:100vh}#userLoginScreen .brand-panel{flex:1.15;position:relative;display:flex;flex-direction:column;justify-content:center;padding:60px;background:linear-gradient(135deg,#f0faf5,#e6f5ee 40%,#eef3fe);overflow:hidden}#userLoginScreen .brand-panel:before{content:"";position:absolute;top:-120px;right:-120px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(109,193,154,.08) 0%,transparent 70%)}#userLoginScreen .brand-panel:after{content:"";position:absolute;bottom:-80px;left:-60px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(74,108,247,.06) 0%,transparent 70%)}#userLoginScreen .brand-logo{position:absolute;top:40px;left:60px;display:flex;align-items:center;gap:10px}#userLoginScreen .brand-logo-icon{width:36px;height:36px;border-radius:9px;overflow:hidden;display:flex;align-items:center;justify-content:center}#userLoginScreen .brand-logo-icon img{width:100%;height:100%;object-fit:cover}#userLoginScreen .brand-logo-text{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}#userLoginScreen .brand-content{position:relative;z-index:1;width:100%;max-width:520px;margin:0 auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}#userLoginScreen .brand-tagline{font-size:40px;font-weight:700;line-height:1.35;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:56px}#userLoginScreen .brand-tagline .highlight{color:var(--brand-green)}#userLoginScreen .loop-container{position:relative;width:300px;height:300px;margin:0 auto}#userLoginScreen .loop-ring-bg{position:absolute;inset:0}#userLoginScreen .ring-path{fill:none;stroke:#e6f5ee;stroke-width:2}#userLoginScreen .ring-flow{fill:none;stroke:#6dc19a;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:60 880;animation:flowAround 6s linear infinite}@keyframes flowAround{0%{stroke-dashoffset:940}to{stroke-dashoffset:0}}#userLoginScreen .loop-node{position:absolute;width:68px;height:68px;margin:-34px 0 0 -34px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border-radius:50%;box-shadow:0 4px 16px #6dc19a1f;font-size:14px;font-weight:600;color:var(--text-secondary);transition:all .3s ease;z-index:2}#userLoginScreen .loop-node.start{background:linear-gradient(135deg,#6dc19a,#3da576);color:#fff;box-shadow:0 6px 20px #6dc19a59;font-size:15px}#userLoginScreen .loop-node:nth-child(2){top:6%;left:50%}#userLoginScreen .loop-node:nth-child(3){top:36%;left:92%}#userLoginScreen .loop-node:nth-child(4){top:86%;left:76%}#userLoginScreen .loop-node:nth-child(5){top:86%;left:24%}#userLoginScreen .loop-node:nth-child(6){top:36%;left:8%}#userLoginScreen .loop-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;display:flex;align-items:center;justify-content:center;z-index:3}#userLoginScreen .loop-center img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 16px rgba(109,193,154,.2))}#userLoginScreen .loop-center{animation:centerBreathe 3s ease-in-out infinite}@keyframes centerBreathe{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}#userLoginScreen .login-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:60px 50px;background:#fff;position:relative}#userLoginScreen .login-card{width:100%;max-width:400px;padding:20px 10px}#userLoginScreen .oauth-header{display:flex;flex-direction:column;align-items:center;margin-bottom:48px}#userLoginScreen .oauth-logos{display:flex;align-items:center;gap:20px;margin-bottom:20px}#userLoginScreen .oauth-logo-box{width:64px;height:64px;border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden}#userLoginScreen .oauth-logo-box img{width:100%;height:100%;object-fit:contain}#userLoginScreen .oauth-logo-workbuddy{background:var(--brand-green-light)}#userLoginScreen .oauth-logo-target{background:#fff}#userLoginScreen .oauth-arrows{display:flex;gap:3px;color:var(--brand-green);font-size:18px;font-weight:700}#userLoginScreen .oauth-arrows span{animation:arrowPulse 1.5s ease-in-out infinite}#userLoginScreen .oauth-arrows span:nth-child(2){animation-delay:.15s}#userLoginScreen .oauth-arrows span:nth-child(3){animation-delay:.3s}@keyframes arrowPulse{0%,to{opacity:.4;transform:translate(0)}50%{opacity:1;transform:translate(3px)}}#userLoginScreen .oauth-desc{font-size:15px;color:var(--text-secondary);text-align:center}#userLoginScreen .oauth-desc .app-name{font-weight:600;color:var(--text-primary)}#userLoginScreen .auth-done{text-align:center}#userLoginScreen .auth-name{margin:12px 0 28px;font-size:22px;font-weight:600;color:var(--text-primary);letter-spacing:.02em}#userLoginScreen .form-group{margin-bottom:20px}#userLoginScreen .input-wrapper{position:relative;display:flex;align-items:center}#userLoginScreen .input-icon{position:absolute;left:16px;color:var(--text-tertiary);display:flex;align-items:center;pointer-events:none}#userLoginScreen .form-input{width:100%;height:56px;padding:0 18px;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--bg-input);font-size:15px;color:var(--text-primary);font-family:inherit;transition:all .2s ease;outline:none}#userLoginScreen .form-input::placeholder{color:var(--text-tertiary)}#userLoginScreen .form-input:focus{border-color:var(--border-focus);background:#fff;box-shadow:0 0 0 4px #6dc19a1a}#userLoginScreen .form-input.input-error{border-color:#f53f3f;background:#fff}#userLoginScreen .form-input.input-error:focus{border-color:#f53f3f;box-shadow:0 0 0 4px #f53f3f14}#userLoginScreen .form-input.shake{animation:loginShake .25s ease}@keyframes loginShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}#userLoginScreen .input-with-icon{padding-left:46px}#userLoginScreen .code-row{display:flex;gap:10px}#userLoginScreen .code-row .form-input{flex:1;min-width:0}#userLoginScreen .btn-code{flex-shrink:0;width:120px;height:56px;border:1.5px solid var(--border);border-radius:var(--radius);background:#fff;color:var(--brand-green-dark);font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease;white-space:nowrap}#userLoginScreen .btn-code:hover:not(:disabled){border-color:var(--brand-green);background:var(--brand-green-light)}#userLoginScreen .btn-code:disabled{color:var(--text-tertiary);background:#fafafa;cursor:not-allowed}#userLoginScreen .btn-submit{width:100%;height:56px;margin-top:12px;border:none;border-radius:var(--radius);background:#e8e8ec;color:#b8b8c0;font-size:16px;font-weight:600;font-family:inherit;cursor:not-allowed;transition:background .25s ease,transform .15s ease,opacity .2s ease;-webkit-tap-highlight-color:transparent}#userLoginScreen .btn-submit.ready{background:#111;color:#fff;cursor:pointer}#userLoginScreen .btn-submit.ready:hover:not(:disabled){background:#2b2b2e}#userLoginScreen .btn-submit.ready:active{transform:scale(.98);transition-duration:.08s}#userLoginScreen .btn-submit:disabled{opacity:.6;cursor:not-allowed}#userLoginScreen .agreement{margin-top:28px;text-align:center;font-size:13px;color:var(--text-secondary);line-height:1.6}#userLoginScreen .agreement a{color:#86868b;text-decoration:none;transition:color .2s}#userLoginScreen .agreement a:hover{color:#1d1d1f;text-decoration:underline}#userLoginScreen .error-msg{display:none;font-size:13px;color:#f53f3f;margin-top:6px;padding-left:4px}#userLoginScreen .error-msg.show{display:block}#userLoginScreen .copyright{position:absolute;bottom:24px;left:50%;transform:translate(-50%);font-size:12px;color:var(--text-tertiary)}@media (max-width: 900px){#userLoginScreen{overflow:auto}#userLoginScreen .page{flex-direction:column}#userLoginScreen .brand-panel{padding:80px 32px 36px;min-height:auto;justify-content:flex-start}#userLoginScreen .brand-logo{top:24px;left:24px}#userLoginScreen .brand-tagline{font-size:28px;margin-bottom:60px}#userLoginScreen .loop-container{width:240px;height:240px;margin:0 auto}#userLoginScreen .loop-node{width:54px;height:54px;margin:-27px 0 0 -27px;font-size:12px}#userLoginScreen .loop-center{width:90px;height:90px}#userLoginScreen .loop-center svg{width:18px;height:18px}#userLoginScreen .login-panel{padding:30px 24px 40px;flex-direction:column;gap:20px}#userLoginScreen .login-card{width:100%;max-width:400px}#userLoginScreen .copyright{position:static;transform:none;text-align:center;width:100%}}#app{display:flex;flex-direction:column;flex:1;min-height:0}#agreementMask ::-webkit-scrollbar{width:6px}#agreementMask ::-webkit-scrollbar-thumb{background:#c8ccd2;border-radius:3px}#agreementMask ::-webkit-scrollbar-track{background:transparent}#view-content .toolbar-left>.custom-select>.cs-btn,#view-content .toolbar-left>div>input[type=text]{height:34px}.plan-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#6dc19a;letter-spacing:.4px;margin-bottom:8px}.plan-eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:#6dc19a}.usage-divider{height:1px;background:#f0f0f0;margin:24px 0}.stat-value{display:inline-flex;align-items:baseline;gap:6px}.stat-value b{font-size:26px;font-weight:700;color:#1d1d1f;letter-spacing:-.6px;line-height:1}.stat-total{font-size:13px;color:#999}.sec-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:28px;margin-bottom:4px}.sec-head-left{display:flex;align-items:center;gap:14px}.sec-head-right{display:flex;align-items:center;gap:10px}.sec-title{font-size:18px;font-weight:600;color:#1d1d1f}.exp-head{margin-bottom:4px}.exp-title{font-size:18px;font-weight:600;color:#1d1d1f}.exp-sub{font-size:13px;color:#999;margin-top:4px}.exp-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.exp-group{background:#fafafa;border:1px solid #f2f2f2;border-radius:14px;padding:20px}.exp-group-head{display:flex;align-items:center;gap:8px}.exp-group-icon{width:28px;height:28px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#e6f5ee;color:#6dc19a}.exp-group-icon.article{background:#eef2ff;color:#5b7cfa}.exp-group-icon svg{width:16px;height:16px}.exp-group-name{font-size:15px;font-weight:600;color:#1d1d1f}.exp-group-remain{margin-left:auto;font-size:12px;color:#999}.exp-group-desc{font-size:12px;color:#999;margin:8px 0 16px}.exp-packs-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.exp-chip{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 8px 14px;text-align:center;background:#fff;border:1px solid #ececec;border-radius:14px;transition:all .18s}.exp-chip:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.exp-chip-spec{font-size:15px;font-weight:700;color:#1d1d1f;letter-spacing:-.2px}.exp-chip-price{font-size:17px;font-weight:700;color:#4ea87c;line-height:1.1}.exp-chip-note{font-size:11px;color:#b5b5b5}.exp-chip-tag{position:absolute;top:-9px;left:50%;transform:translate(-50%);font-size:11px;line-height:1.7;font-weight:500;padding:0 9px;border-radius:999px;white-space:nowrap;color:#fff}.exp-chip-tag.hot{background:linear-gradient(135deg,#ffa24c,#ff6b35);box-shadow:0 3px 8px #ff6b3559}.exp-chip-tag.value{background:linear-gradient(135deg,#9d8cff,#7059f2);box-shadow:0 3px 8px #7059f252}.exp-chip.hot{background:linear-gradient(180deg,#fff8f4,#fff);border-color:#ffe0d0}.exp-chip.hot:hover{border-color:#ff6b35}.exp-chip.value{background:linear-gradient(180deg,#f9f8ff,#fff);border-color:#e4dfff}.exp-chip.value:hover{border-color:#7059f2}.exp-group-foot{font-size:12px;color:#bbb;margin-top:14px;text-align:center}.modal-sm{width:620px}.exp-hint{font-size:12px;color:#999;line-height:1.7;background:#fafafa;border-radius:10px;padding:12px 14px;margin-bottom:18px}.exp-hint strong{color:#6dc19a;font-weight:600}.exp-packs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.exp-pack{border:1px solid #ececec;border-radius:14px;padding:18px 14px;cursor:pointer;transition:all .18s}.exp-pack:hover:not(.sel){border-color:#bbb}.exp-pack.sel{border-color:#1d1d1f;box-shadow:0 6px 16px #00000014}.exp-pack-head{display:flex;align-items:center;gap:6px}.exp-pack-spec{font-size:15px;font-weight:700;color:#1d1d1f}.exp-pack-tag{font-size:11px;line-height:1.7;padding:0 7px;border-radius:999px;color:#fff;white-space:nowrap}.exp-pack-tag.hot{background:linear-gradient(135deg,#ffa24c,#ff6b35)}.exp-pack-tag.value{background:linear-gradient(135deg,#9d8cff,#7059f2)}.exp-pack-price{font-size:20px;font-weight:700;margin:10px 0 4px;color:#1d1d1f}.exp-pack-note{font-size:12px;color:#999}.exp-qrcode{transition:box-shadow .15s}.pay-spec{margin-left:8px;font-size:13px;color:#666}.pay-note{font-size:12px;color:#999;margin-bottom:14px}.quota-chip{display:inline-flex;align-items:center;gap:8px;background:#f0f0f0;border-radius:999px;padding:8px 16px;font-size:13px;color:#555;cursor:pointer;transition:background .15s}.quota-chip:hover{background:#e8e8e8}.quota-chip b{color:#1d1d1f;font-weight:600}.quota-chip .quota-chip-link{color:#4a6cf7;margin-left:2px}.pay-box .qrcode{width:196px;height:196px;padding:10px;border-radius:10px}.modal-sm .pay-box .qrcode{width:168px;height:168px}.pay-box--solo{justify-content:center;padding:30px 24px}.pay-box .qrcode-blur-wrap{width:100%;height:100%;border-radius:0}.pay-box .qrcode-blur-fake{width:100%;height:100%;background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVwAAAFcCAIAAAALdJF7AAAFYUlEQVR42u3di23jUAxFweuFOnD/Hco1OC0YWIEg+WYKSORPDl4AUXzd951Tvd/vR37O5/Mp+11PXU/l+1N5zU+9rsrr6eZfAEQBEAVAFABRAEQBEAVAFABRAEQBEAWglSvN7oFPs3vpJ94Dv3Vm4eT3ufLzclIARAEQBUAUAFEARAEQBUAUAFEARAEQBSADZx8y8Ln9GXjPeeU+gqfew6euufLnTJzBqfxMnRQAUQBEARAFQBQAUQBEARAFQBQAUQBEAcjS2Yd4tn+63CffbYbCfISTAiAKgCgAogCIAiAKgCgAiAIgCoAoAKIAxOxDuu9rSOHMQuWuga2fhZMCgCgAogCIAiAKgCgAogCIAiAKgCgAogBk3ezDyfecV+5QyMCdF5U7HXLw3hAnBUAUAFEARAEQBUAUAFEARAEQBUAUAFEAcvDsw9Y9Aim8v73yPay8nsq5hsqfc/LfhZMCIAqAKACiAIgCIAqAKACiAIgCIAqAKADNvL7fr3chPXY6dJuPmPhZnLx/xEkBEAVAFABRAEQBEAVAFABRAEQBEAVAFICYfci25+1XXs/E17517mPid6PyO+akAIgCIAqAKACiAIgCIAqAKACiAIgCIApAM6/7vsddtDmCWfsjur32rTM4TgqAKACiAIgCIAqAKACiAIgCIAqAKACiACx1dbvv+pf7ybvdS1/5bH9mzRFU/l3Y+wD49wEQBUAUAFEARAEQBUAUAFEARAEQBWCpq9tz8iuf7d9t1qDbXoNun2m31751nsVJARAFQBQAUQBEARAFQBQAUQBEARAFQBSA2PuQbTMCT93fXnmffOXujImfe7fPovJ9dlIARAEQBUAUAFEARAEQBUAUAFEARAEQBaCZ133f2bhHIM12FmTproGt8whbd2f88nOcFABRAEQBEAVAFABRAEQBEAVAFABRAEQBaObKwOfSd9vFUHnf/sR9DWm2E2Ti97DyepwUAFEARAEQBUAUAFEARAEQBUAUAFEARAHI0r0PE5/Jf/K+Btd85pyFvQ+Afx8AUQBEARAFQBQAUQBEARAFQBQAUQAGup66V7zbffITd1XEzMJ/X/PE72rsfQD8+wCIAiAKgCgAogCIAiAKgCgAiAIgCkC67H3YOmuQZrMYJ38WJ+90eOp1OSkAogCIAiAKgCgAogCIAiAKgCgAogCIAtDMlcLn9qfwHu/KXQMnzyxU7ln45eds3elQ+bk7KQCiAIgCIAqAKACiAIgCIAqAKACiAIgCkIF7HzJwPqLyHnjzCGTRXgwnBUAUAFEARAEQBUAUAFEARAEQBUAUAFEAmnl9v99svCc/S5/Jv3U+Yut3Y+L3x0kBEAVAFABRAEQBEAVAFABRAEQBEAVAFIAcPPuQpc/Jz9L75Cfuxei2q2Li9TgpAKIAiAIgCoAoAKIAiAIgCoAoAKIAiALQzDXxOfkZOEfQbWdBt8/dzEKf76GTAiAKgCgAogCIAiAKgCgAogCIAiAKgCgAzVxpNiOQgTsLfvldT91L3+11ZeAcytbvvJMCIAqAKACiAIgCIAqAKACiAIgCIAqAKAA5ePYhzfYIeP7/rNmQra/dSQEQBUAUAFEAEAVAFABRAEQBEAVAFABRADJq9uFklfMR3fY1dJuhOHlfg5MCIAqAKACiAIgCIAqAKACiAIgCIAqAKAAx+0DsGrBfY//77KQAiAIgCoAoAKIAiAIgCoAoAKIAiAIgCkCWzj64L73Pe/jUHIF5BCcFAFEARAEQBUAUAFEARAEQBUAUAFEARAHIkNkHOwuybvdBt9+VgfMjGTgX46QAiAIgCoAoAKIAiAIgCoAoAKIAiAIgCsBAf4hb7Td9CI2QAAAAAElFTkSuQmCC) center / contain no-repeat;background-blend-mode:normal;filter:none;transform:none;opacity:1}.pay-box .qrcode-img,.pay-box .qrcode-placeholder{width:100%;height:100%}.pay-box .qrcode-gate{inset:0;border-radius:0;gap:8px;align-items:center;justify-content:center;padding:0 14px;background:none}.pay-box .qrcode-gate-tip{padding:0;text-align:center}.pay-box .qrcode-gate-btn{border-radius:999px;padding:6px 16px;font-size:12.5px;font-weight:500;letter-spacing:.2px}.pay-box .pay-info #payDesc{color:#999}.pay-box .pay-info .pay-title{margin-bottom:12px}.pay-box .pay-info .pay-price,.pay-box .pay-info .pay-amount{margin-bottom:20px}.pay-box .pay-info .pay-amount .pay-price{margin-bottom:0}.pay-box .pay-info .pay-refund{display:flex;align-items:center;gap:6px;font-size:13px;color:#666;margin-top:8px}.pay-box .pay-info .pay-refund b{font-weight:600;color:#1d1d1f}.pay-box .pay-info .pay-refund-info{width:14px;height:14px;border-radius:50%;flex:none;background:#d4d4d4;color:#fff;font-size:10px;font-weight:700;font-style:normal;display:inline-flex;align-items:center;justify-content:center;cursor:help}.lock-notice{display:flex;flex-direction:column;align-items:center;text-align:center}.lock-title{font-size:14px;font-weight:600;color:#1d1d1f}.lock-main{font-size:15px;font-weight:600;color:#1d1d1f;line-height:1.5;margin-top:4px}.lock-price{font-size:13px;color:#86868b;margin-top:8px}.lock-hint{font-size:13px;color:#999;margin-top:4px}.lock-actions{display:flex;align-items:center;gap:12px;margin-top:20px}.lock-btn{appearance:none;cursor:pointer;font-family:inherit;height:36px;padding:0 20px;border-radius:999px;font-size:13px;font-weight:500;line-height:1;background:#fff;color:#1d1d1f;border:1px solid #e2e2e2;transition:background .15s,border-color .15s}.lock-btn:hover{background:#fafafa;border-color:#cfcfcf}.lock-btn-primary{background:#1d1d1f;color:#fff;border-color:#1d1d1f;font-weight:600}.lock-btn-primary:hover{background:#333;border-color:#333}.plan-card,.billing-card,.agree-check--empty{border-width:1px}.pay-box{min-height:244px}.modal-sm .pay-box{min-height:216px}.billing-cards{min-height:51px}@media (max-width: 900px){.exp-grid,.exp-packs{grid-template-columns:1fr}.sec-head{flex-direction:column;align-items:flex-start}}