:root{color:#142033;background:#eef3f8;font-family:Inter,Microsoft YaHei,PingFang SC,Noto Sans CJK SC,Arial,sans-serif;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}html,body,#root{min-height:100%}body{min-width:320px;margin:0;overflow-x:hidden;background:linear-gradient(180deg,#fffffff5 0,#ffffff85 176px,#fff0 420px),linear-gradient(135deg,#2e89ff21 0,#367dff12 34%,#fff0 70%),linear-gradient(180deg,#f7fbff 0,#eef5fa 42%,#eaf3f7)}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.52}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}.client-page,.admin-page,.admin-login-page{min-height:100vh;background:transparent}.client-page,.admin-page{width:min(1500px,calc(100% - 48px));margin:0 auto;padding:34px 0 42px}.client-header,.admin-header{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:4px 0 26px}.client-header{justify-content:space-between}.brand{display:flex;align-items:center;gap:16px;min-width:0}.brand.compact{margin-bottom:24px}.brand-mark{width:58px;height:58px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;color:#fff;background:linear-gradient(180deg,rgba(255,255,255,.28),transparent),linear-gradient(135deg,#2f8bff,#1a6cff 62%,#1458c8);box-shadow:0 14px 28px #186bd633}.brand.compact .brand-mark{width:48px;height:48px}.brand-title{color:#13213a;font-size:26px;font-weight:900;line-height:1.18;letter-spacing:0}.brand-subtitle{margin-top:5px;color:#60718d;font-size:15px;font-weight:700}.header-actions,.admin-header-actions,.client-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ghost-link,.ghost-button,.header-link{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:1px solid rgba(202,214,229,.9);border-radius:8px;background:#ffffffc7;color:#29415f;font-weight:800;cursor:pointer;box-shadow:0 12px 32px #21334e0f}.ghost-button,.header-link{-webkit-appearance:none;-moz-appearance:none;appearance:none}.header-link{border-color:#aec4e1eb;white-space:nowrap}.primary-nav-action{border-color:#1a6cff3d;background:linear-gradient(135deg,#1f7bff,#1a62dc);color:#fff;box-shadow:0 16px 34px #1d6dff33}.client-grid{display:grid;grid-template-columns:minmax(360px,520px) minmax(0,1fr);gap:22px;align-items:stretch}.tool-panel,.result-panel,.create-panel,.code-panel,.login-card{border:1px solid rgba(255,255,255,.72);border-radius:8px;background:#ffffffb3;box-shadow:0 24px 64px #293b581a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.tool-panel,.result-panel,.create-panel,.code-panel,.login-card{padding:26px}.panel-title{display:flex;align-items:center;gap:14px;min-width:0;margin-bottom:24px}.panel-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;color:#1d6dff;background:linear-gradient(135deg,#edf5ff,#e8f1ff);box-shadow:inset 0 0 0 1px #1d6dff14}.panel-title h2{color:#13213a;font-size:22px;line-height:1.25;font-weight:900;letter-spacing:0}.panel-title p{margin-top:4px;color:#667791;font-size:14px;font-weight:700;line-height:1.5}.field{display:grid;gap:9px;min-width:0;margin-bottom:16px}.field span{color:#263854;font-size:14px;font-weight:900}.field input,.search-shell input,.select-shell select{width:100%;height:52px;min-width:0;border:1px solid #d3deeb;border-radius:8px;background:#fff;color:#13213a;outline:none}.field input{padding:0 14px}.field input:focus,.search-shell:focus-within,.select-shell:focus-within,.input-with-icon:focus-within{border-color:#1c7dff;box-shadow:0 0 0 4px #1c7dff1f}.input-with-icon,.search-shell,.select-shell{display:flex;align-items:center;gap:10px;min-width:0;border:1px solid rgba(207,219,234,.82);border-radius:8px;background:#fff;color:#3471ff;transition:border-color .16s ease,box-shadow .16s ease}.input-with-icon{height:52px;padding:0 14px}.input-with-icon input,.search-shell input,.select-shell select{height:50px;border:0;padding:0;box-shadow:none}.input-with-icon input{flex:1;background:transparent;border-radius:0}.search-shell input,.select-shell select{background:transparent}.select-shell{padding-left:12px}.select-shell select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:12px;cursor:pointer}.inline-note{display:flex;align-items:center;gap:8px;margin:-4px 0 18px;color:#687995;font-size:14px;font-weight:700}.repair-code-box{display:grid;gap:14px;margin-top:18px;padding:18px;border:1px solid rgba(219,229,239,.72);border-radius:8px;background:#ffffff94}.repair-code-box .field,.repair-code-box .inline-note{margin-bottom:0}.dropzone{min-height:336px;display:grid;place-items:center;align-content:center;gap:16px;padding:24px;text-align:center;border:1px solid rgba(255,255,255,.72);border-radius:8px;background:linear-gradient(180deg,#ffffff6b,#f7fbffa8),#f8fbffa3;box-shadow:inset 0 0 0 1px #5c8fd60f;transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}.dropzone.dragging{border-color:#1a6cff8c;background:#eef6ff;box-shadow:inset 0 0 0 1px #1a6cff1f,0 16px 36px #1a6cff14;transform:translateY(-1px)}.dropzone input{display:none}.cloud-asset,.file-asset{display:grid;place-items:center;color:#3471ff}.cloud-asset{width:120px;height:88px;border-radius:8px;background:radial-gradient(circle at 34% 58%,#c9ddff 0 19px,transparent 20px),radial-gradient(circle at 53% 45%,#d7e5ff 0 32px,transparent 33px),radial-gradient(circle at 70% 59%,#c3dafd 0 24px,transparent 25px),linear-gradient(180deg,transparent 0 48px,#cfe0ff 49px 72px,transparent 73px)}.drop-copy h1{color:#101d33;font-size:24px;line-height:1.25;font-weight:900;letter-spacing:0}.drop-copy p,.retention-text{max-width:360px;color:#667791;font-size:15px;font-weight:700;line-height:1.55}.drop-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.primary-button,.secondary-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:0 18px;border:1px solid transparent;font-weight:900;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,background .14s ease,border-color .14s ease}.primary-button{color:#fff;background:linear-gradient(135deg,#1b8bff,#155cff);box-shadow:0 14px 28px #155cff33}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.ghost-link:hover,.ghost-button:hover,.icon-button:hover,.table-actions button:hover{transform:translateY(-1px)}.secondary-button{color:#29415f;background:#fff;border-color:#d3deeb;box-shadow:0 12px 22px #2336540f}.compact-button{min-height:52px;padding-inline:16px;white-space:nowrap}.full{width:100%}.spin{animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notice{display:flex;align-items:center;gap:9px;margin-top:16px;padding:12px 14px;border-radius:8px;font-size:14px;font-weight:800}.notice.error{color:#b42318;background:#fff1f0;border:1px solid #ffd5d1}.notice.success{color:#155cff;background:#f2f7ff;border:1px solid #cfe0ff}.result-panel{min-height:100%}.result-content{display:grid;gap:18px}.state-banner{display:flex;align-items:center;gap:12px;padding:14px;border-radius:8px;border:1px solid}.state-banner strong,.state-banner span{display:block}.state-banner strong{font-size:16px;font-weight:900}.state-banner span{margin-top:3px;font-size:14px;font-weight:700}.state-banner.success{color:#155cff;border-color:#cfe0ff;background:#f2f7ff}.state-banner.danger{color:#b42318;border-color:#ffd5d1;background:#fff5f4}.state-banner.pending{color:#155cff;border-color:#cfe0ff;background:#f2f7ff}.metrics,.form-grid,.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metrics{grid-template-columns:minmax(180px,240px)}.code-create-grid{grid-template-columns:minmax(0,1fr)}.metric{min-height:88px;padding:14px;border:1px solid rgba(224,232,242,.76);border-radius:8px;background:linear-gradient(180deg,#fff,#f8fbff)}.metric span{display:block;color:#687995;font-size:13px;font-weight:800;margin-bottom:8px}.metric strong{color:#101d33;font-size:26px;line-height:1;font-weight:900}.download-row{display:flex;flex-wrap:wrap;gap:12px}.preview-box{overflow:hidden;border:1px solid #d8e2ee;border-radius:8px;background:#111827}.preview-head{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;padding:0 14px;color:#d8e3f4;background:#172235;border-bottom:1px solid rgba(255,255,255,.08)}.preview-head span{font-size:14px;font-weight:900}.preview-head small{min-width:0;overflow:hidden;color:#98a7bc;text-overflow:ellipsis;white-space:nowrap}.preview-box pre,.created-box pre{overflow:auto;white-space:pre-wrap;word-break:break-word;margin:0;font-family:Microsoft YaHei,PingFang SC,Consolas,monospace;font-size:13px;line-height:1.75}.preview-box pre{min-height:250px;max-height:390px;padding:16px;color:#eef6ff}.empty-result{min-height:398px;display:grid;place-items:center;align-content:center;gap:12px;padding:28px;text-align:center;border:1px solid rgba(255,255,255,.66);border-radius:8px;background:#f8fbff8a;box-shadow:inset 0 0 0 1px #5c8fd60a}.file-asset{width:98px;height:98px;border-radius:8px;background:linear-gradient(135deg,#eef9ff,#e9f2ff);color:#1d6dff}.empty-result h2{color:#101d33;font-size:24px;font-weight:900;letter-spacing:0}.empty-result p{color:#667791;font-size:15px;font-weight:700;line-height:1.6}.client-assurance{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.purchase-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:22px;background:#0d1f387a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.purchase-modal{width:min(620px,100%);max-height:calc(100vh - 44px);display:grid;grid-template-rows:auto minmax(0,1fr);gap:18px;overflow:hidden;padding:20px;border:1px solid rgba(211,224,241,.9);border-radius:8px;background:#fffffff5;box-shadow:0 28px 78px #0d1f383d}.purchase-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.purchase-modal-head h2{color:#13213a;font-size:22px;line-height:1.25;font-weight:900;letter-spacing:0}.purchase-modal-head p{margin-top:5px;color:#667791;font-size:14px;font-weight:700}.modal-close-button{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #d3deeb;border-radius:8px;background:#fff;color:#29415f;cursor:pointer}.purchase-image-wrap{min-height:0;display:grid;place-items:center;overflow:hidden;border:1px solid #d9e4f2;border-radius:8px;background:linear-gradient(180deg,#f8fbff,#eef5ff)}.purchase-image{display:block;width:auto;height:auto;max-width:100%;max-height:min(72vh,720px);object-fit:contain}.action-modal{width:min(460px,100%);display:grid;gap:16px;padding:24px;border:1px solid rgba(211,224,241,.9);border-radius:8px;background:#fffffff7;box-shadow:0 28px 78px #0d1f383d}.action-modal-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:8px;color:#155cff;background:#eaf2ff}.action-modal-icon.success{color:#fff;background:linear-gradient(135deg,#1b8bff,#155cff)}.action-modal-copy h2{color:#13213a;font-size:22px;line-height:1.25;font-weight:900;letter-spacing:0}.action-modal-copy p{margin-top:6px;color:#667791;font-size:15px;font-weight:700;line-height:1.6}.confirm-detail{display:grid;gap:10px;margin:0;padding:14px;border:1px solid #d9e4f2;border-radius:8px;background:#f7faff}.confirm-detail div{display:grid;gap:4px}.confirm-detail dt{color:#667791;font-size:13px;font-weight:800}.confirm-detail dd{min-width:0;margin:0;overflow-wrap:anywhere;color:#13213a;font-size:14px;font-weight:900}.modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.success-modal{place-items:center;text-align:center}.info-tile{min-height:78px;display:flex;align-items:center;gap:14px;padding:16px;border:1px solid rgba(255,255,255,.68);border-radius:8px;color:#256bff;background:#ffffff9e;box-shadow:0 14px 36px #24345212}.info-tile strong,.info-tile span{display:block}.info-tile strong{color:#203149;font-weight:900}.info-tile span{margin-top:3px;color:#6a7a91;font-size:13px;font-weight:700}.admin-login-page{display:grid;place-items:center;padding:28px}.login-card{width:min(440px,100%)}.back-link{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:12px;color:#667791;font-weight:800}.stat-grid{margin-bottom:18px}.stat-card{min-height:112px;display:flex;align-items:center;gap:16px;padding:20px;border:1px solid rgba(219,229,239,.7);border-radius:8px;background:#ffffffb8;box-shadow:0 16px 42px #24345214}.stat-card span{width:44px;height:44px;display:grid;place-items:center;border-radius:8px;color:#155cff;background:#eaf2ff}.stat-card strong{color:#101d33;font-size:30px;line-height:1;font-weight:900}.stat-card p{margin-top:6px;color:#6a7a91;font-size:14px;font-weight:800}.admin-grid{display:grid;grid-template-columns:minmax(330px,390px) minmax(0,1fr);gap:18px;align-items:start}.created-box{overflow:hidden;margin-top:16px;border:1px solid #dce6f0;border-radius:8px;background:#fff}.created-head{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;background:#f7faff;border-bottom:1px solid #e4ecf5}.created-head strong{color:#203149;font-size:14px}.created-box pre{max-height:260px;padding:14px;color:#101d33;background:#fff}.icon-button,.table-actions button{display:inline-grid;width:38px;height:38px;place-items:center;border:1px solid #d3deeb;border-radius:8px;color:#29415f;background:#fff;cursor:pointer;transition:transform .14s ease,border-color .14s ease}.code-panel{min-width:0}.code-panel-head{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,780px);gap:16px;align-items:start;margin-bottom:10px}.toolbar-controls{display:grid;grid-template-columns:128px minmax(180px,1fr) auto auto;gap:10px;align-items:center}.table-wrap{overflow-x:auto}table{width:100%;min-width:930px;border-collapse:collapse}th,td{height:64px;padding:12px 14px;border-bottom:1px solid #e6edf5;text-align:left;vertical-align:middle;font-size:14px}th{height:54px;color:#65768f;background:#f7faff;font-weight:900}tbody tr:hover{background:#f9fcff}.mono{font-family:Consolas,Microsoft YaHei,monospace;color:#15223a;font-weight:900;letter-spacing:0}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:4px 10px;border-radius:8px;font-size:13px;font-weight:900;white-space:nowrap}.status-badge.success,.status-badge.warning{color:#155cff;background:#edf4ff}.table-actions{display:flex;gap:8px}.danger-action,.danger-text{color:#c22626!important}.empty-row{height:120px;color:#74849a;text-align:center;font-weight:800}.mobile-code-list{display:none}@media(max-width:1180px){.client-grid,.admin-grid,.code-panel-head{grid-template-columns:1fr}}@media(max-width:820px){.client-page,.admin-page{width:100%;padding-right:10px;padding-left:10px;padding-top:18px}.client-header,.admin-header{align-items:flex-start;display:grid;gap:16px;padding-bottom:18px}.brand{gap:12px}.brand-mark{width:48px;height:48px}.brand-title{font-size:23px}.brand-subtitle{font-size:14px}.header-actions,.admin-header-actions,.client-nav{width:100%}.ghost-link,.ghost-button,.header-link{flex:1}.tool-panel,.result-panel,.create-panel,.code-panel,.login-card{padding:20px;min-width:0}.panel-title{margin-bottom:20px}.panel-title h2{font-size:20px}.dropzone{min-height:330px;padding:22px 14px}.drop-actions,.download-row,.modal-actions{display:grid;width:100%}.primary-button,.secondary-button{width:100%}.purchase-modal-backdrop{padding:12px}.purchase-modal,.action-modal{max-height:calc(100vh - 24px);padding:16px}.purchase-image{max-height:calc(100vh - 128px)}.metrics,.form-grid,.stat-grid,.client-assurance,.toolbar-controls{grid-template-columns:1fr}.compact-button{width:100%}.table-wrap{display:none}.mobile-code-list{display:grid;gap:12px}.code-card{display:grid;gap:14px;padding:16px;border:1px solid #e1e9f2;border-radius:8px;background:#fff}.code-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.code-card .mono{min-width:0;overflow-wrap:anywhere}.code-card dl{display:grid;gap:10px;margin:0}.code-card dl div{display:flex;align-items:center;justify-content:space-between;gap:12px}.code-card dt{color:#6a7a91;font-size:13px;font-weight:800}.code-card dd{margin:0;color:#203149;font-size:13px;font-weight:800;text-align:right}.card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}@media(max-width:520px){.admin-login-page{padding:14px 10px}.client-page,.admin-page,.login-card{width:100%}.brand-title{font-size:20px}.brand-subtitle{margin-top:3px}.panel-title{align-items:flex-start}.drop-copy h1,.empty-result h2{font-size:22px}.preview-head{display:grid;align-content:center;min-height:58px;padding-block:9px}.preview-head small{width:100%}.stat-card{min-height:92px}.code-card-head,.code-card dl div{display:grid;justify-content:stretch}.code-card dd{text-align:left}}