:root{color:#102033;background:#f3f5f8;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f3f5f8}#app{min-height:100vh}button,input{font:inherit}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);background:radial-gradient(circle at top left,rgba(64,188,255,.18),transparent 34%),radial-gradient(circle at 75% 18%,rgba(32,103,255,.15),transparent 28%),linear-gradient(135deg,#eef7ff,#f6fbff 34%,#f3f6fb)}.login-hero{position:relative;overflow:hidden;padding:72px 56px 48px 72px;display:flex;flex-direction:column;justify-content:center;gap:26px}.login-hero:before{content:"";position:absolute;inset:36px 54px auto 0;height:1px;background:linear-gradient(90deg,#4182ff38,#4182ff00)}.hero-badge{width:fit-content;border-radius:999px;border:1px solid rgba(55,118,255,.16);background:#ffffffb8;padding:8px 14px;color:#2d5bda;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.login-hero h1{max-width:760px;margin:0;color:#11243a;font-size:clamp(34px,4vw,56px);line-height:1.12;letter-spacing:-.03em}.hero-copy{max-width:640px;margin:0;color:#5d7188;font-size:16px;line-height:1.8}.hero-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hero-card,.insight-panel{position:relative;overflow:hidden;border:1px solid rgba(162,189,226,.4);background:#ffffffc7;box-shadow:0 18px 48px #14326014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-card{border-radius:22px;padding:22px 22px 20px}.hero-card-kicker{display:inline-block;margin-bottom:12px;color:#3f7ef0;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero-card strong{display:block;margin-bottom:10px;color:#142b47;font-size:18px;line-height:1.35}.hero-card p{margin:0;color:#62768c;font-size:14px;line-height:1.7}.hero-panels{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:18px}.insight-panel{border-radius:26px;padding:24px 26px}.panel-chip{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border-radius:999px;background:#2f66ff14;color:#2f66ff;font-size:12px;font-weight:700}.panel-stat-row{margin-top:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.panel-stat-row span{display:block;margin-bottom:8px;color:#71849a;font-size:13px}.panel-stat-row strong{color:#11243a;font-size:26px;line-height:1}.trend-bars{margin-top:26px;height:132px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:10px}.trend-bars span{display:block;border-radius:14px 14px 6px 6px;background:linear-gradient(180deg,#5bc2ff,#2f66ff);box-shadow:0 12px 24px #2f66ff33}.capability-list{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:14px}.capability-list li{position:relative;padding-left:20px;color:#55697f;font-size:14px;line-height:1.7}.capability-list li:before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:999px;background:linear-gradient(180deg,#50b8ff,#3776ff)}.login-stage{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:42px;background:linear-gradient(180deg,#f6fbffe0,#edf5fffa),linear-gradient(135deg,#f8fbff,#eef4ff)}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(68,127,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(68,127,255,.08) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 92%);mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 92%);pointer-events:none}.stage-orb{position:absolute;border-radius:999px;filter:blur(12px);opacity:.7}.orb-a{top:72px;right:118px;width:180px;height:180px;background:radial-gradient(circle,#3f7ef059,#3f7ef000)}.orb-b{bottom:94px;left:72px;width:240px;height:240px;background:radial-gradient(circle,#49c9ff42,#49c9ff00)}.login-card{position:relative;z-index:1;width:min(460px,100%);border:1px solid rgba(174,197,231,.5);border-radius:30px;padding:34px 34px 28px;background:#ffffffe0;box-shadow:0 28px 70px #22417a24;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.login-brand{display:flex;align-items:center;gap:16px}.brand-mark{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#102f63,#2c69ff);box-shadow:0 18px 34px #2c69ff47}.brand-mark span{color:#fff;font-size:24px;font-weight:800;letter-spacing:.06em}.brand-overline{margin:0 0 4px;color:#5375ac;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.login-brand h2{margin:0;color:#13263e;font-size:28px;line-height:1.1}.login-intro{margin:22px 0 0;color:#667b92;font-size:14px;line-height:1.8}.login-form{margin-top:26px;display:grid;gap:16px}.login-field{display:grid;gap:8px}.login-field span{color:#4d647f;font-size:13px;font-weight:700}.login-field input{height:52px;border:1px solid #dbe5f1;border-radius:16px;padding:0 16px;background:#f8fbfff2;color:#102033;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.login-field input:focus{border-color:#4099ff;background:#fff;box-shadow:0 0 0 4px #4099ff1f}.login-meta{display:flex;align-items:center;justify-content:space-between;gap:16px}.remember-row{display:inline-flex;align-items:center;gap:8px;color:#6a7f96;font-size:13px}.inline-link{border:0;padding:0;background:transparent;color:#2f66ff;cursor:pointer;font-size:13px;font-weight:700}.login-error{margin:-4px 0 0;color:#e25353;font-size:13px}.login-submit{height:52px;border:0;border-radius:16px;background:linear-gradient(135deg,#142d5e,#3374ff 68%,#51c4ff);color:#fff;cursor:pointer;font-size:16px;font-weight:700;box-shadow:0 18px 30px #3374ff47}.login-submit:disabled{cursor:not-allowed;opacity:.72;box-shadow:none}.login-footer{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px}.login-footer span{min-height:28px;display:inline-flex;align-items:center;padding:0 12px;border-radius:999px;background:#f1f6ff;color:#5070a2;font-size:12px;font-weight:700}@media(max-width:1180px){.login-shell{grid-template-columns:1fr}.login-hero{padding:48px 28px 20px}.hero-grid,.hero-panels,.panel-stat-row{grid-template-columns:1fr}.login-stage{padding:20px 20px 40px}}@media(max-width:760px){.login-hero{padding:36px 18px 10px;gap:18px}.hero-card,.insight-panel,.login-card{border-radius:22px}.login-card{padding:26px 20px 22px}.login-meta{flex-direction:column;align-items:flex-start}.page{width:min(100vw - 20px,1400px)}}.page{width:min(1400px,calc(100vw - 32px));margin:12px auto 40px}.filter-panel{background:#fff;border-radius:6px;box-shadow:0 8px 26px #10203312;padding:14px 24px 10px}.panel-title{height:30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5eaf1;color:#0c2742;font-size:14px;font-weight:700}.panel-auth{display:inline-flex;align-items:center;gap:10px}.language-switch{display:inline-flex;border:1px solid #dde5ef;border-radius:999px;padding:2px;background:#f8fafc}.language-switch button{height:24px;min-width:48px;border:0;border-radius:999px;background:transparent;color:#64748b;cursor:pointer;font-size:12px}.language-switch button.active{background:#102033;color:#fff}.filter-row{display:grid;grid-template-columns:92px 1fr;align-items:center;min-height:42px;border-bottom:1px solid #e8edf4;column-gap:0}.single-line-options{display:flex;align-items:center;gap:22px;min-width:0;overflow-x:auto;white-space:nowrap}.expandable-row{grid-template-columns:92px minmax(0,1fr) 62px;align-items:start;padding:8px 0}.filter-label{color:#8290a2;font-size:13px}.filter-option{width:auto;min-width:70px;max-width:none;margin:0;padding:3px 10px;border:0;border-radius:4px;background:transparent;color:#09243e;cursor:pointer;white-space:nowrap}.filter-options-wrap{display:flex;flex-wrap:wrap;gap:10px 22px;max-height:220px;overflow:hidden;padding-right:12px}.filter-options-wrap.collapsed{max-height:26px}.tag-filter-row{align-items:start}.tag-groups{display:grid;gap:9px;max-height:260px;overflow:hidden;padding-right:12px}.tag-groups.collapsed{max-height:34px}.tag-group{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:start;gap:10px;min-width:0}.tag-group-name{height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;background:#f3f6fa;color:#607086;font-size:12px}.tag-group-options{display:flex;flex-wrap:nowrap;gap:16px;min-width:0;overflow-x:auto;padding-bottom:2px;white-space:nowrap}.tag-group-options::-webkit-scrollbar,.single-line-options::-webkit-scrollbar{height:4px}.tag-group-options::-webkit-scrollbar-thumb,.single-line-options::-webkit-scrollbar-thumb{border-radius:999px;background:#d5deea}.toggle-button{height:26px;border:1px solid #dde5ef;border-radius:4px;background:#fff;color:#526276;cursor:pointer;font-size:12px}.toggle-button span{display:inline-block;margin-left:3px;color:#7b8a9c}.filter-option:hover,.filter-option.active{color:#ff4f3d;background:#fff0ed}.platform-option{width:max-content;max-width:180px;min-width:auto;margin:4px 0;display:inline-flex;align-items:center;gap:8px}.platform-mark{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:5px;background:#0f172a;color:#fff;font-size:12px;font-weight:800}.search-row{grid-template-columns:92px minmax(220px,360px) auto auto 1fr;gap:12px;border-bottom:0;padding:8px 0 2px}.keyword-input{height:32px;border:1px solid #dfe6ef;border-radius:18px;padding:0 14px;outline:none;color:#102033}.keyword-input:focus{border-color:#ff6a57;box-shadow:0 0 0 3px #ff6a571f}.search-button,.ghost-button{height:32px;border-radius:4px;padding:0 16px;border:1px solid transparent;cursor:pointer}.search-button{background:#ff5140;color:#fff}.search-button.secondary{background:#102033}.search-button:disabled{background:#ffb6ad;color:#fff7f5;cursor:not-allowed}.ghost-button{background:#fff;border-color:#dde5ef;color:#506174}.ghost-button.active,.search-button.active{box-shadow:0 0 0 2px #1020331f}.ghost-button:disabled{color:#b8c1cc;cursor:not-allowed}.result-toolbar{display:flex;justify-content:space-between;align-items:center;margin:18px 0 14px;color:#23364a;font-size:14px}.count{color:#ff5140;font-weight:700}.selected-count{margin-left:12px;color:#6b7c90}.toolbar-actions{display:flex;align-items:center;gap:10px}.toolbar-user{display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:999px;background:#f3f6fa;color:#526276;font-size:12px;font-weight:700}.balance-chip{display:inline-flex;align-items:center;gap:6px;padding:0 12px;height:32px;border-radius:999px;background:#fff4dd;color:#8b5a10;font-size:13px}.balance-chip strong{color:#c56a00;font-size:14px}.balance-label{color:#8b6b2e}.select-page{display:inline-flex;align-items:center;gap:6px;color:#506174}.page-index{color:#788696}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-card{position:relative;background:#fff;border:1px solid #e4eaf2;border-radius:6px;overflow:hidden;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.product-card.selected{border-color:#ff6958;box-shadow:0 0 0 2px #ff695829}.card-check{position:absolute;z-index:2;top:10px;left:10px;display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#ffffffe6;box-shadow:0 4px 12px #1020332e}.product-card:hover{transform:translateY(-2px);border-color:#ffd2ca;box-shadow:0 12px 26px #1020331c}.image-wrap{aspect-ratio:4 / 3;background:#eef2f6;overflow:hidden}.image-wrap img{width:100%;height:100%;object-fit:cover;display:block}.card-body{padding:12px 12px 14px}.card-body h2{margin:0 0 9px;color:#102033;font-size:14px;line-height:1.45;font-weight:600;height:40px;overflow:hidden}.meta-line{display:flex;justify-content:space-between;gap:8px;color:#5f6f82;font-size:12px}.tag-list{display:flex;flex-wrap:nowrap;gap:6px;margin-top:10px;min-height:24px;overflow:hidden;white-space:nowrap;align-items:center}.tag-list.expanded{flex-wrap:wrap;white-space:normal}.tag-list span{flex:0 0 auto;padding:3px 7px;border-radius:4px;background:#f2f5f8;color:#6a7888;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-list span.matched{background:#fff0ed;color:#ff5a49}.tag-more-button{flex:0 0 auto;height:22px;padding:0 8px;border:0;border-radius:999px;background:#eef3f8;color:#607086;cursor:pointer;font-size:12px}.status{margin:20px 0;text-align:center;color:#66778a}.status.error{color:#d73b2f}.modal-mask{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:28px;background:#0b192b8f}.image-modal{width:min(1120px,100%);max-height:min(88vh,900px);display:flex;flex-direction:column;overflow:hidden;border-radius:10px;background:#fff;box-shadow:0 24px 70px #00000047}.image-modal-large{width:min(1280px,100%)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;border-bottom:1px solid #e8edf4}.modal-header h3{margin:0;color:#102033;font-size:16px}.modal-header p{margin:5px 0 0;color:#738296;font-size:13px}.modal-actions{display:flex;align-items:center;gap:10px}.modal-grid{overflow:auto;padding:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;background:#f6f8fb}.modal-grid img{width:100%;border-radius:8px;display:block;background:#eef2f6}.generate-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,420px);min-height:620px;overflow:hidden;background:#f7f9fc}.generate-source-panel,.generate-form-panel{min-width:0;overflow:auto;padding:18px}.generate-source-panel{border-right:1px solid #e8edf4}.generate-panel-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.generate-panel-title strong{color:#102033;font-size:15px}.generate-panel-title span{color:#758397;font-size:12px}.generate-source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.source-image-card{position:relative;display:block;border:2px solid transparent;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 8px 24px #10203314;cursor:pointer}.source-image-card.active{border-color:#ff5c4b;box-shadow:0 0 0 3px #ff5c4b24}.source-image-card input{position:absolute;z-index:2;top:10px;left:10px}.source-image-card img{width:100%;aspect-ratio:4 / 5;object-fit:cover;display:block}.generate-field{display:grid;gap:10px;margin-bottom:16px}.generate-field label{color:#304255;font-size:13px;font-weight:600}.generate-balance-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.generate-balance-card>div{padding:12px 14px;border-radius:12px;background:linear-gradient(135deg,#fff6e3,#fff0f0);border:1px solid #ffe1bf}.generate-balance-card strong{display:block;margin-top:6px;color:#b65a00;font-size:18px}.balance-card-label{color:#8d7250;font-size:12px}.generate-field textarea,.generate-field input[type=file]{width:100%}.generate-field textarea{resize:vertical;min-height:120px;border:1px solid #dfe6ef;border-radius:10px;padding:12px 14px;outline:none;background:#fff;color:#102033}.generate-field textarea:focus{border-color:#ff6a57;box-shadow:0 0 0 3px #ff6a571f}.reference-list{display:flex;flex-wrap:wrap;gap:10px}.reference-summary{display:flex;flex-wrap:wrap;gap:8px 16px;color:#6d7d91;font-size:12px}.reference-preview-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.reference-preview-card{position:relative;overflow:hidden;border-radius:12px;background:#fff;border:1px solid #e3e9f2;box-shadow:0 8px 20px #1020330f}.reference-preview-card.selected{border-color:#ffccb8}.reference-preview-card.uploaded{border-color:#d8e4f6}.reference-preview-card img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.reference-preview-card span{display:block;padding:8px 10px;color:#56677b;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reference-preview-card button{position:absolute;top:8px;right:8px;border:0;border-radius:999px;padding:4px 8px;background:#111827b8;color:#fff;cursor:pointer;font-size:12px}.reference-chip{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:6px 10px;border-radius:999px;background:#eef3f8;color:#506174;font-size:12px}.reference-chip span{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-chip button{border:0;background:transparent;color:#ff5c4b;cursor:pointer}.resolution-options{display:flex;gap:10px}.prompt-tips{display:grid;gap:4px;color:#ff6f61;font-size:12px;line-height:1.5}.prompt-template-bar{display:flex;flex-wrap:wrap;gap:8px}.prompt-template-button{border:1px solid #ffd6cf;border-radius:999px;padding:6px 12px;background:#fff6f4;color:#d85b4d;cursor:pointer;font-size:12px;transition:background .18s ease,border-color .18s ease,transform .18s ease}.prompt-template-button:hover{background:#ffece8;border-color:#ffb7aa;transform:translateY(-1px)}.generate-submit{display:grid;gap:8px;margin-bottom:16px}.generate-hint{color:#748295;font-size:12px}.generate-error{margin:0 0 12px;text-align:left}.generate-result-card{padding:14px;border-radius:12px;background:#fff;box-shadow:0 12px 28px #10203314}.generate-result-image{width:100%;border-radius:10px;display:block;background:#eef2f6}.generate-result-actions{display:flex;gap:10px;margin-top:14px}.result-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.generate-object-key{margin:12px 0 0;color:#768599;font-size:12px;line-height:1.5;word-break:break-all}@media(max-width:1100px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.generate-layout{grid-template-columns:1fr}.generate-source-panel{border-right:0;border-bottom:1px solid #e8edf4}.reference-preview-group{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.page{width:min(100vw - 20px,720px)}.filter-panel{padding:12px 14px 10px}.filter-row,.search-row{grid-template-columns:1fr;gap:8px;padding:9px 0}.filter-option{width:100%;max-width:100%}.filter-options-wrap,.tag-groups{padding-right:0}.tag-group{grid-template-columns:1fr;gap:6px}.tag-group-options{flex-wrap:nowrap}.toggle-button{width:70px}.platform-option{width:max-content;max-width:180px;margin-right:12px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.result-toolbar{align-items:flex-start;flex-direction:column;gap:10px}.toolbar-actions{flex-wrap:wrap}.modal-mask{padding:12px}.modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-actions{flex-wrap:wrap;justify-content:flex-end}.generate-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.generate-result-actions,.resolution-options{flex-wrap:wrap}.generate-balance-card,.reference-preview-group{grid-template-columns:1fr}}