html,body,#app{min-height:100%}body{margin:0;background:#f5f7fb;color:#1f2937;font-family:PingFang SC,Noto Sans SC,Microsoft YaHei,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}img{display:block;max-width:100%}button{font:inherit}.app-layout{min-height:100vh;background:radial-gradient(circle at top left,rgba(22,119,255,.08),transparent 24%),linear-gradient(180deg,#f8fbff,#f5f7fb)}.ant-layout-header.app-header{z-index:10;height:auto;line-height:normal;padding:0 24px!important;background:#fff!important;border-bottom:1px solid rgba(15,23,42,.08)}.app-header__inner{display:block;max-width:1280px;margin:0 auto;min-height:60px}.app-tabs .ant-tabs-nav{margin:0}.app-tabs .ant-tabs-nav-wrap{justify-content:flex-start}.app-tabs .ant-tabs-nav:before{border-bottom-color:transparent}.app-tabs .ant-tabs-tab{padding:16px 0 14px;margin:0 32px 0 0;color:#667085;font-weight:600}.app-tabs .ant-tabs-tab:hover{color:#2f3a4a}.app-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#1f2329}.app-tabs .ant-tabs-ink-bar{height:2px!important;background:#07c160}.app-tab-label{display:inline-flex;align-items:center;gap:6px;color:inherit}.app-tab-label .anticon{font-size:15px}.app-content{width:100%;max-width:1280px;margin:0 auto;padding:24px}.page-stack{display:grid;gap:16px}.landing-page{gap:20px}.hero-card{background:linear-gradient(135deg,#0f172a,#1d4ed8)}.decode-hero{background:linear-gradient(135deg,#0f172a,#2563eb 55%,#0891b2)}.hero-card,.hero-card .page-title,.hero-card .page-subtitle{color:#fff}.page-title{margin:0;font-size:clamp(28px,4vw,36px);font-weight:700;line-height:1.2}.landing-hero{overflow:hidden;color:#fff;background:radial-gradient(circle at top right,rgba(34,197,94,.22),transparent 18%),linear-gradient(135deg,#0f172a,#1d4ed8 58%,#0891b2)}.landing-hero__content{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);gap:20px;align-items:stretch}.landing-title{margin:0;font-size:clamp(34px,5vw,54px);line-height:1.08;letter-spacing:-.03em}.landing-copy{margin:0;max-width:42rem;color:#ffffffd1;font-size:16px;line-height:1.8}.landing-proof{display:grid;gap:12px}.landing-proof__item{display:grid;gap:6px;padding:18px 20px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.landing-proof__item strong{font-size:18px}.landing-proof__item span{color:#ffffffb8}.landing-feature{height:100%}.landing-feature p{margin:0;color:#64748b;line-height:1.8}.landing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.landing-grid__item{padding:18px;border-radius:16px;background:linear-gradient(180deg,#f8fbff,#f1f7ff);border:1px solid #dbe8ff}.landing-grid__item h3{margin:0 0 8px;font-size:17px}.landing-grid__item p{margin:0;color:#64748b;line-height:1.75}.landing-checklist{display:grid;gap:10px;margin-top:18px}.landing-checklist__item{padding:12px 14px;border-radius:12px;background:#f8fafc;color:#475569}.page-subtitle{margin:0;max-width:52rem;color:#111827ad}.section-alert{margin-bottom:16px}.selection-box{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background:#f8fafc;border:1px dashed #d9e2f2;border-radius:14px}.selection-title{margin:0 0 4px;font-weight:600}.selection-copy{margin:0;color:#6b7280}.selected-logo-preview{display:grid;place-items:center;width:96px;height:96px;margin-bottom:8px;border-radius:14px;border:1px solid #d9e2f2;background:#fff}.selected-logo-preview img{width:72px;height:72px;object-fit:contain}.selected-logo-placeholder{display:grid;place-items:center;width:96px;height:96px;margin-bottom:8px;border-radius:14px;border:1px dashed #d9e2f2;background:#fff;color:#94a3b8;font-size:13px}.color-input{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:1px solid #d9d9d9;border-radius:10px;background:#fff}input[type=color]{width:48px;height:32px;padding:0;border:none;background:transparent}.qr-preview-stage{display:grid;place-items:center;min-height:360px;margin-bottom:20px;padding:24px;background:linear-gradient(180deg,#f8fafc,#eef4ff);border-radius:16px;border:1px dashed #d9e2f2}.preview-descriptions .ant-descriptions-item-label,.history-meta .ant-descriptions-item-label{width:92px}.decode-dragger,.decode-form{margin-top:8px}.page-header-card{display:flex;align-items:center;justify-content:space-between;gap:16px}.history-list .ant-card-actions{background:#fafcff}.history-url{margin-bottom:10px;color:#6b7280;word-break:break-all}.history-timeline{background:#fff;border-radius:16px;padding:8px 20px}.history-thumb-button{padding:0;border:none;background:transparent;cursor:pointer}.history-thumb-image{display:block;width:88px;height:88px;object-fit:contain;border-radius:12px;border:1px solid #e5e7eb;background:#fff}.history-item-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.history-item-body{display:grid;gap:8px}.history-url-row{display:flex;align-items:flex-start;gap:8px}.history-item-meta{display:flex;flex-wrap:wrap;gap:16px;color:#6b7280}.record-preview-stage{display:grid;place-items:center;min-height:560px;padding:24px;overflow:auto;background:#f8fafc;border-radius:16px}.record-preview-image{max-width:100%;max-height:70vh;transform-origin:center center;transition:transform .2s ease}.record-preview-toolbar{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding-top:16px}.logo-dialog{display:grid;gap:18px}.logo-upload-panel,.logo-library-panel{display:grid;gap:12px}.logo-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.logo-section-head h3{margin:0;font-size:16px;font-weight:600;color:#111827}.logo-section-head p{margin:4px 0 0;color:#6b7280;font-size:13px}.logo-uploader.ant-upload-wrapper .ant-upload-drag{border-radius:16px;background:linear-gradient(180deg,#f8fbff,#f3f7ff);border-color:#cfe0ff}.logo-uploader.ant-upload-wrapper .ant-upload-drag .ant-upload{padding:28px 16px}.dialog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:16px;max-height:360px;overflow:auto;padding-right:4px}.dialog-sort{width:120px}.logo-grid-item{position:relative;display:grid;gap:6px;align-content:start;padding:10px;border:1px solid #e5e7eb;border-radius:14px;background:#fff}.logo-grid-item.active{border-color:#1677ff;box-shadow:0 0 0 3px #1677ff1f;background:#f0f7ff}.logo-grid-select{display:grid;gap:8px;justify-items:center;padding:0;border:none;background:transparent;cursor:pointer}.logo-grid-select img{width:72px;height:72px;object-fit:contain}.logo-badge{display:inline-flex;justify-content:center;padding:2px 8px;border-radius:999px;background:#1677ff1a;color:#1677ff;font-size:12px;font-weight:600}.logo-grid-delete{position:absolute;top:4px;right:4px;z-index:1;color:#98a2b3}.dialog-empty{padding:36px 0 12px}@media(max-width:768px){.app-header,.app-content{padding:16px}.app-tabs{width:100%}.app-tabs .ant-tabs-tab{margin-right:20px}.selection-box,.page-header-card,.logo-section-head,.landing-hero__content{flex-direction:column;align-items:flex-start}.landing-hero__content{display:flex}.landing-grid{grid-template-columns:1fr}.history-item-meta{flex-direction:column;gap:6px}.history-url-row{align-items:stretch}.qr-preview-stage{min-height:280px}.record-preview-stage{min-height:360px}}