:root{--page-bg:#edf3ff;--panel-bg:#fbfcff;--text:#182238;--muted:#526078;--line:#cfd6e2;--blue:#3b82f6;--violet:#8b5cf6;--shadow:0 8px 18px #1f29371a, 0 1px 4px #1f293712;--radius:8px;color:var(--text);background:var(--page-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Microsoft YaHei,PingFang SC,Segoe UI,Tahoma,Arial,system-ui,sans-serif;font-size:15px}*{box-sizing:border-box}body{background:var(--page-bg);min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}#app{min-height:100svh}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{background:var(--page-bg);min-height:100svh;padding:16px 0 25px;position:relative}.language-selector{z-index:5;position:absolute;top:16px;right:max(24px,50vw - 530px)}html[dir=rtl] .language-selector{left:max(24px,50vw - 530px);right:auto}.language-selector select{color:#172033;background:#fff;border:1px solid #c7cfdd;border-radius:7px;outline:none;min-width:114px;height:36px;padding:0 32px 0 12px;font-size:14px;box-shadow:0 1px 5px #1f293712}.page-container{width:min(930px,100% - 36px);margin:0 auto}.home-container{padding-top:48px}.hero-card,.action-card,.form-card,.empty-card{background:var(--panel-bg);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #ffffffc7}.hero-card{text-align:center;align-content:center;justify-items:center;min-height:135px;padding:23px 22px;display:grid}.hero-card h1{color:#747cff;letter-spacing:0;margin:0;font-size:34px;font-weight:800;line-height:1.2}.hero-card p{color:#46546a;margin:8px 0 14px;font-size:16px;line-height:1.35}.hero-line{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:999px;width:78px;height:3px}.action-card{text-align:center;padding:26px}.hero-card+.action-card{margin-top:23px}.home-stock-row{justify-content:center;margin:20px 0 23px;display:flex}.action-card h2{color:#182238;margin:0;font-size:22px;font-weight:800;line-height:1.35}.action-card p{color:#56637a;margin:12px 0 24px;font-size:15px}.service-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.service-button{border-radius:var(--radius);color:#fff;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:9px;min-height:61px;padding:10px 13px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:grid;box-shadow:0 6px 14px #204c8f24}.service-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #204c8f33}.service-button span{text-align:center;overflow-wrap:anywhere;min-width:0;font-size:15px;font-weight:700;line-height:1.35}.service-icon,button svg,.field-label svg,.warning-title svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.service-icon{justify-self:center;width:19px;height:19px}.service-start{background:linear-gradient(135deg,#3b82f6 0%,#8957ef 100%)}.service-query{background:linear-gradient(135deg,#2f82f6 0%,#2f63df 100%)}.service-batch{background:linear-gradient(135deg,#a746f4 0%,#922ee8 100%)}.service-subscribe{background:linear-gradient(135deg,#20b9aa 0%,#119680 100%)}.service-change{background:linear-gradient(135deg,#ff7612 0%,#f05707 100%)}.app-footer{color:#586981;text-align:center;margin-top:23px;font-size:14px;line-height:1.65}.app-footer p{margin:0}.service-container{padding-top:56px}.stock-row{margin:22px 0 14px}.stock-badge{color:#18a300;background:#f8fff2;border:1px solid #9ee176;border-radius:999px;justify-content:center;align-items:center;min-height:27px;padding:4px 12px;font-size:13px;line-height:1.35;display:inline-flex}.stock-low{color:#b45309;background:#fffbeb;border-color:#facc15}.stock-none,.stock-unknown{color:#667085;background:#f9fafb;border-color:#d1d5db}.form-card{padding:25px}.recharge-form{min-height:315px}.stepper{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:25px;display:grid;position:relative}.stepper:before{content:"";background:#cbd1db;height:3px;position:absolute;top:32px;left:20%;right:20%}.step{z-index:1;border-radius:var(--radius);color:#7a8497;background:var(--panel-bg);border:2px solid #cbd1db;align-content:center;justify-items:center;gap:8px;min-height:66px;font-size:14px;display:grid;position:relative}.step span{color:#fff;background:#c8ced8;border-radius:999px;place-items:center;width:27px;height:27px;font-size:15px;font-weight:800;display:grid}.step.active{color:#2f76ec;background:#e7f0ff;border-color:#3b82f6}.step.active span{background:#3b82f6}.field-block{color:#172033;gap:9px;display:grid}.field-label{align-items:center;gap:8px;font-size:15px;line-height:1.35;display:inline-flex}.field-label svg{color:#f59e0b;width:15px;height:15px}.field-label em{color:#ef4444;font-style:normal}.field-block input,.field-block textarea{border-radius:var(--radius);color:#111827;background:#fff;border:1px solid #cbd3df;outline:none;width:100%;font-size:15px;line-height:1.45}.field-block input{height:41px;padding:0 12px}.field-block textarea{resize:vertical;min-height:135px;padding:10px 12px}.field-block input:focus,.field-block textarea:focus{border-color:#6d83ff;box-shadow:0 0 0 3px #6366f126}.field-block textarea::-moz-placeholder{color:#96a1b3}.field-block input::-moz-placeholder{color:#96a1b3}.field-block textarea::placeholder,.field-block input::placeholder{color:#96a1b3}.gradient-submit,.soft-submit,.orange-submit,.account-submit,.light-button,.muted-button,.dark-button{border-radius:var(--radius);border:0;font-weight:500}.gradient-submit{color:#fff;background:linear-gradient(90deg,#3b82f6,#8b5cf6);justify-content:center;align-items:center;gap:8px;width:100%;height:43px;margin-top:20px;font-size:15px;display:inline-flex}.compact-submit{width:auto;min-width:126px;margin-top:0;padding:0 18px}.gradient-submit svg,.soft-submit svg,.orange-submit svg{width:16px;height:16px}.stack-form{gap:16px;display:grid}.instruction-card,.confirm-box,.result-card{border-radius:var(--radius);background:#fff;border:1px solid #dbe3ef}.instruction-card,.confirm-box{padding:13px 14px}.instruction-card p,.confirm-box p{color:#46546a;margin:0 0 9px;font-size:14px;line-height:1.55}.instruction-card p:last-child,.confirm-box p:last-child{margin-bottom:0}.inline-actions{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.inline-actions a{color:#fff;background:#3b82f6;border-radius:6px;align-items:center;min-height:34px;padding:0 12px;text-decoration:none;display:inline-flex}.form-actions{justify-content:flex-end;gap:10px;display:flex}.message{border-radius:var(--radius);margin:13px 0;padding:9px 11px;font-size:13px;line-height:1.45}.message-success{color:#166534;background:#f0fdf4;border:1px solid #86efac}.message-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.message-info{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.confirm-box h2,.result-card h2,.result-card h3{color:#172033;margin:0 0 14px}.result-card{color:#46546a;margin-top:16px;padding:14px}.result-card p{margin:8px 0;line-height:1.5}.result-card pre{color:#273247;white-space:pre-wrap;word-break:break-word;background:#f8fafc;border-radius:6px;max-height:280px;margin:12px 0 0;padding:12px;overflow:auto}.result-card code{color:#111827;overflow-wrap:anywhere;background:#f3f4f6;border-radius:6px;margin:12px 0;padding:12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;display:block}.table-card{box-shadow:var(--shadow);background:#fff}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e5e7eb;padding:9px 11px;font-size:12px}html[dir=rtl] th,html[dir=rtl] td{text-align:right}th{color:#273247;background:#f8fafc;font-weight:800}td{color:#46546a}tbody tr:hover td{background:#fbfdff}.status-pill{color:#166534;background:#dcfce7;border-radius:999px;align-items:center;min-height:24px;padding:2px 9px;font-size:12px;display:inline-flex}.text-button{color:#3b82f6;background:0 0;border:0;padding:0;font-size:13px}.text-button:disabled{color:#9ca3af;opacity:1}.query-results-card{border:1px solid #e2e8f0f2;padding:0;overflow:hidden}.query-filter-bar{background:linear-gradient(#fbfcff,#f8fbff);border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:8px;padding:13px 16px;display:flex}.filter-button{color:#526078;background:#fff;border:1px solid #e5e7eb;border-radius:999px;min-height:29px;padding:0 11px;font-size:12px;font-weight:700;transition:background .16s,border-color .16s,color .16s}.filter-button.active{color:#fff;background:linear-gradient(90deg,#3b82f6,#6366f1);border-color:#3b82f6;box-shadow:0 5px 12px #3b82f629}.filter-button:not(.active):hover{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.query-result-header{border-bottom:1px solid #edf2f7;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.query-result-header h2{color:#172033;margin:0;font-size:16px;line-height:1.3}.query-tools{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.query-tools .text-button{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;min-height:27px;padding:0 9px;font-size:12px;font-weight:700}.query-tools .text-button:hover{color:#1d4ed8;background:#dbeafe}.empty-table-cell{color:#8a94a6;text-align:center;padding:20px 9px}.status-normal{color:#166534;background:#dcfce7}.status-used{color:#374151;background:#f3f4f6}.status-disabled{color:#991b1b;background:#fee2e2}.status-invalid,.status-unknown{color:#92400e;background:#fef3c7}.full-row{align-items:center}.full-row .soft-submit{flex:1}.compact-table{margin-top:20px}.subscription-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;margin-top:12px;padding:14px}.success-result{background:#f0fdf4;border-color:#86efac}.plain-container{width:min(930px,100% - 32px);padding-top:59px}.plain-title{text-align:center}.plain-title h1{color:#172033;margin:0;font-size:29px;font-weight:800;line-height:1.25}.plain-title p{color:#46546a;margin:7px 0 20px;font-size:15px}.query-form-card{border:1px solid #e2e8f0f2;padding:22px}.query-form-card .field-block textarea{background:#fbfdff;min-height:180px}.button-row{align-items:center;gap:11px;margin-top:18px;display:flex}.muted-button,.dark-button{color:#fff;height:38px;padding:0 18px;font-size:15px;transition:transform .16s,box-shadow .16s,background .16s}.muted-button{background:linear-gradient(90deg,#3b82f6,#8b5cf6);min-width:104px;box-shadow:0 6px 14px #3b82f62e}.dark-button{color:#344054;background:#f2f4f7;border:1px solid #d0d5dd;min-width:76px}.query-form-card .light-button{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;min-width:94px;height:38px;font-size:14px;font-weight:700}.muted-button:hover,.dark-button:hover,.query-form-card .light-button:hover{transform:translateY(-1px)}.muted-button:hover{box-shadow:0 9px 18px #3b82f63d}.dark-button:hover{background:#e4e7ec}.query-form-card .light-button:hover{background:#dbeafe}.empty-card{text-align:center;align-content:center;justify-items:center;min-height:198px;margin-top:25px;padding:25px;display:grid}.empty-card svg{fill:none;stroke:#9ca3af;stroke-width:2.4px;stroke-linecap:round;width:49px;height:49px;margin-bottom:14px}.empty-card h2{color:#111827;margin:0;font-size:18px;line-height:1.4}.empty-card p{color:#667085;margin:10px 0 0;font-size:14px}.batch-form-card{margin-top:25px;padding:25px}.batch-form-card .field-block textarea{min-height:189px}.helper-text{color:#667085;margin:9px 0 18px;font-size:13px}.checkbox-line{color:#172033;align-items:center;gap:11px;margin-bottom:5px;font-size:15px;display:flex}.checkbox-line input{accent-color:#3b82f6;width:18px;height:18px}.danger-note{color:#ff4b12;margin:0 0 18px 27px;font-size:13px;line-height:1.55}.concurrency-line{color:#526078;align-items:center;gap:10px;margin-bottom:18px;font-size:14px;display:flex}.concurrency-line input{border-radius:var(--radius);text-align:center;border:1px solid #cbd3df;width:68px;height:32px;font-size:14px}.concurrency-line small{color:#9aa4b5;font-size:13px}.soft-submit{color:#fff;background:linear-gradient(90deg,#3b82f6,#8b5cf6);justify-content:center;align-items:center;gap:8px;width:100%;height:43px;font-size:16px;transition:transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 6px 14px #3b82f62e}.soft-submit:hover{transform:translateY(-1px);box-shadow:0 9px 18px #3b82f63d}.account-container{width:min(680px,100% - 22px);padding-top:20px}.account-title h1{font-size:29px}.account-title p{margin-bottom:22px}.account-card{padding:22px}.account-card .field-block textarea{min-height:115px}.account-result{background:#f8fafc;border:1px solid #e5e7eb;padding:0;overflow:hidden}.account-success-banner,.account-error-banner{color:#fff;align-items:center;gap:12px;padding:13px 14px;display:flex}.account-success-banner{background:linear-gradient(90deg,#22c55e,#10b981)}.account-error-banner{background:linear-gradient(90deg,#ef4444,#dc2626)}.account-success-banner svg,.account-error-banner svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:23px;height:23px}.account-success-banner h2,.account-error-banner h2,.account-success-banner p,.account-error-banner p{margin:0}.account-success-banner h2,.account-error-banner h2{color:#fff;font-size:15px;line-height:1.35}.account-success-banner p,.account-error-banner p{color:#ffffffe6;font-size:13px}.subscription-list{gap:13px;padding:14px;display:grid}.subscription-card{border-radius:var(--radius);background:#fff;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 6px 14px #1f29370d}.subscription-card-header{color:#fff;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;display:flex}.subscription-active{background:linear-gradient(90deg,#22c55e,#059669)}.subscription-expired{background:linear-gradient(90deg,#9ca3af,#6b7280)}.subscription-status{align-items:center;gap:6px;font-weight:800;display:inline-flex}.subscription-status svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.subscription-details{gap:10px;margin:0;padding:13px;display:grid}.subscription-details div{justify-content:space-between;align-items:center;gap:12px;display:flex}.subscription-details dt{color:#667085;font-size:13px}.subscription-details dd{color:#172033;text-align:right;margin:0;font-weight:800}.date-badge,.platform-badge{border-radius:999px;align-items:center;min-height:22px;padding:2px 8px;font-size:12px;font-weight:800;display:inline-flex}.date-active{color:#15803d;background:#f0fdf4}.date-expired{color:#dc2626;background:#fef2f2}.platform-appstore{color:#1d4ed8;background:#eff6ff}.platform-googlepay{color:#15803d;background:#f0fdf4}.platform-web{color:#0369a1;background:#f0f9ff}.platform-unknown{color:#667085;background:#f3f4f6}.empty-subscription{color:#98a2b3;text-align:center;justify-items:center;gap:10px;padding:25px 16px;display:grid}.empty-subscription svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:36px;height:36px}.account-actions{grid-template-columns:minmax(0,1fr) 90px;gap:12px;margin-top:18px;display:grid}.account-submit,.light-button{height:41px;font-size:14px}.account-submit{color:#fff;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transition:transform .16s,box-shadow .16s;box-shadow:0 6px 14px #3b82f62e}.account-submit:hover{transform:translateY(-1px);box-shadow:0 9px 18px #3b82f63d}.light-button{color:#344054;background:#f2f4f7;border:1px solid #d0d5dd;transition:transform .16s,background .16s}.light-button:hover{background:#e4e7ec;transform:translateY(-1px)}.replace-container{width:min(640px,100% - 44px);padding-top:58px}.replace-card{margin-top:25px}.warning-box{border-radius:var(--radius);color:#d05a00;background:#fffbeb;border:1px solid #facc15;margin:0 0 22px;padding:14px 16px}.warning-title{align-items:center;gap:10px;font-size:15px;font-weight:800;display:flex}.warning-title svg{color:#f59e0b;width:17px;height:17px}.warning-box ul{margin:8px 0 0 26px;padding:0;font-size:14px;line-height:1.55}.orange-submit{color:#fff;background:linear-gradient(90deg,#fb923c,#f97316);justify-content:center;align-items:center;gap:8px;width:100%;height:43px;margin-top:20px;font-size:15px;transition:transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 6px 14px #f973162e}.orange-submit:hover{transform:translateY(-1px);box-shadow:0 9px 18px #f973163d}.center-back-link{color:#667085;margin:22px auto 4px;font-size:15px;text-decoration:none;display:table}@media (width<=980px){.language-selector{right:24px}html[dir=rtl] .language-selector{left:24px;right:auto}.page-container,.plain-container,.replace-container{width:min(100% - 28px,760px)}.home-container,.service-container,.plain-container,.replace-container{padding-top:74px}.hero-card h1{font-size:38px}.hero-card p{font-size:20px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.stepper{gap:14px}.form-card,.action-card{padding:28px}}@media (width<=560px){.app-shell{padding-bottom:24px}.language-selector,html[dir=rtl] .language-selector{left:14px;right:14px}.language-selector select{width:100%}.page-container,.plain-container,.replace-container,.account-container{width:calc(100% - 20px)}.hero-card{min-height:170px}.hero-card h1,.plain-title h1,.account-title h1{font-size:32px}.hero-card p,.plain-title p{font-size:17px}.service-grid{grid-template-columns:1fr}.service-button{min-height:74px}.stepper{grid-template-columns:1fr}.stepper:before{display:none}.button-row,.concurrency-line{flex-direction:column;align-items:stretch}.account-actions{grid-template-columns:1fr}}
