:root{--sidebar: #101c2c;--sidebar-deep: #081223;--sidebar-block: #152338;--page: #f5f7fa;--card: #ffffff;--line: #e8edf3;--text: #2c3a4a;--muted: #8a97a8;--primary: #00c5dc;--primary-dark: #00a8bc;--active-blue: #40a9ff;--tab-active: #28d094;--blue: #1890ff;--green: #52c41a;--red: #f44336;--warning-bg: #fffbe6;--warning-line: #ffe58f;--warning-text: #8b5b00;font-family:Microsoft YaHei UI,Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif;color:var(--text);background:var(--page);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--page);color:var(--text);font-size:13px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:210px minmax(0,1fr);background:var(--page)}.app-shell.total{min-width:1100px}.sidebar{position:sticky;top:0;z-index:8;height:100vh;overflow:hidden auto;color:#d8e2f0;background:var(--sidebar)}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:#334055}.brand{height:52px;display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid #263345}.brand img{width:28px;height:28px;border-radius:6px;object-fit:cover}.brand strong{color:#fff;font-size:13px}.sidebar nav{padding:8px 0 28px}.side-item{width:100%;height:42px;border:0;background:transparent;color:#c9d4e4;display:flex;align-items:center;gap:8px;padding:0 14px;text-align:left;font-size:13px;transition:color .15s,background .15s}.side-item:hover{color:#fff;background:#19273a}.side-item.active{color:#fff;background:#152338}.side-item.indent-1{height:36px;padding-left:40px;font-size:12px}.side-item.indent-2{height:32px;padding-left:54px;font-size:12px}.side-sub{background:var(--sidebar-deep);padding:4px 0 8px}.side-sub .side-item.active{color:var(--active-blue);background:#14283d}.side-icon{width:18px;font-size:14px;opacity:.88}.side-arrow{margin-left:auto;font-size:9px;opacity:.55}.workspace{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:7;background:#fff;border-bottom:1px solid #b7eef3}.header-row{height:42px;display:flex;align-items:center;gap:10px;padding:0 14px}.header-spacer{flex:1}.icon-only,.header-link,.user-button{border:0;background:transparent;color:#5a6a7e}.icon-only{width:28px;height:28px;border-radius:4px;font-size:16px}.icon-only:hover{background:#f0f4f8}.header-link{font-size:12px}.header-link:hover,.user-button:hover{color:var(--primary)}.timezone{color:var(--muted);font-size:12px}.user-button{display:flex;gap:4px;align-items:center;font-weight:600;font-size:12px}.user-button svg{font-size:9px;opacity:.6}.tab-row{min-height:36px;display:flex;align-items:center;gap:6px;padding:6px 12px 8px;background:#fafbfc;border-top:1px solid #f0f3f7}.page-tab{height:26px;display:inline-flex;align-items:center;gap:6px;border:0;border-radius:2px;padding:0 10px;color:#6b7a8d;background:transparent;font-size:12px}.page-tab.active{color:#fff;background:var(--tab-active)}.tab-dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.72}.page-tab svg{font-size:10px;opacity:.8}.page-scroll{flex:1;min-height:0;padding:18px 16px 60px}.total-page{max-width:1560px;width:100%;margin:0 auto}.page-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.breadcrumb{margin:0 0 8px!important;color:var(--muted)!important;font-size:12px!important}.page-title-row h1{margin:0;color:var(--text);font-size:20px;line-height:1.4}.page-title-row p{margin:5px 0 0;color:var(--muted);font-size:12px}.page-actions{display:flex;align-items:center;gap:8px}.btn{height:32px;border:1px solid transparent;border-radius:2px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 14px;font-size:12px}.btn.primary{color:#fff;background:var(--primary)}.btn.primary:hover{background:var(--primary-dark)}.btn.ghost{color:var(--text);background:#fff;border-color:#d9e0ea}.btn.ghost:hover{color:var(--primary);border-color:var(--primary)}.impact-bar{min-height:54px;display:flex;align-items:center;gap:12px;padding:10px 14px;margin-bottom:14px;color:var(--warning-text);background:var(--warning-bg);border:1px solid var(--warning-line);border-radius:2px}.impact-bar>svg{flex:none;font-size:18px;color:#d48806}.impact-bar div{display:flex;flex-direction:column;gap:3px}.impact-bar strong{font-size:13px}.impact-bar span{font-size:12px;opacity:.82}.impact-bar.merchant{margin:0 0 14px;color:#17657c;background:#e9f8fb;border-color:#b9edf3}.impact-bar.merchant>svg{color:var(--primary-dark)}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.summary-grid>div{min-height:82px;padding:13px 16px;background:#fff;border:1px solid var(--line);border-radius:2px;display:flex;align-items:baseline;gap:8px;position:relative}.summary-grid span{position:absolute;top:13px;left:16px;color:var(--muted);font-size:12px}.summary-grid strong{margin-top:23px;color:var(--text);font-size:25px;line-height:1}.summary-grid small{color:var(--muted);font-size:11px}.menu-layout{display:grid;grid-template-columns:minmax(650px,1fr) 318px;align-items:start;gap:14px}.config-card,.preview-card{background:#fff;border:1px solid var(--line);border-radius:2px}.section-head,.preview-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.section-head h2,.preview-card-head strong{margin:0;font-size:14px}.section-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.section-meta{color:var(--muted);font-size:11px}.preview-card{position:sticky;top:94px;overflow:hidden}.preview-card-head>div{display:flex;flex-direction:column;gap:3px}.preview-card-head span{color:var(--muted);font-size:11px}.live-badge{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:5px;color:var(--green)!important}.live-badge>span{width:6px;height:6px;border-radius:50%;background:var(--green)}.menu-table-head,.menu-row{display:grid;grid-template-columns:90px minmax(180px,1fr) 120px 120px minmax(140px,.8fr);align-items:center}.menu-table-head{min-height:40px;color:var(--muted);background:#fafbfc;border-bottom:1px solid var(--line);font-size:12px;font-weight:600}.menu-table-head>span,.menu-row>span{padding:0 14px}.menu-row{min-height:58px;border-bottom:1px solid #f0f3f7;transition:background .15s,opacity .15s}.menu-row:last-child{border-bottom:0}.menu-row:hover{background:#fafcfd}.menu-row.dragging,.merchant-menu-row.dragging{opacity:.42;background:#e9f8fb}.sort-cell{display:inline-flex;align-items:center;gap:9px;color:#bcc6d2;cursor:grab}.sort-cell b{color:var(--muted);font-size:11px;font-weight:500}.menu-name{display:inline-flex;align-items:center;gap:10px}.menu-name i{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:2px;color:var(--primary-dark);background:#e8f7fa;font-size:15px;font-style:normal}.menu-name strong{color:#3d4d60;font-size:12px;font-weight:600}.row-note{color:var(--muted);font-size:11px}.switch{position:relative;width:40px;height:20px;padding:0;border:0;border-radius:10px;background:#d9e0ea;transition:background .15s}.switch span{position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #1b2c401f;transition:left .15s}.switch.on{background:var(--primary)}.switch.on span{left:22px}.switch:disabled{opacity:.5;cursor:not-allowed}.switch:focus-visible{outline:2px solid #1890ff;outline-offset:2px}.client-shell{margin:14px;border:1px solid #e3e8ee;border-radius:6px;overflow:hidden;background:#f7f8fa}.client-brand{height:64px;padding:0 15px;display:flex;align-items:center;gap:10px;background:#fff;border-bottom:1px solid #edf0f4}.client-brand img{width:30px;height:30px;border-radius:6px}.client-brand div{display:flex;flex-direction:column;gap:1px}.client-brand strong{color:#303a47;font-size:13px}.client-brand small{color:#9aa4b1;font-size:8px;letter-spacing:.6px}.client-menu{padding:10px;min-height:390px;background:#fff}.client-menu-item{height:40px;display:flex;align-items:center;gap:12px;padding:0 12px;margin-bottom:3px;color:#4c5969;border-radius:5px;font-size:12px}.client-menu-item svg{width:16px;color:#657386;font-size:15px}.client-menu-item.selected{color:#9a6b2e;background:#faf3e7;box-shadow:inset 3px 0 #d9a758}.client-menu-item.selected svg{color:#9a6b2e}.preview-empty{padding:60px 0;color:var(--muted);text-align:center;font-size:12px}.preview-note{margin:0;padding:0 14px 14px;color:var(--muted);font-size:11px;line-height:1.6}.merchant-page{padding:12px 14px 70px}.merchant-split{min-height:calc(100vh - 104px);display:grid;grid-template-columns:176px minmax(0,1fr);gap:14px}.platform-mini-list{align-self:start;background:#fff;border:1px solid #e1e5ea;border-radius:2px;padding:10px 8px}.platform-mini-list h2{margin:3px 9px 8px;color:#737f8f;font-size:13px;font-weight:500}.platform-mini-list button{width:100%;height:36px;border:0;border-radius:2px;text-align:left;padding:0 10px;color:#5f6e80;background:transparent;font-size:12px}.platform-mini-list button.active{color:#1890ff;background:#eaf3ff}.merchant-detail{min-width:0;background:#fff;border:1px solid #edf0f3;border-radius:2px;padding:14px 16px 28px}.pm-section{padding:0 0 16px;margin-bottom:17px;border-bottom:1px solid #eef1f4}.pm-section:last-child{border-bottom:0}.pm-section-head{min-height:24px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.pm-section-head h3{margin:0;color:#262626;font-size:14px;font-weight:600}.pm-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 40px}.pm-info-grid.single{grid-template-columns:1fr}.pm-info-grid>div{display:flex;align-items:center;gap:12px;min-height:30px}.pm-info-grid span{min-width:72px;color:#848d99;font-size:12px}.pm-info-grid em{min-height:24px;display:inline-flex;align-items:center;padding:2px 10px;color:#414b57;background:#f5f5f5;border:1px solid #ececec;border-radius:2px;font-style:normal}.pm-info-grid em.blue-tag{color:#fff;background:#4096ff;border-color:#4096ff}.text-actions{display:flex;align-items:center;gap:12px}.text-actions button,button.text-primary{border:0;padding:0;color:var(--primary-dark);background:transparent;font-size:12px}.text-actions button:hover,button.text-primary:hover{color:#00899b}.tag-list,.game-tags{display:flex;flex-wrap:wrap;gap:6px}.tag-list i,.game-tags span{color:#2685b8;background:#eef9ff;border:1px solid #a8d9ee;border-radius:1px;padding:2px 8px;font-style:normal;font-size:12px}.game-tags{gap:5px 7px}.game-tags span{padding:2px 8px}.merchant-menu-section{padding:14px;margin-left:-4px;margin-right:-4px;border:1px solid #d7eef2;background:#fbfeff}.menu-section-title{align-items:flex-start}.menu-section-title p{margin:4px 0 0;color:var(--muted);font-size:12px}.merchant-config-grid{display:grid;grid-template-columns:minmax(440px,1fr) 286px;gap:14px;align-items:start}.merchant-menu-list{border:1px solid var(--line);background:#fff}.merchant-menu-head,.merchant-menu-row{display:grid;grid-template-columns:82px minmax(180px,1fr) 130px;align-items:center}.merchant-menu-head{min-height:38px;color:var(--muted);background:#fafbfc;border-bottom:1px solid var(--line);font-size:12px;font-weight:600}.merchant-menu-head span,.merchant-menu-row>span{padding:0 12px}.merchant-menu-row{min-height:50px;border-bottom:1px solid #f0f3f7}.merchant-menu-row:hover{background:#fafcfd}.scope-note{min-height:39px;display:flex;align-items:center;gap:7px;padding:0 12px;color:var(--muted);background:#fafbfc;font-size:11px}.merchant-menu-section .preview-card{position:static}.merchant-menu-section .preview-card-head{padding:12px 14px}.merchant-menu-section .client-menu{min-height:330px}.merchant-menu-section .client-menu-item{height:36px}.api-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:22px}.api-tabs button{position:relative;height:38px;padding:0;border:0;color:#5a5a5a;background:transparent}.api-tabs button.active{color:var(--primary)}.api-tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--primary)}.field-line{display:flex;align-items:center;gap:14px;margin-bottom:18px}.field-line span{color:var(--muted);font-size:12px}.field-line em{padding:2px 10px;color:#2485b6;background:#edf9ff;border:1px solid #b4dceb;font-style:normal}.key-head{margin-top:5px}.wide-field{display:flex;flex-direction:column;gap:6px;margin-bottom:10px;color:var(--muted);font-size:12px}.wide-field input,.method-field input{width:100%;height:32px;padding:0 10px;color:#565f6a;background:#f7f7f7;border:1px solid #d9d9d9;border-radius:2px;outline:none}.endpoint{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:12px;align-items:end}.method-field{display:flex;flex-direction:column;gap:6px;margin-bottom:10px;color:var(--muted);font-size:12px}.prototype-switcher{display:flex;align-items:center;gap:2px;padding:2px;color:#7d8a9b;background:#f4f7fa;border:1px solid #e3e8ee;border-radius:3px;font-size:11px}.prototype-switcher>span{padding:0 6px}.prototype-switcher button{height:24px;border:0;border-radius:2px;padding:0 8px;color:#607084;background:transparent;font-size:11px}.prototype-switcher button:hover{color:var(--primary-dark);background:#e8f7fa}.prototype-switcher button.active{color:#fff;background:var(--primary-dark)}.toast{position:fixed;top:72px;left:50%;z-index:50;transform:translate(-50%);display:flex;align-items:center;gap:8px;min-width:230px;padding:11px 18px;color:#fff;background:#101c2ced;border-radius:4px;box-shadow:0 8px 24px #08122333;font-size:13px}.toast svg{color:var(--tab-active)}@media(max-width:1280px){.menu-layout{grid-template-columns:minmax(620px,1fr) 290px}.merchant-config-grid{grid-template-columns:minmax(410px,1fr) 270px}}@media(max-width:860px){.app-shell.merchant{display:block}.app-shell.merchant .sidebar{display:none}.merchant-page{padding:12px 12px 70px}.merchant-split{display:block}.platform-mini-list{margin-bottom:12px}.merchant-detail{padding:16px}.pm-info-grid{grid-template-columns:1fr;gap:8px}.merchant-config-grid{grid-template-columns:1fr}.merchant-menu-section .preview-card{max-width:330px}.header-row{gap:8px}.header-link{display:none}}@media(max-width:520px){.merchant-page{padding:12px 12px 78px}.merchant-detail{padding:14px}.merchant-menu-section{margin-left:0;margin-right:0;padding:12px}.menu-section-title{flex-direction:column}.merchant-menu-head,.merchant-menu-row{grid-template-columns:58px minmax(130px,1fr) 88px}.merchant-menu-head span,.merchant-menu-row>span{padding:0 8px}.menu-name{gap:7px}.menu-name i{width:24px;height:24px}.endpoint{grid-template-columns:minmax(0,1fr) 92px}.prototype-switcher>span{display:none}.prototype-switcher button{padding:0 6px}}