body{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}#root{width:100%;height:100vh}.settings-page{background:var(--color-paper);flex-direction:column;height:100%;display:flex;overflow-y:auto}.settings-header{flex-shrink:0;align-items:center;gap:14px;padding:22px 30px;display:flex}.settings-header h1{font-family:var(--font-serif);color:var(--color-ink);letter-spacing:-.3px;margin:0;font-size:26px;font-weight:700}.settings-content{flex:1;gap:24px;max-width:none;padding:0 30px 30px;display:flex;overflow-y:auto}.settings-content>.settings-section:first-child{min-width:0;box-shadow:none;background:0 0;border-radius:0;flex:1.2;padding:0}.settings-section{background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-md);margin-bottom:16px;padding:22px}.settings-section h2{font-family:var(--font-serif);color:var(--color-ink);margin:0 0 4px;font-size:16px}.provider-config{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-card);margin-bottom:16px;padding:20px}.provider-config h3{font-family:var(--font-serif);color:var(--color-ink);margin:0 0 13px;font-size:17px;font-weight:700}.status-display{background:0 0;align-items:center;gap:10px;margin-bottom:15px;padding:0;display:flex}.status-badge.success{color:var(--color-success);background:#2f7a5517}.status-badge.warning{color:var(--color-amber);background:#c08a2b17}.masked-key{font-family:var(--font-mono);color:var(--color-faint);font-size:12px}.form-group label{color:var(--color-sub);margin-bottom:6px;font-size:11.5px;display:block}.api-key-input,.api-base-input,.model-select{border:1px solid var(--color-line-hard);border-radius:var(--radius-sm);background:var(--color-paper);width:100%;color:var(--color-ink);padding:9px 12px;font-size:12.5px}.api-key-input{font-family:var(--font-mono)}.api-key-input:focus,.api-base-input:focus,.model-select:focus{border-color:var(--color-gold);outline:none}.api-key-input:disabled,.api-base-input:disabled,.model-select:disabled{opacity:.6;cursor:not-allowed}.input-hint{color:var(--color-faint);margin:6px 0 0;font-size:11px}.input-hint a{color:var(--color-gold);text-decoration:none}.button-group{gap:9px;margin-bottom:0;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;padding:8px 16px;font-size:13px;transition:all .15s}.message{border-radius:var(--radius-sm);margin-top:14px;padding:10px 14px;font-size:13px;line-height:1.5}.message-success{color:var(--color-success);border-left:3px solid var(--color-success);background:#2f7a550f}.message-error{color:var(--color-warning);border-left:3px solid var(--color-warning);background:#b5503e0f}.message-info{color:var(--color-info);border-left:3px solid var(--color-info);background:#3f6f860f}.settings-content>.settings-section:not(:first-child){flex:1;min-width:0}.info-box{background:var(--color-card);border:1px solid var(--color-line);border-left:3px solid var(--color-gold);border-radius:var(--radius-md);margin-bottom:16px;padding:16px 20px}.info-box h3{font-family:var(--font-serif);color:var(--color-ink);margin:0 0 12px;font-size:15.5px;font-weight:700}.info-box ul{margin:0;padding-left:0;list-style:none}.info-box li{color:var(--color-sub);gap:10px;margin-bottom:9px;font-size:12.5px;line-height:1.5;display:flex}.info-box li strong{color:var(--color-ink);flex-shrink:0;min-width:78px;font-weight:700}.warning-box{border-radius:var(--radius-md);background:#c08a2b0f;border:1px solid #c08a2b33;padding:14px 18px}.warning-box p{color:#8a6420;margin:0 0 6px;font-size:12px;line-height:1.5}.warning-box p:last-child{margin-bottom:0}.add-provider-hint{text-align:center;color:var(--color-faint);border:1.5px dashed var(--color-line-hard);border-radius:var(--radius-md);margin-top:14px;padding:18px;font-size:13px}@media (width<=768px){.settings-content{flex-direction:column;padding:0 12px 20px}}.ai-job-strip{border-bottom:1px solid var(--color-line);background:var(--color-card);grid-template-columns:minmax(160px,auto) minmax(180px,260px) 1fr;align-items:center;gap:14px;padding:10px 30px;display:grid}.ai-job-strip>div:first-child{flex-direction:column;gap:3px;display:flex}.ai-job-strip strong{color:var(--color-ink);font-size:13px}.ai-job-strip span{color:var(--color-sub);font-size:12px}.ai-job-strip.failed{background:#b91c1c0f}.ai-job-strip.succeeded{background:#0d94880f}.ai-job-progress{grid-template-columns:42px 1fr;align-items:center;gap:8px;display:grid}.ai-job-progress>div{background:var(--color-line);border-radius:999px;height:7px;overflow:hidden}.ai-job-progress i{background:#0d9488;min-width:4px;height:100%;transition:width .2s;display:block}.ai-job-strip.failed .ai-job-progress i{background:#b91c1c}.ai-job-meta{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.ai-job-meta span{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-paper);padding:3px 7px}@media (width<=768px){.ai-job-strip{grid-template-columns:1fr;padding:10px 14px}.ai-job-meta{justify-content:flex-start}}.data-import-page{background:var(--color-paper);flex-direction:column;height:100%;display:flex;overflow-y:auto}.import-header{flex-shrink:0;align-items:center;gap:14px;padding:22px 30px;display:flex}.back-btn{color:var(--color-ink);border:1px solid var(--color-line-hard);border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-family:var(--font-sans);background:0 0;padding:7px 14px}.back-btn:hover{background:var(--color-paper)}.import-header h1{font-family:var(--font-serif);color:var(--color-ink);letter-spacing:-.3px;margin:0;font-size:26px;font-weight:700}.import-content{flex:1;width:100%;max-width:1200px;padding:0 30px 30px;overflow-y:auto}.import-section{background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-md);margin-bottom:16px;padding:22px}.import-section h2{font-family:var(--font-serif);color:var(--color-ink);margin:0 0 4px;font-size:16px}.section-description{color:var(--color-sub);margin:0 0 16px;font-size:12px;line-height:1.6}.upload-area{border:1.5px dashed var(--color-line-hard);border-radius:var(--radius-md);text-align:center;background:var(--color-paper);margin-bottom:14px;padding:32px 20px}.upload-area.drag-active{border-color:var(--color-gold);background:var(--color-gold-soft)}.upload-prompt{flex-direction:column;align-items:center;gap:12px;display:flex}.upload-icon{color:var(--color-gold);font-size:38px}.upload-prompt p{color:var(--color-ink);margin:0;font-size:13.5px;font-weight:600}.file-input{display:none}.file-input-label{background:var(--color-ink);color:var(--color-cream);border-radius:var(--radius-sm);cursor:pointer;font-size:13.5px;font-family:var(--font-serif);padding:9px 16px;font-weight:700}.file-input-label:hover{opacity:.88}.file-hint{font-family:var(--font-mono);color:var(--color-faint);margin-top:14px;font-size:11px}.button-group{gap:9px;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;padding:9px 16px;font-size:13px;font-weight:500;transition:all .15s}.btn-primary{background:var(--color-ink);color:var(--color-cream);font-family:var(--font-serif);font-weight:700}.btn-primary:hover:not(:disabled){opacity:.88}.files-header{background:var(--color-gold-soft);border-radius:var(--radius-sm);color:var(--color-gold);justify-content:space-between;align-items:center;padding:9px 12px;font-weight:500;display:flex}.clear-all-btn{background:var(--color-warning);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:4px 10px;font-size:11px}.file-item{background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:12px;display:flex}.import-result{border-radius:var(--radius-md);margin-top:14px;padding:16px}.import-result.success{border-left:3px solid var(--color-success);background:#2f7a550f}.import-result.error{border-left:3px solid var(--color-warning);background:#b5503e0f}.result-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px;display:grid}.stat-item{background:var(--color-card);border-radius:var(--radius-sm);text-align:center;padding:12px}.stat-item.success{border-left:3px solid var(--color-success)}.stat-item.warning{border-left:3px solid var(--color-amber)}.stat-label{color:var(--color-faint);margin-bottom:4px;font-size:11px;display:block}.stat-value{font-family:var(--font-serif);color:var(--color-ink);font-size:22px;font-weight:700;display:block}.fields-info{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.field-group{background:var(--color-card);border:1px solid var(--color-line);border-left:3px solid var(--color-gold);border-radius:var(--radius-md);padding:16px}.field-group h3{color:var(--color-ink);margin:0 0 11px;font-size:13.5px;font-weight:700}.field-group ul{margin:0;padding-left:0;list-style:none}.field-group li{color:var(--color-sub);margin-bottom:7px;font-size:12px;line-height:1.5}.field-group li:before{content:"· ";color:var(--color-gold)}.instructions{background:var(--color-card);border:1px solid var(--color-line);border-left:3px solid var(--color-ink);border-radius:var(--radius-md);padding:16px 20px}.instructions ol{margin:0;padding-left:20px}.instructions li{color:var(--color-sub);margin-bottom:9px;font-size:12.5px;line-height:1.6}.product-item{background:var(--color-paper);border-radius:var(--radius-sm);border-left:3px solid var(--color-gold);padding:10px}.product-name{color:var(--color-ink);font-size:13px;font-weight:500}@media (width<=768px){.fields-info{grid-template-columns:1fr 1fr}.result-stats{grid-template-columns:1fr}}.dashboard-page{background:var(--color-paper);flex-direction:column;height:100%;display:flex;overflow-y:auto}.dashboard-header{flex-shrink:0;align-items:center;gap:20px;padding:22px 30px;display:flex}.dashboard-header h1{font-family:var(--font-serif);color:var(--color-ink);letter-spacing:-.3px;flex:1;margin:0;font-size:26px;font-weight:700}.view-mode-toggle{gap:6px;display:flex}.view-btn{color:var(--color-ink);border:1px solid var(--color-line-hard);border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-family:var(--font-sans);background:0 0;padding:7px 14px;transition:all .15s}.view-btn:hover{background:var(--color-paper)}.view-btn.active{background:var(--color-ink);color:var(--color-cream);border-color:var(--color-ink);font-weight:600;font-family:var(--font-serif)}.summary-cards{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:14px;padding:0 30px 22px;display:grid}.summary-card{background:var(--color-card);border:1px solid var(--color-line);border-top:2px solid var(--color-gold);border-radius:var(--radius-md);padding:18px 20px}.summary-label{color:var(--color-sub);margin-bottom:10px;font-size:12.5px}.summary-value{font-family:var(--font-serif);color:var(--color-ink);letter-spacing:-.5px;font-size:30px;font-weight:700;line-height:1}.filters-section{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:9px;padding:0 30px 14px;display:flex}.filter-group select,.filter-group input[type=number]{border:1px solid var(--color-line-hard);border-radius:var(--radius-sm);background:var(--color-card);color:var(--color-ink);min-width:100px;padding:7px 11px;font-size:13px}.filter-group select:focus,.filter-group input:focus{border-color:var(--color-gold);outline:none}.metrics-table-container{flex:1;padding:0 30px 30px;overflow:auto}.metrics-table{background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-md);border-collapse:collapse;width:100%;overflow:hidden}.metrics-table thead{background:var(--color-ink)}.metrics-table th{text-align:left;color:#f3efe6d9;white-space:nowrap;padding:11px 16px;font-size:11.5px;font-weight:600}.metrics-table tbody tr{border-bottom:1px solid var(--color-line)}.metrics-table tbody tr:nth-child(2n){background:#00000003}.metrics-table tbody tr:hover{background:var(--color-gold-soft)}.metrics-table tbody tr.clickable-row{cursor:pointer}.metrics-table td{color:var(--color-ink);padding:11px 16px;font-size:12.5px}.metrics-table td.product-name{text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-weight:500;overflow:hidden}.metrics-table td.number{text-align:right;font-family:var(--font-mono)}.metrics-table td.highlight{color:var(--color-gold);font-weight:600}.metrics-table td.date{color:var(--color-faint);font-size:11px}.metrics-table .low{color:var(--color-warning);font-weight:600;font-family:var(--font-mono)}.metrics-table .medium{color:var(--color-amber);font-weight:600;font-family:var(--font-mono)}.metrics-table .high{color:var(--color-success);font-weight:600;font-family:var(--font-mono)}.heatmap-container{flex-direction:column;flex:1;padding:0 30px 30px;display:flex;overflow:hidden}.heatmap-controls{background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-md);gap:14px;margin-bottom:14px;padding:14px 18px;display:flex}.control-group{align-items:center;gap:10px;display:flex}.control-group label{color:var(--color-sub);font-size:13px;font-weight:500}.control-group select{border:1px solid var(--color-line-hard);border-radius:var(--radius-sm);background:var(--color-card);min-width:160px;padding:7px 11px;font-size:13px}.heatmap-view-toggle{gap:6px;margin-bottom:14px;display:flex}.heatmap-view-toggle .view-btn{color:var(--color-ink);border:1px solid var(--color-line-hard);border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-family:var(--font-sans);background:0 0;flex:none;padding:7px 14px}.heatmap-view-toggle .view-btn.active{background:var(--color-ink);color:var(--color-cream);border-color:var(--color-ink);font-family:var(--font-serif);font-weight:700}.heatmap-insight{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-card);align-items:baseline;gap:8px;margin:0 0 12px;padding:10px 14px;display:flex}.heatmap-insight strong{font-family:var(--font-serif);color:var(--color-gold);font-size:20px}.heatmap-insight span{color:var(--color-sub);font-size:12px}.heatmap-wrapper{background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-md);flex-direction:column;flex:1;display:flex;overflow:hidden}.heatmap-legend{border-bottom:1px solid var(--color-line);align-items:center;gap:10px;padding:11px 18px;display:flex}.legend-label{color:var(--color-sub);font-size:11px}.legend-gradient{background:linear-gradient(to right, var(--color-line), var(--color-gold));border:1px solid var(--color-line);border-radius:2px;flex:1;max-width:200px;height:16px}.heatmap-scroll{flex:1;overflow:auto}.heatmap-table{border-collapse:collapse;width:100%;font-size:12px}.heatmap-table thead{background:var(--color-ink);z-index:10;position:sticky;top:0}.heatmap-table th{text-align:center;color:#f3efe6d9;white-space:nowrap;border-right:1px solid #ffffff14;padding:10px 8px;font-size:11px;font-weight:600}.heatmap-table th.product-header{z-index:11;text-align:left;background:var(--color-ink);min-width:180px;padding-left:14px;position:sticky;left:0}.heatmap-table td{text-align:center;font-family:var(--font-mono);border-right:1px solid var(--color-line);padding:10px 8px;font-size:11px}.heatmap-table td.product-cell{background:var(--color-card);text-align:left;font-weight:500;font-family:var(--font-sans);z-index:1;min-width:180px;padding-left:14px;position:sticky;left:0;box-shadow:2px 0 4px #00000008}.metrics-table td.empty-state,.heatmap-container .empty-state{text-align:center;color:var(--color-faint);background:var(--color-card);border-radius:var(--radius-md);padding:60px 20px}@media (width<=768px){.summary-cards{grid-template-columns:1fr 1fr;gap:10px;padding:0 12px 14px}.summary-card{padding:14px}.summary-value{font-size:24px}.filters-section{flex-direction:column;padding:0 12px 14px}.reset-btn{width:100%;min-height:40px;margin-left:0}.metrics-table-container{padding:0 12px 20px}}.content-list-container{background:var(--color-paper);max-width:none;height:100%;padding:24px 30px;overflow-y:auto}.content-list-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.content-list-header h2{font-family:var(--font-serif);color:var(--color-ink);letter-spacing:-.3px;margin:0;font-size:26px;font-weight:700}.create-btn{background:var(--color-ink);color:var(--color-cream);border-radius:var(--radius-sm);cursor:pointer;font-size:13.5px;font-family:var(--font-serif);border:none;padding:9px 16px;font-weight:700}.create-btn:hover{opacity:.88}.filters{background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-md);flex-wrap:wrap;align-items:flex-end;gap:9px;margin-bottom:14px;padding:12px 16px;display:flex}.filter-group{flex-direction:column;gap:5px;display:flex}.filter-group label{color:var(--color-sub);font-size:11.5px;font-weight:500}.filter-group input,.filter-group select{border:1px solid var(--color-line-hard);border-radius:var(--radius-sm);background:var(--color-card);color:var(--color-ink);min-width:130px;padding:7px 11px;font-size:12.5px}.filter-group input:focus,.filter-group select:focus{border-color:var(--color-gold);outline:none}.reset-btn{color:var(--color-ink);border:1px solid var(--color-line-hard);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:7px 14px;font-size:12.5px}.stats{background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-md);color:var(--color-sub);gap:24px;margin-bottom:14px;padding:11px 16px;font-size:12.5px;display:flex}.stats span{font-weight:500}.content-table-wrapper{background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-md);overflow:hidden}.content-table{border-collapse:collapse;width:100%}.content-table thead{background:var(--color-ink)}.content-table th{text-align:left;color:#f3efe6d9;white-space:nowrap;padding:11px 18px;font-size:11.5px;font-weight:600}.content-table th.sortable{cursor:pointer}.content-table th.sortable:hover{opacity:.85}.content-table td{color:var(--color-ink);border-bottom:1px solid var(--color-line);padding:12px 18px;font-size:12.5px}.content-table tbody tr:nth-child(2n){background:#00000003}.content-table tbody tr:hover{background:var(--color-gold-soft)}.content-table .product-name,.content-table .selling-point{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.content-table .revenue{color:var(--color-success);font-weight:600;font-family:var(--font-mono)}.content-table .conversion-rate{color:var(--color-gold);font-weight:600;font-family:var(--font-mono)}.status-badge.annotated{color:var(--color-success);background:#2f7a5517}.status-badge.not-annotated{color:var(--color-amber);background:#c08a2b17}.field-chip{border-radius:var(--radius-sm);white-space:nowrap;padding:2px 9px;font-size:11.5px;font-weight:600;display:inline-block}.field-chip[data-field=直播电商]{color:#d4504e;background:#d4504e1a}.field-chip[data-field=内容电商]{color:#3f7cc0;background:#3f7cc01a}.field-chip[data-field=兴趣电商]{color:#8a6fd0;background:#8a6fd01a}.field-chip[data-field=货架电商]{color:#c08a2b;background:#c08a2b1a}.field-chip[data-field=社交零售]{color:#2f9e7a;background:#2f9e7a1a}.field-chip[data-field=即时零售]{color:#6f685b;background:#6f685b1a}.content-table .muted{color:var(--color-faint)}.action-btn{background:var(--color-ink);color:#fff;border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-sans);border:none;padding:5px 12px}.action-btn:hover{opacity:.85}.pagination{justify-content:center;align-items:center;gap:14px;margin-top:16px;display:flex}.pagination button{background:var(--color-card);color:var(--color-ink);border:1px solid var(--color-line-hard);border-radius:var(--radius-sm);cursor:pointer;padding:7px 14px;font-size:13px}.pagination button:hover:not(:disabled){background:var(--color-ink);color:var(--color-cream);border-color:var(--color-ink)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{color:var(--color-sub);font-size:13px}@media (width<=768px){.content-list-container{padding:16px 12px}.filters{flex-direction:column}.content-table{min-width:900px}}.content-work-order{flex-direction:column;gap:14px;display:flex}.content-work-order.embedded{margin-top:10px}.content-work-order.page{padding:0}.content-work-order-toolbar{justify-content:flex-end;display:flex}.generate-work-order-btn,.primary-btn{background:var(--color-ink);color:var(--color-cream);border-radius:var(--radius-sm);cursor:pointer;font-size:12.5px;font-family:var(--font-serif);border:none;padding:7px 14px;font-weight:700}.generate-work-order-btn:hover,.primary-btn:hover{opacity:.88}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.secondary-btn{color:var(--color-ink);border:1px solid var(--color-line-hard);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:6px 13px;font-size:12.5px}.secondary-btn:hover{background:var(--color-paper)}.work-order-composer{background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:16px 18px}.work-order-composer-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.work-order-composer-grid label{color:var(--color-sub);flex-direction:column;gap:5px;font-size:11px;font-weight:600;display:flex}.work-order-composer-grid select{border:1px solid var(--color-line-hard);border-radius:var(--radius-sm);background:var(--color-card);color:var(--color-ink);padding:7px 10px;font-size:12px}.work-order-composer-grid select:focus{border-color:var(--color-gold);outline:none}.work-order-composer-actions{justify-content:flex-end;gap:9px;margin-top:14px;display:flex}.work-order-source-preview{background:var(--color-paper);border:1px solid var(--color-line);border-radius:var(--radius-sm);margin-top:12px;padding:12px 14px}.source-preview-title{color:var(--color-sub);margin-bottom:5px;font-size:11px;font-weight:600}.source-preview-expression{color:var(--color-ink);margin-bottom:4px;font-size:13.5px;font-weight:600}.source-preview-meta{color:var(--color-sub);font-size:11.5px;font-family:var(--font-mono)}.work-order-section-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.work-order-section-header h4{font-family:var(--font-serif);color:var(--color-ink);margin:0;font-size:16px;font-weight:700}.work-order-filters{gap:9px;display:flex}.work-order-filters select{border:1px solid var(--color-line-hard);border-radius:var(--radius-sm);background:var(--color-card);color:var(--color-ink);padding:6px 11px;font-size:12.5px}.work-order-filters select:focus{border-color:var(--color-gold);outline:none}.work-order-system-panel{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-card);grid-template-columns:auto auto minmax(220px,1fr);align-items:stretch;gap:12px;padding:10px 12px;display:grid}.work-order-system-panel>div{min-height:48px}.work-order-system-panel>div:not(.work-order-next-action):not(.work-order-inline-message){border-right:1px solid var(--color-line);flex-direction:column;justify-content:center;padding-right:12px;display:flex}.work-order-system-panel strong{font-family:var(--font-serif);color:var(--color-gold);font-size:22px;line-height:1}.work-order-system-panel span{color:var(--color-sub);font-size:11px}.work-order-next-action{flex-direction:column;justify-content:center;gap:4px;display:flex}.work-order-next-action b{color:var(--color-ink);font-size:12.5px}.work-order-inline-message{border-top:1px solid var(--color-line);color:#0d766f;grid-column:1/-1;min-height:0;padding-top:8px;font-size:12.5px;font-weight:600}.work-order-loop-summary{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-paper);grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:10px 12px;display:grid}.work-order-loop-summary>div:first-child{flex-direction:column;gap:2px;min-width:72px;display:flex}.work-order-loop-summary strong{font-family:var(--font-serif);color:var(--color-gold);font-size:22px;line-height:1}.work-order-loop-summary span{color:var(--color-sub);font-size:11px}.work-order-loop-states{flex-wrap:wrap;gap:6px;display:flex}.work-order-loop-states span{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-card);padding:3px 7px;font-size:11px}.work-order-groups{flex-direction:column;gap:18px;display:flex}.work-order-group{flex-direction:column;gap:0;display:flex}.work-order-group-title{align-items:center;gap:9px;margin-bottom:10px;display:flex}.work-order-group-title>span:last-child{font-family:var(--font-mono);color:var(--color-faint);font-size:12px}.status-badge.status-pending{color:#c08a2b;background:#c08a2b1f}.status-badge.status-produced{color:#3f7cc0;background:#3f7cc01f}.status-badge.status-published{color:#2f7a55;background:#2f7a551f}.status-badge.status-data-collected{color:#6f685b;background:#6f685b1f}.status-badge.status-closed{color:#8a8475;background:#8a84751a}.work-order-card{background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-sm);margin-bottom:8px;padding:13px 16px}.work-order-card:last-child{margin-bottom:0}.work-order-card:hover{border-color:var(--color-gold)}.work-order-card-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.work-order-card-headmain{flex:1;min-width:0}.work-order-card-chips{flex-wrap:wrap;gap:6px;margin-bottom:7px;display:flex}.work-order-card-title{color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:13.5px;font-weight:600;overflow:hidden}.work-order-card-meta{color:var(--color-sub);font-size:11.5px}.work-order-card-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.work-order-card-actions select{border:1px solid var(--color-line-hard);border-radius:var(--radius-sm);background:var(--color-card);color:var(--color-ink);padding:5px 9px;font-size:12px}.wo-chip{white-space:nowrap;border-radius:2px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-block}.wo-form[data-form=图文]{color:#3f7cc0;background:#3f7cc024}.wo-form[data-form=短视频]{color:#d4504e;background:#d4504e24}.wo-form[data-form=直播]{color:#c08a2b;background:#c08a2b24}.wo-form[data-form=社群文案]{color:#2f9e7a;background:#2f9e7a24}.wo-form[data-form=货架文案]{color:#8a6fd0;background:#8a6fd024}.wo-field[data-field=直播电商]{color:#d4504e;background:#d4504e1a}.wo-field[data-field=内容电商]{color:#3f7cc0;background:#3f7cc01a}.wo-field[data-field=兴趣电商]{color:#8a6fd0;background:#8a6fd01a}.wo-field[data-field=货架电商]{color:#c08a2b;background:#c08a2b1a}.wo-field[data-field=社交零售]{color:#2f9e7a;background:#2f9e7a1a}.wo-field[data-field=即时零售]{color:#6f685b;background:#6f685b1a}.work-order-product-tag{color:var(--color-sub);background:var(--color-paper);border:1px solid var(--color-line);border-radius:2px;margin-left:8px;padding:1px 7px;font-size:11px;display:inline-block}.work-order-detail{background:var(--color-paper);border:1px solid var(--color-line);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--color-sub);white-space:pre-wrap;word-break:break-word;margin-top:10px;padding:12px 14px;font-size:11.5px;line-height:1.6;overflow-x:auto}.work-order-empty{text-align:center;color:var(--color-sub);padding:36px;font-size:13px}@media (width<=768px){.work-order-composer-grid,.work-order-system-panel{grid-template-columns:1fr}.work-order-system-panel>div:not(.work-order-next-action):not(.work-order-inline-message){border-right:0;border-bottom:1px solid var(--color-line);padding-bottom:8px;padding-right:0}.work-order-card-head{flex-direction:column}.work-order-card-actions{flex-wrap:wrap;margin-top:8px}}.searchable-select{width:100%;position:relative}.searchable-select-trigger{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;min-height:42px;padding:10px 12px;font-size:14px;transition:all .2s;display:flex}.searchable-select-trigger:hover{border-color:#0d9488}.searchable-select-value{text-overflow:ellipsis;white-space:nowrap;color:#111827;flex:1;overflow:hidden}.searchable-select-arrow{color:#6b7280;flex-shrink:0;font-size:10px;transition:transform .2s}.searchable-select-icons{flex-shrink:0;align-items:center;gap:6px;display:flex}.searchable-select-search-icon{opacity:.5;font-size:12px}.searchable-select-option.empty-option{color:#0d9488;border-bottom:1px solid #e5e7eb;font-weight:500}.searchable-select-dropdown{z-index:1000;background:#fff;border:1px solid #d1d5db;border-radius:6px;flex-direction:column;max-height:320px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 4px 12px #00000026}.searchable-select-search{border-bottom:1px solid #e5e7eb;padding:8px}.searchable-select-input{border:1px solid #d1d5db;border-radius:4px;outline:none;width:100%;padding:8px 10px;font-size:14px;transition:border-color .2s}.searchable-select-input:focus{border-color:#0d9488}.searchable-select-options{max-height:260px;overflow-y:auto}.searchable-select-option{cursor:pointer;color:#111827;text-overflow:ellipsis;white-space:nowrap;padding:10px 12px;font-size:14px;transition:background .15s;overflow:hidden}.searchable-select-option:hover{background:#f3f4f6}.searchable-select-option.selected{color:#0d9488;background:#ecfeff;font-weight:500}.searchable-select-empty{text-align:center;color:#9ca3af;padding:20px 12px;font-size:13px}@media (width<=768px){.searchable-select-dropdown{border-radius:12px 12px 0 0;max-height:60vh;position:fixed;inset:auto 0 0;box-shadow:0 -4px 12px #00000026}.searchable-select-options{max-height:calc(60vh - 60px)}.searchable-select-option{padding:14px 16px;font-size:16px}.searchable-select-input{padding:10px 12px;font-size:16px}}.work-orders-page{background:var(--color-paper);max-width:none;height:100%;padding:24px 30px;overflow-y:auto}.work-orders-header{margin-bottom:20px}.work-orders-header h2{font-family:var(--font-serif);color:var(--color-ink);letter-spacing:-.3px;margin:0;font-size:26px;font-weight:700}.work-orders-header p{color:var(--color-sub);margin:6px 0 0;font-size:13px}.work-orders-summary{background:var(--color-gold-soft);color:var(--color-gold);border-radius:var(--radius-sm);border:1px solid #a8801f33;padding:9px 14px;font-size:12.5px;font-weight:600}.work-orders-filters-panel{background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-md);margin-bottom:14px;padding:12px 16px}.work-orders-filters-panel label{flex-direction:column;gap:6px;max-width:360px;display:flex}.work-orders-filters-panel span{color:var(--color-sub);font-size:12px;font-weight:500}.work-orders-filters-panel select{border:1px solid var(--color-line-hard);border-radius:var(--radius-sm);background:var(--color-card);color:var(--color-ink);padding:7px 11px;font-size:13px}.work-orders-empty-state{text-align:center;color:var(--color-faint);background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:40px 20px}@media (width<=768px){.work-orders-page{padding:16px 12px}}.content-form-container{background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-md);box-sizing:border-box;max-width:900px;min-height:calc(100vh - 80px);margin:24px auto;padding:24px}.content-form-header{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;margin-bottom:22px;padding-bottom:14px;display:flex}.content-form-header h2{font-family:var(--font-serif);color:var(--color-ink);margin:0;font-size:24px;font-weight:700}.steps-indicator{gap:0;margin-bottom:22px;display:flex}.step{text-align:center;color:var(--color-faint);border-bottom:2px solid var(--color-line);flex:1;padding:9px 0;font-size:12px}.step.active{color:var(--color-gold);border-bottom-color:var(--color-gold);font-weight:600}.step.completed{color:var(--color-success);border-bottom-color:var(--color-success)}.form-section{margin-bottom:22px}.form-section-title{font-family:var(--font-serif);color:var(--color-ink);margin-bottom:14px;font-size:16px;font-weight:700}.form-row{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:12px;display:grid}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--color-line-hard);border-radius:var(--radius-sm);background:var(--color-card);color:var(--color-ink);padding:9px 12px;font-size:13px}.form-group textarea{font-family:var(--font-sans);min-height:80px;line-height:1.6}.tags-list{flex-wrap:wrap;gap:8px;display:flex}.tag-option{border:1px solid var(--color-line-hard);border-radius:var(--radius-sm);color:var(--color-sub);cursor:pointer;background:var(--color-card);padding:5px 11px;font-size:12px}.tag-option.selected{border-color:var(--color-gold);color:var(--color-gold);background:var(--color-gold-soft)}.btn-primary{background:var(--color-ink);color:var(--color-cream);border-radius:var(--radius-sm);cursor:pointer;font-size:13.5px;font-family:var(--font-serif);border:none;padding:10px 20px;font-weight:700}@media (width<=768px){.content-form-container{margin:12px;padding:16px}.form-row{grid-template-columns:1fr}}:root{--header-height:56px;--color-paper:#f3efe6;--color-card:#fbf9f4;--color-ink:#211e18;--color-sub:#6f685b;--color-faint:#a39a89;--color-line:#e2dccf;--color-line-hard:#d3ccbc;--color-gold:#a8801f;--color-gold-soft:#a8801f1a;--color-nav-gold:#d8b24a;--color-cream:#f3efe6;--color-success:#2f7a55;--color-warning:#b5503e;--color-amber:#c08a2b;--color-primary:#211e18;--color-primary-light:#3d3830;--color-primary-dark:#0f0e0b;--color-bg-base:var(--color-paper);--color-bg-card:var(--color-card);--color-bg-elevated:var(--color-card);--color-accent:var(--color-gold);--color-accent-light:#c9a42b;--color-accent-dark:#8a6a18;--color-text-primary:var(--color-ink);--color-text-secondary:var(--color-sub);--color-text-tertiary:var(--color-faint);--color-text-inverse:var(--color-cream);--color-border-light:var(--color-line);--color-border-medium:var(--color-line-hard);--color-border-dark:#b8b0a0;--color-info:#3f6f86;--shadow-sm:0 1px 3px #141e1908;--shadow-md:0 2px 8px #141e190f;--shadow-lg:0 4px 16px #141e1914;--radius-sm:2px;--radius-md:3px;--radius-lg:4px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--font-serif:"Noto Serif SC", serif;--font-sans:"Noto Sans SC", sans-serif;--font-mono:"IBM Plex Mono", "JetBrains Mono", monospace;--text-xs:11px;--text-sm:13px;--text-base:14px;--text-lg:16px;--text-xl:18px;--text-2xl:24px;--text-3xl:32px;--text-4xl:40px;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.75}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-ink);background:var(--color-paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.metric-value,.data-number,.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.app-header{background:var(--color-ink);height:56px;color:var(--color-cream);padding:0 var(--spacing-xl);z-index:1000;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.app-header .brand{align-items:baseline;gap:var(--spacing-sm);display:flex}.app-header .brand-name{font-size:var(--text-xl);font-weight:var(--font-bold)}.app-header .brand-name-en{font-size:var(--text-xs);font-weight:var(--font-medium);color:#f3efe673;text-transform:uppercase;letter-spacing:.05em}.app-header nav{gap:var(--spacing-xl);display:flex}.app-header nav a,.app-header nav button{color:var(--color-cream);font-size:var(--text-base);font-weight:var(--font-medium);padding:var(--spacing-sm) 0;cursor:pointer;opacity:.7;background:0 0;border:none;border-bottom:2px solid #0000;text-decoration:none;transition:opacity .2s}.app-header nav a:hover,.app-header nav button:hover{opacity:1}.app-header nav a.active,.app-header nav button.active{opacity:1;border-bottom-color:var(--color-nav-gold);color:var(--color-nav-gold)}.card{background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--spacing-lg)}.card-warning{border-left:3px solid var(--color-warning)}.metric-card{gap:var(--spacing-xs);flex-direction:column;display:flex}.metric-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-sub);text-transform:uppercase;letter-spacing:.05em}.metric-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-ink);line-height:var(--leading-tight)}.metric-value.accent{color:var(--color-gold)}.metric-change{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-sub)}.metric-change.positive{color:var(--color-success)}.metric-change.negative{color:var(--color-warning)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-base);font-weight:var(--font-medium);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--color-ink);color:var(--color-cream)}.btn-primary:hover:not(:disabled){background:var(--color-primary-light)}.btn-accent{background:var(--color-gold);color:var(--color-cream)}.btn-accent:hover:not(:disabled){background:var(--color-accent-light)}.btn-secondary{color:var(--color-ink);border:1px solid var(--color-line-hard);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--color-paper)}.btn:disabled{opacity:.5;cursor:not-allowed}.table{border-collapse:collapse;background:var(--color-card);width:100%}.table thead{border-bottom:1px solid var(--color-line)}.table th{padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-sub);text-transform:uppercase;letter-spacing:.05em}.table td{padding:var(--spacing-md);font-size:var(--text-base);color:var(--color-ink);border-bottom:1px solid var(--color-line)}.table tbody tr:hover{background:var(--color-paper)}.table tbody tr:last-child td{border-bottom:none}.tag{padding:2px var(--spacing-sm);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-sm);background:var(--color-paper);color:var(--color-sub);align-items:center;display:inline-flex}.tag-accent{background:var(--color-gold-soft);color:var(--color-gold)}.tag-success{color:var(--color-success);background:#2f7a551a}.tag-warning{color:var(--color-warning);background:#b5503e1a}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-primary{color:var(--color-ink)}.text-secondary{color:var(--color-sub)}.text-tertiary{color:var(--color-faint)}.text-accent{color:var(--color-gold)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s ease-out fadeIn}@media (width<=768px){.app-header{padding:0 var(--spacing-md)}.app-header nav{gap:var(--spacing-md)}.metric-value{font-size:var(--text-2xl)}}.cockpit-page{height:100%;padding:24px 30px;overflow-y:auto}.cockpit-page-head{align-items:flex-end;margin-bottom:22px;display:flex}.cockpit-page-head-title{font-family:var(--font-serif);color:var(--color-ink);letter-spacing:-.3px;font-size:26px;font-weight:700}.cockpit-page-head-sub{color:var(--color-sub);margin-top:6px;font-size:13px}.cockpit-gold-btn{background:var(--color-ink);color:var(--color-cream);border-radius:var(--radius-sm);font-family:var(--font-serif);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-size:13.5px;font-weight:700;transition:opacity .15s;display:inline-flex}.cockpit-gold-btn:hover:not(:disabled){opacity:.88}.cockpit-gold-btn:disabled{opacity:.5;cursor:not-allowed}.cockpit-ghost-btn{color:var(--color-ink);border:1px solid var(--color-line-hard);border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;background:0 0;justify-content:center;align-items:center;gap:6px;padding:9px 14px;font-size:13px;transition:background .15s;display:inline-flex}.cockpit-ghost-btn:hover:not(:disabled){background:var(--color-paper)}.cockpit-ghost-btn:disabled{opacity:.5;cursor:not-allowed}.cockpit-kpi-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}.cockpit-kpi-card{background:var(--color-card);border:1px solid var(--color-line);border-top:2px solid var(--color-gold);border-radius:var(--radius-md);padding:18px 20px}.cockpit-kpi-label{color:var(--color-sub);margin-bottom:10px;font-size:12.5px}.cockpit-kpi-value{font-family:var(--font-serif);color:var(--color-ink);letter-spacing:-.5px;font-size:30px;font-weight:700;line-height:1}.cockpit-kpi-footnote{font-family:var(--font-mono);color:var(--color-faint);margin-top:9px;font-size:10.5px}.cockpit-kpi-card.compact{padding:12px 16px}.cockpit-kpi-card.compact .cockpit-kpi-label{margin-bottom:6px;font-size:12px}.cockpit-kpi-card.compact .cockpit-kpi-value{font-size:22px}.cockpit-table{background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-md);overflow:hidden}.cockpit-table-head{background:var(--color-ink);color:#f3efe6d9;gap:8px;padding:11px 18px;font-size:11.5px;font-weight:600;display:grid}.cockpit-table-row{border-top:1px solid var(--color-line);align-items:center;gap:8px;padding:11px 18px;font-size:12.5px;display:grid}.cockpit-table-row:nth-child(2n){background:#00000003}.cockpit-table-row.highlight{background:var(--color-gold-soft);border-left:3px solid var(--color-gold)}.cockpit-badge{border-radius:var(--radius-sm);white-space:nowrap;align-items:center;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.cockpit-badge.hook-visual{color:#e0743b;background:#e0743b16}.cockpit-badge.hook-debate{color:#d4504e;background:#d4504e16}.cockpit-badge.hook-know{color:#3f7cc0;background:#3f7cc016}.cockpit-badge.hook-emo{color:#c062a0;background:#c062a016}.cockpit-badge.hook-story{color:#8a6fd0;background:#8a6fd016}.cockpit-badge.hook-other{color:#7b8494;background:#7b849416}.cockpit-badge.form-text{color:#3f7cc0;background:#3f7cc016}.cockpit-badge.form-video{color:#8a6fd0;background:#8a6fd016}.cockpit-badge.form-social{color:#2f9e7a;background:#2f9e7a16}.cockpit-badge.form-live{color:#d4504e;background:#d4504e16}.cockpit-badge.form-shelf{color:#c08a2b;background:#c08a2b16}.cockpit-badge.field-live{color:#d4504e;background:#d4504e16}.cockpit-badge.field-content{color:#3f7cc0;background:#3f7cc016}.cockpit-badge.field-interest{color:#8a6fd0;background:#8a6fd016}.cockpit-badge.field-shelf{color:#c08a2b;background:#c08a2b16}.cockpit-badge.field-social{color:#2f9e7a;background:#2f9e7a16}.cockpit-badge.stage-aware{color:#c08a2b;background:#c08a2b16}.cockpit-badge.stage-interest{color:#d4824e;background:#d4824e16}.cockpit-badge.stage-decide{color:#2f9e7a;background:#2f9e7a16}.cockpit-badge.status-green{color:#2f7a55;background:#2f7a5517}.cockpit-badge.status-red{color:#b5503e;background:#b5503e17}.cockpit-badge.status-amber{color:#c08a2b;background:#c08a2b17}.cockpit-badge.status-blue{color:#3f7cc0;background:#3f7cc017}.cockpit-badge.role-admin{color:#3f6f86;background:#3f6f8616}.cockpit-badge.role-host{color:#9a5a7a;background:#9a5a7a16}.cockpit-badge.role-service{color:#c08a2b;background:#c08a2b16}.cockpit-badge.role-supply{color:#5f7a4a;background:#5f7a4a16}.cockpit-section-card{background:var(--color-card);border:1px solid var(--color-line);border-left:3px solid var(--color-gold);border-radius:var(--radius-md);padding:16px 20px}.pivot-shot{background:repeating-linear-gradient(135deg,#00000005 0 8px,#0000000d 8px 16px);border:1px solid #00000012;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pivot-shot-label{font-family:var(--font-mono);color:#00000052;letter-spacing:.5px;font-size:10px}.opp-bar{align-items:center;gap:8px;display:flex}.opp-bar-track{background:var(--color-line);border-radius:3px;height:6px;overflow:hidden}.opp-bar-fill{background:var(--color-gold);border-radius:3px;height:100%;transition:width .5s}.opp-bar-value{font-family:var(--font-mono);color:var(--color-ink);font-size:12px;font-weight:600}.cockpit-ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cockpit-line-clamp{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.cockpit-line-clamp-2{-webkit-line-clamp:2}.cockpit-line-clamp-3{-webkit-line-clamp:3}.app{background:var(--color-paper);flex-direction:column;height:100vh;display:flex;overflow:hidden}.product-list-page{background:var(--color-paper);flex-direction:column;height:100%;display:flex;overflow-y:auto}.mobile-filter-bar{display:none}.completion-strip{background:var(--color-paper);border-bottom:1px solid var(--color-line);color:var(--color-ink);grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:12px 30px;display:grid}.completion-strip-main{white-space:nowrap;align-items:baseline;gap:8px;display:flex}.completion-strip-main strong{font-size:24px;font-family:var(--font-serif);color:var(--color-gold)}.completion-title{color:var(--color-sub);font-size:13px}.completion-metrics{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.completion-metrics span{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-card);min-height:26px;color:var(--color-sub);align-items:center;padding:3px 9px;font-size:12px;display:inline-flex}.completion-actions{align-items:center;gap:8px;display:flex}.completion-actions select{border:1px solid var(--color-line-hard);border-radius:var(--radius-sm);background:var(--color-card);min-height:34px;color:var(--color-ink);padding:6px 10px}.completion-actions button{border:1px solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-ink);min-height:34px;color:var(--color-cream);cursor:pointer;padding:7px 14px;font-size:13px}.completion-actions button:disabled{opacity:.55;cursor:not-allowed}.product-feedback{border-bottom:1px solid var(--color-line);padding:9px 30px;font-size:12.5px;font-weight:600}.product-feedback.success{color:#0d766f;background:#0d948814}.product-feedback.error{color:#b91c1c;background:#b91c1c14}.battle-advice-strip{background:var(--color-card);border-bottom:1px solid var(--color-line);grid-template-columns:auto 1fr;align-items:stretch;gap:14px;padding:12px 30px;display:grid}.battle-advice-title{flex-direction:column;justify-content:center;gap:3px;min-width:132px;display:flex}.battle-advice-title strong{font-family:var(--font-serif);color:var(--color-ink);font-size:15px}.battle-advice-title span{color:var(--color-sub);font-size:11px}.battle-advice-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.battle-advice-card{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-paper);cursor:pointer;text-align:left;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;min-height:46px;padding:8px 10px;display:grid}.battle-advice-card:hover{border-color:var(--color-gold);background:var(--color-gold-soft)}.battle-score{font-family:var(--font-mono);color:var(--color-gold);font-size:16px;font-weight:700}.battle-main{color:#0d9488;white-space:nowrap;font-size:12px;font-weight:700}.battle-name{color:var(--color-ink);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.filters-section{background:var(--color-card);border-bottom:1px solid var(--color-line);flex-wrap:wrap;align-items:center;gap:14px;padding:14px 30px;display:flex}.scope-toggle{border:1px solid var(--color-line-hard);border-radius:var(--radius-sm);background:var(--color-card);display:inline-flex;overflow:hidden}.scope-toggle button{border:0;border-right:1px solid var(--color-line);min-height:34px;color:var(--color-sub);cursor:pointer;background:0 0;padding:7px 12px;font-size:13px}.scope-toggle button:last-child{border-right:0}.scope-toggle button.active{background:var(--color-gold-soft);color:var(--color-gold);font-weight:700}.filter-group{align-items:center;gap:8px;display:flex}.filter-group label{color:var(--color-sub);white-space:nowrap;font-size:13px}.filter-group select,.filter-group input[type=date],.filter-group input[type=search]{border:1px solid var(--color-line-hard);border-radius:var(--radius-sm);background:var(--color-card);color:var(--color-ink);cursor:pointer;min-width:120px;padding:7px 11px;font-size:13px}.filter-group input[type=search]{cursor:text;min-width:210px}.filter-group select:hover,.filter-group input[type=date]:hover,.filter-group input[type=search]:hover{border-color:var(--color-gold)}.filter-group select:focus,.filter-group input[type=date]:focus,.filter-group input[type=search]:focus{border-color:var(--color-gold);outline:none}.reset-btn{color:var(--color-ink);border:1px solid var(--color-line-hard);border-radius:var(--radius-sm);cursor:pointer;background:0 0;margin-left:auto;padding:7px 14px;font-size:13px}.reset-btn:hover{background:var(--color-paper)}.view-toggle{border:1px solid var(--color-line-hard);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.view-toggle button{border:0;border-right:1px solid var(--color-line);min-height:32px;color:var(--color-sub);cursor:pointer;background:0 0;padding:6px 11px}.view-toggle button:last-child{border-right:0}.view-toggle button.active{background:var(--color-ink);color:var(--color-cream);font-weight:700}.products-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));align-content:start;gap:16px;padding:24px 30px;display:grid;overflow-y:auto}.product-card{background:var(--color-card);border-radius:var(--radius-md);border:1px solid var(--color-line);cursor:pointer;border-top:2px solid var(--color-gold);padding:18px;transition:all .2s}.product-card:hover{border-color:var(--color-gold);transform:translateY(-3px)}.product-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.product-header h3{color:var(--color-ink);flex:1;margin:0;font-size:15px;font-weight:600;line-height:1.4}.category-tag{background:var(--color-paper);color:var(--color-sub);border:1px solid var(--color-line);border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0;padding:3px 9px;font-size:11px}.data-status-tag{border-radius:var(--radius-sm);white-space:nowrap;border:1px solid;flex-shrink:0;padding:3px 8px;font-size:11px}.data-status-tag.ready{color:#0d766f;background:#0d948814;border-color:#0d948840}.data-status-tag.empty{color:#92400e;background:#b4530914;border-color:#b4530938}.product-data-gap{color:#92400e;border-radius:var(--radius-sm);background:#b453090d;border:1px dashed #b4530940;margin:-4px 0 12px;padding:8px 10px;font-size:12px;line-height:1.5}.product-battle-line{border-radius:var(--radius-sm);background:#0d94880d;border:1px solid #0d94882e;grid-template-columns:auto auto 1fr;align-items:center;gap:7px;margin-bottom:12px;padding:7px 9px;display:grid}.product-battle-line span{color:#0d9488;white-space:nowrap;font-size:11px;font-weight:700}.product-battle-line strong{font-family:var(--font-mono);color:var(--color-gold);font-size:12px}.product-battle-line em{color:var(--color-sub);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-style:normal;overflow:hidden}.product-stats{flex-direction:column;gap:10px;display:flex}.stat-item{flex-direction:column;gap:3px;display:flex}.stat-item.primary{background:var(--color-card);border-radius:var(--radius-sm);border:1px solid var(--color-line);padding:10px 14px}.stat-item.primary .stat-label{color:var(--color-sub);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:500}.stat-item.primary .stat-value{color:var(--color-gold);font-size:26px;font-family:var(--font-serif);font-weight:700}.stat-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat-label{color:var(--color-faint);font-size:11px}.stat-value{color:var(--color-ink);font-size:17px;font-weight:600}.stat-value.accent{color:var(--color-gold)}.product-readiness-line{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.product-readiness-line span{border:1px solid var(--color-line);background:var(--color-paper);color:var(--color-sub);border-radius:var(--radius-sm);padding:3px 7px;font-size:11px}.product-footer{border-top:1px solid var(--color-line);color:var(--color-faint);margin-top:10px;padding-top:10px;font-size:11px}.products-grid.products-list{grid-template-columns:1fr;gap:10px}.products-list .product-card{grid-template-columns:minmax(280px,1.4fr) minmax(260px,1fr) auto;align-items:center;gap:16px;padding:13px 16px;display:grid}.products-list .product-header{margin-bottom:0}.products-list .product-battle-line{min-width:0;margin-bottom:0}.products-list .product-stats{grid-template-columns:repeat(4,minmax(90px,1fr));gap:8px;display:grid}.products-list .stat-item.primary{background:0 0;border:0;padding:0}.products-list .stat-item.primary .stat-value{font-size:19px}.products-list .stat-row{display:contents}.products-list .product-footer{text-align:right;white-space:nowrap;border:0;margin:0;padding:0}.empty-state{text-align:center;color:var(--color-faint);grid-column:1/-1;padding:60px 20px}.empty-state p{margin:8px 0;font-size:15px}.empty-state .hint{color:var(--color-faint);font-size:13px}@media (width<=1200px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (width<=768px){.product-list-page{padding-top:0}.completion-strip{grid-template-columns:1fr;gap:10px;padding:12px 14px}.product-feedback{padding:9px 14px}.battle-advice-strip{grid-template-columns:1fr;padding:12px 14px}.battle-advice-items{grid-template-columns:1fr}.completion-strip-main{flex-wrap:wrap}.completion-metrics{gap:6px}.completion-actions{width:100%}.completion-actions select,.completion-actions button{flex:1;min-height:44px}.filters-section{border-bottom:none;flex-direction:column;align-items:stretch;gap:10px;max-height:0;padding:0 16px;transition:max-height .3s ease-out;overflow:hidden}.filters-section.expanded{border-bottom:1px solid var(--color-line);max-height:800px;padding:14px 16px;transition:max-height .3s ease-in}.products-grid{grid-template-columns:1fr;padding:14px}.filter-group select,.filter-group input[type=date],.filter-group input[type=search]{width:100%;min-height:44px;font-size:16px}.reset-btn{width:100%;min-height:44px;margin-left:0}.scope-toggle{width:100%}.scope-toggle button{flex:1;min-height:40px}.view-toggle{width:100%}.view-toggle button{flex:1;min-height:40px}.mobile-filter-bar{background:var(--color-card);border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:10px;min-height:52px;padding:10px 14px;display:flex}.mobile-filter-bar .filter-group select{flex:1;min-width:0;min-height:44px;padding:8px 10px;font-size:14px}.mobile-filter-toggle{background:var(--color-ink);color:var(--color-cream);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-serif);cursor:pointer;white-space:nowrap;border:none;min-height:44px;padding:9px 16px;font-weight:700;display:block}.product-card{padding:12px}.products-list .product-card{display:block}.product-header h3{font-size:14px}.stat-item.primary .stat-value{font-size:22px}.mobile-filter-bar{display:flex}.filters-section .desktop-only{display:none}}.chat-window{background:#fff;border-radius:8px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000001a}.chat-header{background:#fafafa;border-bottom:1px solid #e0e0e0;flex-direction:column;flex-shrink:0;gap:12px;padding:15px 20px;display:flex}.chat-header h3{color:#333;border:none;margin:0;padding:0;font-size:18px}.quick-actions{flex-wrap:wrap;gap:8px;display:flex}.quick-action-btn{color:#333;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #ddd;border-radius:4px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.quick-action-btn:hover:not(:disabled){color:#0d9488;background:#f5f5f5;border-color:#0d9488;transform:translateY(-1px);box-shadow:0 2px 4px #0d948833}.quick-action-btn:disabled{color:#999;cursor:not-allowed;background:#f5f5f5;border-color:#e0e0e0}.quick-action-btn:active:not(:disabled){transform:translateY(0)}.generate-plan-btn{color:#fff;cursor:pointer;background:#2196f3;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;transition:background .2s}.generate-plan-btn:hover:not(:disabled){background:#1976d2}.generate-plan-btn:disabled{cursor:not-allowed;background:#ccc}.messages-container{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:15px;padding:20px;display:flex;overflow-y:auto}.empty-state{color:#999;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px;display:flex}.empty-state p{margin:5px 0}.product-stats-summary{width:100%;max-width:600px}.product-stats-summary h4{color:#333;margin:0 0 20px;font-size:18px;font-weight:600}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:20px;display:grid}.stat-card{text-align:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:15px;box-shadow:0 2px 4px #0000000d}.stat-label{color:#666;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:12px;font-weight:500}.stat-value{color:#0d9488;flex-direction:column;align-items:center;gap:4px;font-family:JetBrains Mono,SF Mono,Roboto Mono,monospace;font-size:24px;font-weight:700;display:flex}.stat-value.warning{color:#dc2626}.stat-value.amber{color:#d97706}.stat-value.success{color:#059669}.warning-badge{color:#dc2626;background:#fee;border-radius:4px;padding:2px 8px;font-family:inherit;font-size:11px;font-weight:500}.product-stats-summary .hint{color:#999;margin-top:10px;font-size:14px}.hint{color:#bbb;max-width:300px;font-size:12px}.message{margin-bottom:10px;display:flex}.message.user{justify-content:flex-end}.message.assistant{justify-content:flex-start}.message-content{border-radius:8px;max-width:80%;padding:12px 16px;font-size:14px;line-height:1.6}.message.user .message-content{color:#fff;background:#2196f3}.message.assistant .message-content{color:#333;background:#f0f0f0}.message-content p{margin:0 0 8px}.message-content p:last-child{margin-bottom:0}.loading-indicator{color:#999;font-style:italic}.input-container{background:#fafafa;border-top:1px solid #e0e0e0;flex-shrink:0;gap:10px;padding:15px 20px;display:flex}.input-container textarea{resize:none;border:1px solid #ddd;border-radius:4px;outline:none;flex:1;padding:10px;font-family:inherit;font-size:14px}.input-container textarea:focus{border-color:#2196f3}.input-actions{align-items:flex-end;gap:8px;display:flex}.model-toggle-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;transition:all .2s;display:flex}.model-toggle-btn.sonnet{color:#f59e0b;border-color:#f59e0b}.model-toggle-btn.opus{color:#8b5cf6;border-color:#8b5cf6}.model-toggle-btn:hover{background:#f5f5f5;transform:translateY(-1px)}.model-toggle-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.input-container button{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:4px;padding:10px 20px;font-size:14px;font-weight:500;transition:background .2s}.input-container button:hover:not(:disabled){background:#45a049}.input-container button:disabled{cursor:not-allowed;background:#ccc}@media (width<=768px){.chat-window{border-radius:0;height:100%}.chat-header{gap:10px;padding:12px}.chat-header h3{font-size:16px}.quick-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.quick-action-btn{justify-content:center;width:100%;min-height:44px;padding:8px;font-size:12px}.messages-container{flex:1;gap:10px;padding:12px;overflow-y:auto}.product-stats-summary{width:100%;max-width:none;margin-bottom:12px}.product-stats-summary h4{margin:0 0 12px;font-size:16px}.stats-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.stat-card{padding:10px}.stat-label{margin-bottom:4px;font-size:11px}.stat-value{font-size:18px}.warning-badge{padding:1px 6px;font-size:10px}.message-content{max-width:90%;padding:10px 12px;font-size:14px}.input-container{background:#fff;border-top:1px solid #e0e0e0;flex-direction:column;gap:8px;padding:12px}.input-container textarea{min-height:44px;max-height:120px;font-size:16px}.input-actions{flex-direction:row;gap:8px}.model-toggle-btn{flex-shrink:0;width:44px;height:44px}.input-container button{flex:1;min-height:44px;padding:10px 12px;font-size:14px}}.hypothesis-list-container{max-width:1200px;margin:0 auto;padding:76px 20px 20px}.hypothesis-list-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.hypothesis-list-header h3{color:#333;margin:0;font-size:24px}.hypothesis-header-actions{align-items:center;gap:10px;display:flex}.create-hypothesis-btn,.ai-hypothesis-btn{color:#fff;cursor:pointer;border:1px solid #0d9488;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:transform .2s,box-shadow .2s}.create-hypothesis-btn{background:#0d9488}.ai-hypothesis-btn{background:#1c1917;border-color:#1c1917}.create-hypothesis-btn:hover,.ai-hypothesis-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.ai-hypothesis-btn:disabled{opacity:.55;cursor:not-allowed}.hypothesis-group{margin-bottom:30px}.group-header{margin-bottom:15px}.group-header h4{color:#0d9488;align-items:center;gap:10px;margin:0;font-size:18px;display:flex}.group-header .count{color:#999;font-size:14px}.hypothesis-cards{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px;display:grid}.hypothesis-card{cursor:pointer;background:#fff;border-radius:8px;padding:20px;transition:all .2s;box-shadow:0 2px 8px #0000001a}.hypothesis-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.hypothesis-header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.hypothesis-header h4{color:#333;flex:1;margin:0;font-size:16px}.ai-badge{color:#fff;background:#0d9488;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.hypothesis-desc{color:#666;margin-bottom:15px;font-size:13px;line-height:1.6}.hypothesis-metrics{flex-direction:column;gap:8px;margin-bottom:15px;display:flex}.metric-row{align-items:center;gap:8px;font-size:13px;display:flex}.metric-label{color:#666}.metric-value{color:#333;font-weight:500}.metric-value.success{color:#4caf50}.metric-value.warning{color:#ff9800}.metric-separator{color:#ddd}.validation-result{background:#f9f9f9;border-left:4px solid #0d9488;border-radius:6px;margin-bottom:10px;padding:12px}.validation-result strong{color:#0d9488;margin-bottom:5px;font-size:13px;display:block}.validation-result p{color:#666;margin:0;font-size:13px;line-height:1.6}.validated-time{color:#999;text-align:right;font-size:12px}.empty-message{text-align:center;color:#999;padding:40px;font-size:14px}.hypothesis-list-loading{text-align:center;color:#999;padding:60px;font-size:16px}@media (width<=768px){.hypothesis-list-container{padding:10px}.hypothesis-cards{grid-template-columns:1fr}}.hypothesis-form-container{background:#fff;border-radius:8px;max-width:900px;margin:76px auto 0;padding:20px;box-shadow:0 2px 12px #0000001a}.hypothesis-form-header{border-bottom:2px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;display:flex}.hypothesis-form-header h2{color:#333;margin:0;font-size:24px}.hypothesis-form-content{max-height:calc(100vh - 250px);padding-right:10px;overflow-y:auto}.form-section{background:#f9f9f9;border-radius:8px;margin-bottom:30px;padding:20px}.form-section h3{color:#333;border-bottom:1px solid #e0e0e0;margin:0 0 20px;padding-bottom:10px;font-size:18px}.form-group .required{color:#f44336}.form-group .hint{color:#999;margin-top:5px;font-size:12px;display:block}.form-group input[type=text],.form-group input[type=number],.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#0d9488;outline:none}.form-group textarea{resize:vertical;font-family:inherit}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;display:grid}.hypothesis-form-actions{border-top:1px solid #f0f0f0;justify-content:flex-end;gap:15px;margin-top:20px;padding-top:20px;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:6px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .2s}.btn-primary{color:#fff;background:#0d9488}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:#666;background:#fff;border:1px solid #ddd}.btn-secondary:hover{background:#f5f5f5;border-color:#999}.hypothesis-form-loading{text-align:center;color:#999;padding:60px;font-size:16px}@media (width<=768px){.hypothesis-form-container{padding:15px}.form-row{grid-template-columns:1fr}}.hypothesis-detail-container{background:#fff;border-radius:8px;max-width:1000px;margin:76px auto 0;padding:20px;box-shadow:0 2px 12px #0000001a}.hypothesis-detail-header{border-bottom:2px solid #f0f0f0;justify-content:space-between;align-items:flex-start;margin-bottom:30px;padding-bottom:20px;display:flex}.hypothesis-detail-header h2{color:#333;margin:0 0 10px;font-size:24px}.header-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.source-badge{color:#fff;background:#0d9488;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.header-meta .date{color:#999;font-size:13px}.header-actions{align-items:center;gap:10px;display:flex}.btn-edit{color:#fff;cursor:pointer;background:#0d9488;border:none;border-radius:6px;padding:8px 16px;font-size:14px;transition:background .2s}.btn-edit:hover{background:#0f766e}.close-btn{color:#999;cursor:pointer;background:0 0;border:none;padding:5px 10px;font-size:24px;transition:color .2s}.close-btn:hover{color:#333}.hypothesis-detail-content{max-height:calc(100vh - 200px);padding-right:10px;overflow-y:auto}.detail-section{background:#f9f9f9;border-radius:8px;margin-bottom:30px;padding:20px}.detail-section h3{color:#333;border-bottom:1px solid #e0e0e0;margin:0 0 15px;padding-bottom:10px;font-size:18px}.description-text{color:#666;margin:0;font-size:14px;line-height:1.8}.test-method-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;display:grid}.method-item{flex-direction:column;gap:5px;display:flex}.method-item label{color:#999;font-size:13px;font-weight:500}.method-item span{color:#333;font-size:14px}.metrics-comparison{overflow-x:auto}.comparison-table{border-collapse:collapse;background:#fff;border-radius:6px;width:100%;overflow:hidden}.comparison-table thead{background:#f8f9fa}.comparison-table th{text-align:left;color:#555;border-bottom:2px solid #e0e0e0;padding:12px 15px;font-size:13px;font-weight:600}.comparison-table td{color:#333;border-bottom:1px solid #f0f0f0;padding:12px 15px;font-size:14px}.comparison-table tbody tr:last-child td{border-bottom:none}.achievement-positive{color:#4caf50;font-weight:600}.achievement-negative{color:#f44336;font-weight:600}.sample-size{color:#666;text-align:right;margin-top:10px;font-size:13px}.related-contents{overflow-x:auto}.contents-table{border-collapse:collapse;background:#fff;border-radius:6px;width:100%;overflow:hidden}.contents-table thead{background:#f8f9fa}.contents-table th{text-align:left;color:#555;white-space:nowrap;border-bottom:2px solid #e0e0e0;padding:12px 15px;font-size:13px;font-weight:600}.contents-table td{color:#333;border-bottom:1px solid #f0f0f0;padding:12px 15px;font-size:14px}.contents-table tbody tr:hover{background:#f9f9f9}.contents-table .revenue{color:#4caf50;font-weight:600}.contents-table .conversion-rate{color:#ff9800;font-weight:600}.validation-box{border-left:4px solid;border-radius:6px;padding:15px}.validation-box.validated{background:#e8f5e9;border-color:#4caf50}.validation-box.rejected{background:#ffebee;border-color:#f44336}.validation-box p{color:#333;margin:0 0 10px;font-size:14px;line-height:1.8}.validation-time{color:#999;text-align:right;font-size:12px}.hypothesis-detail-loading{text-align:center;color:#999;padding:60px;font-size:16px}@media (width<=768px){.hypothesis-detail-container{padding:15px}.hypothesis-detail-header{flex-direction:column;gap:15px}.header-actions{justify-content:flex-end;width:100%}.test-method-grid{grid-template-columns:1fr}.comparison-table,.contents-table{min-width:600px}}.seeding-strategy{background:#fafafa;flex-direction:column;gap:24px;height:100%;padding:20px;display:flex;overflow-y:auto}.strategy-header{border-bottom:2px solid #0d9488;justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.strategy-header h3{color:#333;margin:0;font-size:20px;font-weight:600}.generate-strategy-btn{color:#fff;cursor:pointer;background:#0d9488;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.generate-strategy-btn:hover:not(:disabled){background:#0b7c72;transform:translateY(-1px);box-shadow:0 4px 8px #0d94884d}.generate-strategy-btn:disabled{cursor:not-allowed;background:#ccc;transform:none}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.strategy-section{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #00000014}.strategy-section h4{color:#333;margin:0 0 16px;font-size:16px;font-weight:600}.hook-filters{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.filter-btn{color:#666;cursor:pointer;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s}.filter-btn:hover{background:#ebebeb;border-color:#0d9488}.filter-btn.active{color:#fff;background:#0d9488;border-color:#0d9488}.hooks-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.hook-card{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;padding:14px;transition:all .2s;position:relative}.hook-card:hover{border-color:#0d9488;transform:translateY(-2px);box-shadow:0 2px 8px #0d948826}.hook-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.hook-type{color:#0d9488;background:#0d94881a;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:600}.hook-score{color:#b78b26;background:#b78b2614;border:1px solid #b78b2640;border-radius:10px;margin-left:auto;padding:3px 8px;font-family:JetBrains Mono,SF Mono,Roboto Mono,monospace;font-size:11px}.hook-status{color:#fff;border-radius:10px;padding:3px 8px;font-size:11px;font-weight:500}.hook-status.status-待测试{background:#999}.hook-status.status-测试中{background:#2196f3}.hook-status.status-已验证{background:#4caf50}.hook-status.status-已否定{background:#f44336}.hook-expression{color:#333;margin-bottom:10px;font-size:14px;font-weight:500;line-height:1.6}.hook-decision-row{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.hook-decision-row span{color:#666;background:#fff;border:1px solid #e8e1d4;border-radius:10px;padding:2px 7px;font-size:11px}.hook-decision-row .risk-低{color:#0d9488}.hook-decision-row .risk-中{color:#d4824e}.hook-decision-row .risk-高{color:#b5503e}.hook-meta{color:#999;gap:12px;font-size:12px;display:flex}.hook-layer,.hook-trigger{align-items:center;display:flex}.penetration-matrix{flex-direction:column;gap:16px;display:flex}.matrix-summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.summary-card{color:#fff;text-align:center;background:linear-gradient(135deg,#0d9488 0%,#0b7c72 100%);border-radius:8px;padding:16px}.summary-label{opacity:.9;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:12px}.summary-value{font-family:JetBrains Mono,SF Mono,Roboto Mono,monospace;font-size:24px;font-weight:700}.matrix-note{color:#666;text-align:center;background:#f9f9f9;border-radius:6px;padding:12px;font-size:13px}.penetration-conclusions{min-height:100px}.conclusions-list{flex-direction:column;gap:12px;display:flex}.conclusion-card{background:#f0fdf4;border:1px solid #86efac;border-radius:8px;padding:16px}.conclusion-badge{color:#16a34a;margin-bottom:8px;font-size:12px;font-weight:600}.conclusion-hook{color:#333;margin-bottom:8px;font-size:15px;font-weight:500;line-height:1.6}.conclusion-meta{color:#666;font-size:12px}.empty-state{text-align:center;color:#999;padding:40px 20px;font-size:14px}.empty-state .hint{color:#bbb;margin-top:8px;font-size:13px}.seeding-strategy-empty{color:#999;justify-content:center;align-items:center;height:100%;font-size:16px;display:flex}@media (width<=768px){.hooks-list{grid-template-columns:1fr}.matrix-summary{grid-template-columns:repeat(2,1fr)}.hook-filters{flex-direction:column}.filter-btn{width:100%}.strategy-guidance{grid-template-columns:1fr}}.conversion-strategy{background:#fafafa;flex-direction:column;gap:24px;height:100%;padding:20px;display:flex;overflow-y:auto}.feedback-signals{flex-direction:column;gap:12px;display:flex}.feedback-signal{border-radius:8px;padding:16px;animation:.3s ease-out slideIn;box-shadow:0 2px 8px #0000001a}.feedback-signal.high-conversion{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:2px solid #f59e0b}.feedback-signal.traffic-burst{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:2px solid #3b82f6}.signal-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.signal-title{color:#333;font-size:16px;font-weight:600}.dismiss-btn{cursor:pointer;color:#666;background:#0000001a;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;transition:all .2s;display:flex}.dismiss-btn:hover{color:#333;background:#0003}.signal-message{color:#333;margin-bottom:8px;font-size:14px;line-height:1.6}.signal-meta{color:#666;font-family:JetBrains Mono,SF Mono,Roboto Mono,monospace;font-size:12px}.strategy-guidance{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.strategy-guidance div{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:12px 14px}.strategy-guidance strong{color:#0d9488;margin-bottom:5px;font-size:12px;display:block}.strategy-guidance span{color:#666;font-size:12px;line-height:1.55;display:block}.buypoints-container{grid-template-columns:1fr 1fr;gap:20px;display:grid}.buypoints-category h5{color:#333;margin:0 0 12px;font-size:15px;font-weight:600}.buypoints-list{flex-direction:column;gap:10px;display:flex}.buypoint-card{background:#fff;border:1px solid #e0e0e0;border-left:4px solid #0d9488;border-radius:6px;padding:12px;transition:all .2s;position:relative}.buypoint-card.rational{border-left-color:#2196f3}.buypoint-card.emotional{border-left-color:#f06292}.buypoint-card:hover{transform:translate(4px);box-shadow:0 2px 8px #0000001a}.buypoint-expression{color:#333;margin-bottom:8px;font-size:14px;font-weight:500;line-height:1.6}.buypoint-decision-row{flex-wrap:wrap;gap:6px;margin-bottom:9px;display:flex}.buypoint-decision-row span{color:#666;background:#fafafa;border:1px solid #e8e1d4;border-radius:10px;padding:2px 7px;font-size:11px}.buypoint-decision-row .risk-低{color:#0d9488}.buypoint-decision-row .risk-中{color:#d4824e}.buypoint-decision-row .risk-高{color:#b5503e}.buypoint-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.buypoint-layer,.buypoint-trigger{color:#666;background:#f5f5f5;border-radius:10px;padding:2px 8px;font-size:11px}.buypoint-status{color:#fff;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:500}.buypoint-status.status-待测试{background:#999}.buypoint-status.status-测试中{background:#2196f3}.buypoint-status.status-已验证{background:#4caf50}.buypoint-status.status-已否定{background:#f44336}.channels-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.channel-card{background:#fff!important;border:1px solid #e0e0e0!important;border-radius:8px!important;padding:16px!important;transition:all .2s!important}.channel-card:hover{border-color:#0d9488!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #0d948826!important}.channel-card.is-empty{background:#fafafa!important;align-items:center!important;height:40px!important;min-height:40px!important;padding:0 14px!important;display:flex!important}.channel-card.is-empty:hover{box-shadow:none!important;border-color:#e0e0e0!important;transform:none!important}.channel-header{border-bottom:1px solid #f0f0f0;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:12px;display:flex}.channel-card.is-empty .channel-header{border-bottom:none!important;gap:6px!important;width:100%!important;margin-bottom:0!important;padding-bottom:0!important}.channel-icon{font-size:24px}.channel-card.is-empty .channel-icon{font-size:18px!important}.channel-name{color:#333;font-size:14px;font-weight:600}.channel-card.is-empty .channel-name{font-size:13px!important;font-weight:500!important}.channel-empty-status{color:#999!important;white-space:nowrap!important;margin-left:auto!important;font-size:12px!important}.buypoint-effects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.buypoint-effect-card{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;padding:14px;transition:all .2s}.buypoint-effect-card:hover{border-color:#0d9488;transform:translateY(-2px);box-shadow:0 2px 8px #0d948826}.effect-card-header{border-bottom:1px solid #e0e0e0;margin-bottom:12px;padding-bottom:10px}.effect-expression{color:#333;margin-bottom:4px;font-size:14px;font-weight:600;line-height:1.4}.effect-meta{color:#999;font-size:12px}.effect-metrics{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;display:grid}.effect-metric-item{flex-direction:column;gap:4px;display:flex}.effect-metric-label{color:#999;text-transform:uppercase;font-size:11px}.effect-metric-value{color:#0d9488;font-size:16px;font-weight:600}.effect-card-footer{color:#999;border-top:1px solid #f0f0f0;padding-top:8px;font-size:11px}.channel-metrics{flex-direction:column;gap:8px;display:flex}.channel-metrics .metric-item{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.channel-metrics .metric-label{color:#999!important;text-transform:none!important;letter-spacing:normal!important;flex-shrink:0!important;font-size:11px!important}.channel-metrics .metric-value{color:#0d9488!important;text-align:right!important;min-width:0!important;font-family:JetBrains Mono,SF Mono,Roboto Mono,monospace!important;font-size:14px!important;font-weight:600!important;line-height:1.2!important}.attribution-container{min-height:200px}.attribution-table-wrapper{border:1px solid #e0e0e0;border-radius:6px;overflow-x:auto}.attribution-table{border-collapse:collapse;width:100%;font-size:14px}.attribution-table thead{color:#fff;background:#1a1a2e}.attribution-table th{text-align:left;white-space:nowrap;padding:12px;font-size:13px;font-weight:600}.attribution-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .2s}.attribution-table tbody tr:hover{background:#fafafa}.attribution-table td{color:#555;padding:12px}.channel-cell{color:#333;font-weight:500}.number-cell{text-align:right;font-family:SF Mono,Monaco,Courier New,monospace}.number-cell.highlight{color:#0d9488;font-weight:600}.conversion-strategy-empty{color:#999;justify-content:center;align-items:center;height:100%;font-size:16px;display:flex}@media (width<=1024px){.buypoints-container,.strategy-guidance{grid-template-columns:1fr}.channels-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.channels-grid{grid-template-columns:1fr}.attribution-table-wrapper{overflow-x:scroll}.attribution-table{min-width:600px}}.matrix-tag-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.matrix-tag-label{color:#999;flex-shrink:0;font-size:11px;font-weight:500}.matrix-tag-list{flex-wrap:wrap;gap:6px;display:flex}.matrix-tag{white-space:nowrap;border-radius:10px;padding:3px 8px;font-size:11px;font-weight:500}.matrix-tag.form-graphic{color:#1e40af;background:#dbeafe}.matrix-tag.form-video{color:#6b21a8;background:#e9d5ff}.matrix-tag.form-live{color:#991b1b;background:#fee2e2}.matrix-tag.form-social-copy{color:#065f46;background:#d1fae5}.matrix-tag.form-shelf-copy{color:#9a3412;background:#fed7aa}.matrix-tag.form-default{color:#6b7280;background:#f3f4f6}.matrix-tag.channel{color:#0f766e;background:#f0fdfa;border:1px solid #99f6e4}.matrix-tag.stage{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.matrix-tags-container{margin-top:10px}.card-generate-btn{color:#0d9488;cursor:pointer;background:#ecfdf5;border:1px solid #99f6e4;border-radius:999px;margin-top:12px;margin-left:auto;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:block}.card-generate-btn:hover{background:#ccfbf1;border-color:#5eead4}.card-work-order-panel{border-top:1px dashed #d1d5db;margin-top:12px;padding-top:12px}.pivot-cockpit{background:var(--color-paper);flex-direction:column;height:100%;display:flex;overflow:hidden}.pivot-loading{color:var(--color-sub);flex:1;justify-content:center;align-items:center;display:flex}.pivot-masthead{background:var(--color-card);border-bottom:1px solid var(--color-line-hard);flex-direction:column;flex-shrink:0;gap:10px;padding:14px 20px;display:flex}.pivot-masthead-row{align-items:center;gap:16px;display:flex}.pivot-name-block{flex-direction:column;gap:3px;min-width:0;display:flex}.pivot-masthead-title{font-family:var(--font-serif);color:var(--color-ink);margin:0;font-size:20px;font-weight:700}.pivot-name-block span{color:var(--color-sub);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.pivot-masthead-actions{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.pivot-ai-state{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-paper);color:var(--color-sub);padding:4px 8px;font-size:11px}.pivot-ai-state.done{color:#0d9488;border-color:#0d948840}.pivot-ai-state.todo{color:var(--color-gold);border-color:#b78b2640}.pivot-ai-refresh-btn{border:1px solid var(--color-ink);background:var(--color-ink);color:#fff;border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-weight:700;font-family:var(--font-sans);padding:6px 11px}.pivot-ai-refresh-btn:hover:not(:disabled){opacity:.88}.pivot-ai-refresh-btn:disabled{opacity:.55;cursor:not-allowed}.masthead-stats{background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-md);gap:0;display:flex;overflow:hidden}.masthead-stat{text-align:center;border-right:1px solid var(--color-line);flex:1;padding:12px 10px}.masthead-stat:last-child{border-right:none}.masthead-stat-val{font-family:var(--font-mono);color:var(--color-ink);font-size:16px;font-weight:600;line-height:1;display:block}.masthead-stat-lbl{color:var(--color-faint);margin-top:5px;font-size:10.5px;display:block}.pivot-queue-bar{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-paper);align-items:center;gap:8px;padding:9px 11px;display:flex}.pivot-queue-bar>div{flex:1;align-items:baseline;gap:8px;min-width:0;display:flex}.pivot-queue-bar strong{color:var(--color-ink);white-space:nowrap;font-size:13px}.pivot-queue-bar span{color:var(--color-sub);font-size:11px}.pivot-queue-primary,.pivot-queue-secondary{border-radius:var(--radius-sm);cursor:pointer;min-height:30px;font-size:12px;font-family:var(--font-sans);padding:6px 10px}.pivot-queue-primary{border:1px solid var(--color-ink);background:var(--color-ink);color:var(--color-cream)}.pivot-queue-secondary{border:1px solid var(--color-line-hard);color:var(--color-ink);background:0 0}.pivot-queue-primary:disabled,.pivot-queue-secondary:disabled{opacity:.5;cursor:not-allowed}.pivot-queue-message{font-family:var(--font-mono);flex:none;color:var(--color-gold)!important}.pivot-body{flex:1;display:flex;overflow:hidden}.pivot-left{border-right:1px solid var(--color-line-hard);background:var(--color-card);flex-shrink:0;width:256px;overflow-y:auto}.pivot-left-section{border-bottom:1px solid var(--color-line);padding:14px 16px}.pivot-left-title{font-family:var(--font-serif);color:var(--color-ink);margin-bottom:3px;font-size:15px;font-weight:700}.pivot-left-sub{color:var(--color-sub);margin-bottom:10px;font-size:10px}.pivot-hook-row{border-top:1px solid var(--color-line);cursor:pointer;align-items:center;gap:10px;padding:7px 0;display:flex}.pivot-hook-row:first-child{border-top:none}.pivot-hook-row:hover{background:var(--color-gold-soft);margin:0 -16px;padding-left:16px;padding-right:16px}.pivot-hook-row.active{background:#0d94880f;border-left:2px solid #0d9488;margin:0 -16px;padding-left:16px;padding-right:16px}.pivot-hook-rank{font-family:var(--font-serif);flex-shrink:0;width:18px;font-size:16px;font-weight:700}.pivot-hook-title{color:var(--color-ink);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.pivot-hook-meta{color:var(--color-sub);align-items:center;gap:5px;margin-top:3px;font-size:10px;display:flex}.pivot-hook-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.pivot-hook-queue-dot{border:1px solid var(--color-line-hard);background:var(--color-card);cursor:pointer;border-radius:50%;flex-shrink:0;width:14px;height:14px;padding:0}.pivot-hook-queue-dot.active{box-shadow:inset 0 0 0 3px var(--color-card);background:#0d9488;border-color:#0d9488}.pivot-nine-layers{border-bottom:none}.pivot-nine-tags{flex-wrap:wrap;gap:5px;display:flex}.pivot-nine-tag{color:var(--color-sub);background:var(--color-paper);border:1px solid var(--color-line);border-radius:var(--radius-sm);cursor:pointer;font-size:10px;font-family:var(--font-sans);padding:3px 7px}.pivot-nine-tag.active{color:#0d9488;background:#0d94880f;border-color:#0d948859;font-weight:700}.pivot-center{background:var(--color-paper);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.pivot-tabs{border-bottom:1px solid var(--color-line);background:var(--color-card);flex-shrink:0;gap:2px;padding:0 12px;display:flex}.pivot-tab-btn{color:var(--color-sub);cursor:pointer;font-size:13.5px;font-weight:500;font-family:var(--font-sans);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 16px}.pivot-tab-btn:hover{color:var(--color-ink)}.pivot-tab-btn.active{color:var(--color-gold);border-bottom-color:var(--color-gold);font-weight:700}.pivot-tab-content{flex:1;overflow-y:auto}.pivot-right{border-left:1px solid var(--color-line-hard);background:var(--color-card);flex-shrink:0;width:340px;overflow-y:auto}.pivot-placeholder{text-align:center;color:var(--color-faint);padding:60px 20px;font-size:13px}.hook-detail-panel{flex-direction:column;height:100%;display:flex}.hook-detail-header{border-bottom:1px solid var(--color-line);padding:16px 18px}.hook-detail-type{font-family:var(--font-mono);color:var(--color-gold);letter-spacing:1px;margin-bottom:7px;font-size:10px}.hook-detail-title{font-family:var(--font-serif);color:var(--color-ink);margin-bottom:10px;font-size:16px;font-weight:700;line-height:1.45}.hook-detail-meta-row{gap:18px;margin-bottom:12px;display:flex}.hook-detail-meta-val{font-family:var(--font-serif);color:var(--color-ink);font-size:18px;font-weight:700;line-height:1.2;display:block}.hook-detail-meta-lbl{color:var(--color-sub);margin-top:3px;font-size:10px;display:block}.hook-detail-signal-grid{grid-template-columns:repeat(3,1fr);gap:7px;margin:0 0 10px;display:grid}.hook-detail-signal-grid div{border:1px solid var(--color-line);background:var(--color-paper);border-radius:var(--radius-sm);padding:7px 8px}.hook-detail-signal-grid span{color:var(--color-faint);margin-bottom:3px;font-size:10px;display:block}.hook-detail-signal-grid strong{color:var(--color-ink);font-size:12px;display:block}.hook-detail-signal-grid .risk-低{color:var(--color-success)}.hook-detail-signal-grid .risk-中{color:var(--color-amber)}.hook-detail-signal-grid .risk-高{color:var(--color-warning)}.hook-detail-reasons{flex-wrap:wrap;gap:5px;margin-bottom:8px;display:flex}.hook-detail-reasons span{border-radius:var(--radius-sm);color:#0d9488;background:#0d94880f;border:1px solid #0d948833;padding:3px 7px;font-size:10px}.hook-detail-risk{color:var(--color-warning);border-radius:var(--radius-sm);background:#b5503e0f;border:1px solid #b5503e2e;margin-bottom:9px;padding:7px 8px;font-size:11px;line-height:1.5}.hook-detail-platforms{flex-wrap:wrap;gap:6px;display:flex}.hook-detail-platform-tag{border-radius:var(--radius-sm);border:1px solid var(--color-line);color:var(--color-sub);background:var(--color-paper);padding:3px 9px;font-size:11px}.hook-detail-body{flex-direction:column;flex:1;gap:12px;padding:14px 18px;display:flex;overflow-y:auto}.hook-detail-placeholder{color:var(--color-faint);text-align:center;padding:24px 0;font-size:12px}.hook-detail-actions{gap:8px;display:flex}.hook-detail-error{color:var(--color-warning);border-radius:var(--radius-sm);background:#b5503e0f;padding:8px 10px;font-size:12px}.hook-detail-loading{text-align:center;color:var(--color-sub);padding:20px;font-size:12px}.hook-detail-result{border-left:2px solid var(--color-gold);padding-left:12px}.hook-detail-result-label{color:var(--color-sub);margin-bottom:6px;font-size:11px;font-weight:600}.hook-detail-result-text{color:var(--color-ink);white-space:pre-wrap;margin-bottom:12px;font-size:13px;line-height:1.75}.hook-detail-save{gap:8px;display:flex}.selling-points-system{margin-top:20px}.selling-layer{background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-md);margin-bottom:30px;padding:20px}.layer-title{color:var(--color-ink);border-bottom:2px solid var(--color-gold);margin-bottom:15px;padding-bottom:10px;font-size:18px;font-weight:600}.facts-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;display:grid}.fact-card{background:var(--color-card);border-radius:var(--radius-sm);border-left:4px solid var(--color-success);padding:15px;transition:transform .2s;box-shadow:0 1px 3px #0000000a}.fact-card:hover{transform:translateY(-2px)}.fact-category{background:var(--color-success);color:#fff;border-radius:12px;margin-bottom:8px;padding:3px 10px;font-size:12px;display:inline-block}.fact-text{color:var(--color-sub);margin:0;font-size:14px;line-height:1.6}.translations-list{flex-direction:column;gap:20px;display:flex}.translation-card{background:var(--color-card);border-radius:var(--radius-md);border:1px solid var(--color-line);padding:20px}.translation-fact{color:var(--color-ink);background:var(--color-paper);border-radius:var(--radius-sm);margin-bottom:15px;padding:12px;font-size:15px}.translation-fact strong{color:var(--color-gold)}.translation-values{flex-direction:column;gap:12px;display:flex}.value-item{border-radius:var(--radius-sm);border-left:4px solid;padding:12px}.value-item.core{border-left-color:var(--color-success);background:#2f7a550f}.value-item.extended{border-left-color:var(--color-amber);background:#c08a2b0f}.value-item.breakthrough{background:#9c27b00f;border-left-color:#9c27b0}.value-label{color:var(--color-sub);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.value-item p{color:var(--color-sub);margin:0;font-size:14px;line-height:1.6}.reasons-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.reason-card{background:var(--color-card);border-radius:var(--radius-md);border-left:5px solid;border:1px solid var(--color-line);border-left:5px solid;padding:20px}.reason-card.core{border-left-color:var(--color-success)}.reason-card.extended{border-left-color:var(--color-amber)}.reason-card.breakthrough{border-left-color:#9c27b0}.reason-card h5{color:var(--color-ink);border-bottom:1px solid var(--color-line);margin-bottom:15px;padding-bottom:10px;font-size:16px}.reason-section{margin-bottom:15px}.reason-section strong{color:var(--color-sub);margin-bottom:8px;font-size:14px;display:block}.reason-section ul{margin:0;padding:0;list-style:none}.reason-section li{color:var(--color-sub);padding:8px 0 8px 20px;font-size:13px;line-height:1.6;position:relative}.reason-section li:before{content:"·";color:var(--color-gold);font-weight:700;position:absolute;left:8px}.reason-card .note{color:var(--color-amber);border-radius:var(--radius-sm);background:#c08a2b14;margin-top:10px;padding:4px 10px;font-size:12px;display:inline-block}.selling-stats{background:var(--color-ink);color:var(--color-cream);border-radius:var(--radius-md);text-align:center;margin-top:20px;padding:15px}.selling-stats p{margin:0;font-size:16px}.selling-stats strong{margin:0 5px;font-size:24px}@media (width<=768px){.facts-grid,.reasons-grid{grid-template-columns:1fr}.translation-values{gap:10px}}.product-info-layers-content{flex-direction:column;gap:10px;display:flex}.layer-section{border:1px solid var(--color-line);border-radius:var(--radius-sm);overflow:hidden}.layer-header{background:var(--color-paper);cursor:pointer;justify-content:space-between;align-items:center;padding:12px 16px;transition:background .2s;display:flex}.layer-header:hover{background:var(--color-gold-soft)}.layer-name{color:var(--color-ink);font-size:14px;font-weight:600}.layer-toggle{color:var(--color-sub);font-size:12px}.layer-items{margin:0;padding:0;list-style:none}.layer-items li{border-top:1px solid var(--color-line);color:var(--color-sub);justify-content:space-between;align-items:center;padding:10px 16px;font-size:14px;line-height:1.6;display:flex}.layer-items li .item-text{flex:1}.source-badge{border-radius:var(--radius-sm);margin-left:8px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.source-badge.ai{color:var(--color-sub);background:#0000000f}.source-badge.manual{color:var(--color-info);background:#3f6f8614}.add-item-form{border-top:1px solid var(--color-line);background:var(--color-paper);gap:8px;padding:12px 16px;display:flex}.add-item-form input{border:1px solid var(--color-line-hard);border-radius:var(--radius-sm);background:var(--color-card);color:var(--color-ink);flex:1;padding:6px 12px;font-size:14px}.add-item-form button{border-radius:var(--radius-sm);cursor:pointer;border:none;padding:6px 16px;font-size:13px;font-weight:500;transition:opacity .15s}.add-item-form button:first-of-type{background:var(--color-ink);color:var(--color-cream);font-family:var(--font-serif);font-weight:700}.add-item-form button:first-of-type:hover:not(:disabled){opacity:.88}.add-item-form button:first-of-type:disabled{opacity:.5;cursor:not-allowed}.add-item-form button:last-of-type{background:var(--color-paper);color:var(--color-sub);border:1px solid var(--color-line-hard)}.add-item-form button:last-of-type:hover{background:var(--color-line)}.add-item-btn{background:var(--color-paper);border:1px dashed var(--color-line-hard);border-radius:var(--radius-sm);color:var(--color-sub);cursor:pointer;margin:8px 16px;padding:6px 12px;font-size:13px;transition:all .2s}.add-item-btn:hover{background:var(--color-gold-soft);border-color:var(--color-gold);color:var(--color-gold)}.layer-items li:first-child{border-top:none}.audience-needs-content{flex-direction:column;gap:24px;display:flex}.needs-section h4{color:var(--color-ink);border-bottom:2px solid var(--color-gold);margin:0 0 16px;padding-bottom:8px;font-size:16px;font-weight:600}.motives-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid}.motive-card{background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-sm);padding:12px}.motive-label{color:var(--color-gold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:12px;font-weight:600}.motive-value{color:var(--color-sub);font-size:14px;line-height:1.5}.triggers-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.trigger-card{background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-sm);padding:12px}.trigger-label{color:var(--color-ink);margin-bottom:8px;font-size:13px;font-weight:600}.trigger-items{margin:0;padding:0;list-style:none}.trigger-items li{color:var(--color-sub);padding:4px 0 4px 12px;font-size:13px;line-height:1.5;position:relative}.trigger-items li:before{content:"·";color:var(--color-gold);font-weight:700;position:absolute;left:0}.scenarios-list{flex-direction:column;gap:16px;display:flex}.scenario-card{background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:16px}.scenario-description{color:var(--color-ink);margin-bottom:12px;font-size:15px;font-weight:600;line-height:1.6}.scenario-details{flex-direction:column;gap:10px;display:flex}.scenario-motive,.scenario-factors{color:var(--color-sub);font-size:14px}.scenario-motive strong,.scenario-factors strong{color:var(--color-gold);margin-right:6px}.scenario-factors ul{margin:6px 0 0;padding:0;list-style:none}.scenario-factors li{padding:4px 0 4px 16px;position:relative}.scenario-factors li:before{content:"→";color:var(--color-gold);position:absolute;left:0}.content-matrix-content{flex-direction:column;gap:16px;display:flex}.matrix-filters{background:var(--color-paper);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:12px;padding:12px;display:flex}.matrix-filters select{border:1px solid var(--color-line-hard);border-radius:var(--radius-sm);background:var(--color-card);color:var(--color-ink);cursor:pointer;padding:6px 12px;font-size:14px}.matrix-filters select:hover{border-color:var(--color-gold)}.matrix-count{color:var(--color-sub);margin-left:auto;font-size:13px;font-weight:500}.matrix-table-wrapper{border:1px solid var(--color-line);border-radius:var(--radius-md);overflow-x:auto}.matrix-table{border-collapse:collapse;width:100%;font-size:14px}.matrix-table thead{background:var(--color-ink);color:var(--color-cream)}.matrix-table th{text-align:left;white-space:nowrap;color:#f3efe6d9;padding:11px 12px;font-size:12px;font-weight:600}.matrix-table tbody tr{border-bottom:1px solid var(--color-line)}.matrix-table tbody tr:nth-child(2n){background:#00000003}.matrix-table tbody tr:hover{background:var(--color-gold-soft)}.matrix-table td{color:var(--color-sub);vertical-align:top;padding:11px 12px}.matrix-layer,.matrix-trigger,.matrix-module{color:var(--color-ink);white-space:nowrap;font-weight:500}.matrix-expression{max-width:400px;line-height:1.6}.matrix-status{text-align:center}.status-badge{color:#fff;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}@media (width<=768px){.motives-grid,.triggers-grid{grid-template-columns:1fr}.matrix-filters{flex-direction:column;align-items:stretch}.matrix-count{margin-left:0}.matrix-table-wrapper{overflow-x:scroll}.matrix-table{min-width:800px}.layer-items{max-height:0;transition:max-height .3s ease-out;overflow:hidden}.layer-section.expanded .layer-items{max-height:2000px;transition:max-height .3s ease-in}}.login-page{background:var(--color-ink);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-container{background:var(--color-card);border-radius:var(--radius-lg);width:100%;max-width:420px;padding:48px 40px;animation:.4s ease-out fadeIn}.login-header{text-align:center;margin-bottom:40px}.login-header h1{font-family:var(--font-serif);color:var(--color-ink);letter-spacing:-.5px;margin:0 0 8px;font-size:32px;font-weight:700}.login-header p{color:var(--color-gold);text-transform:uppercase;letter-spacing:1.5px;font-size:11.5px;font-weight:600;font-family:var(--font-mono);margin:0}.login-form{flex-direction:column;gap:22px;display:flex}.login-error{border-radius:var(--radius-md);color:var(--color-warning);text-align:center;background:#b5503e14;border:1px solid #b5503e4d;padding:12px 14px;font-size:13px}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--color-sub);font-size:13px;font-weight:600}.form-group input{border:1px solid var(--color-line-hard);border-radius:var(--radius-sm);background:var(--color-card);color:var(--color-ink);outline:none;padding:12px 14px;font-size:15px}.form-group input:focus{border-color:var(--color-gold)}.form-group input::placeholder{color:var(--color-faint)}.login-button{background:var(--color-ink);color:var(--color-cream);border-radius:var(--radius-sm);font-size:15px;font-weight:600;font-family:var(--font-serif);cursor:pointer;border:none;margin-top:8px;padding:14px 24px;transition:opacity .15s}.login-button:hover:not(:disabled){opacity:.88}.login-button:disabled{opacity:.5;cursor:not-allowed}.login-footer{text-align:center;border-top:1px solid var(--color-line);margin-top:28px;padding-top:20px}.login-footer p{color:var(--color-faint);margin:0;font-size:12.5px}@media (width<=480px){.login-container{padding:32px 24px}.login-header h1{font-size:26px}}.ip-management{background:var(--color-paper);max-width:none;height:100%;padding:24px 30px;overflow-y:auto}.ip-detail-layout{align-items:flex-start;gap:22px;display:flex}.ip-empty{text-align:center;color:var(--color-sub);background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:50px;font-size:14px}.ip-bigcard{background:var(--color-card);border:1px solid var(--color-line);border-top:2px solid var(--color-gold);border-radius:var(--radius-md);flex-shrink:0;width:360px;padding:22px}.ip-bigcard-head{align-items:center;gap:14px;margin-bottom:16px;display:flex}.ip-avatar{background:var(--color-gold-soft);width:58px;height:58px;color:var(--color-gold);font-family:var(--font-serif);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.ip-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.ip-bigcard-headinfo{min-width:0}.ip-bigcard-nameline{align-items:center;gap:9px;display:flex}.ip-bigcard-name{font-family:var(--font-serif);color:var(--color-ink);font-size:22px;font-weight:700}.ip-bigcard-tags{gap:7px;margin-top:7px;display:flex}.ip-bigcard-desc{color:var(--color-sub);border-top:1px solid var(--color-line);margin:0 0 16px;padding-top:14px;font-size:13px;line-height:1.8}.ip-bigcard-stats{grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.ip-stat-box{background:var(--color-paper);border-radius:var(--radius-sm);text-align:center;padding:9px 10px}.ip-stat-value{font-family:var(--font-serif);color:var(--color-ink);font-size:17px;font-weight:700;line-height:1}.ip-stat-label{color:var(--color-sub);margin-top:4px;font-size:10px}.ip-bigcard-actions{gap:9px;display:flex}.ip-bigcard-actions .btn-secondary{text-align:center;flex:1}.ip-facets{flex:1;min-width:0}.ip-facets-head{align-items:baseline;gap:10px;margin-bottom:13px;display:flex}.ip-facets-title{font-family:var(--font-serif);color:var(--color-ink);font-size:16px;font-weight:700}.ip-facets-sub{color:var(--color-sub);font-size:12px}.ip-facets-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ip-facet-card{background:var(--color-card);border:1px solid var(--color-line);border-left:3px solid var(--color-gold);border-radius:var(--radius-sm);padding:15px}.ip-facet-name{color:var(--color-ink);align-items:center;gap:8px;font-size:14.5px;font-weight:700;display:flex}.ip-facet-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.ip-facet-add{border:1.5px dashed var(--color-line-hard);border-radius:var(--radius-sm);color:var(--color-sub);cursor:pointer;justify-content:center;align-items:center;min-height:60px;font-size:13px;font-weight:600;display:flex}.ip-facet-add:hover{border-color:var(--color-gold);color:var(--color-gold)}.status-badge{border-radius:var(--radius-sm);padding:3px 10px;font-size:11.5px;font-weight:600}.platform-tag{background:var(--color-paper);border:1px solid var(--color-line);border-radius:var(--radius-sm);color:var(--color-sub);padding:2px 9px;font-size:11px}.faces-count{background:var(--color-gold-soft);border-radius:var(--radius-sm);color:var(--color-gold);padding:2px 9px;font-size:11px;font-weight:600}.ip-form{background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-md);max-width:800px;padding:22px}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--color-line-hard);border-radius:var(--radius-sm);background:var(--color-card);width:100%;color:var(--color-ink);padding:9px 12px;font-size:13px}.form-group textarea{font-family:var(--font-mono);font-size:12px}.faces-list{flex-wrap:wrap;gap:8px;display:flex}.face-tag{background:var(--color-paper);border:1px solid var(--color-line);border-radius:var(--radius-sm);align-items:center;gap:6px;padding:5px 10px;font-size:13px;display:flex}.face-tag button{color:var(--color-faint);cursor:pointer;background:0 0;border:none;padding:0;font-size:16px}.btn-add-face{background:var(--color-ink);color:var(--color-cream);border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-family:var(--font-serif);border:none;padding:6px 12px;font-weight:700}.form-actions{gap:10px;margin-top:22px;display:flex}.loading{text-align:center;color:var(--color-sub);padding:40px}@media (width<=768px){.ip-management{padding:16px 12px}.ip-list{grid-template-columns:1fr}}.user-management{background:var(--color-paper);height:100%;padding:24px 30px;overflow-y:auto}.page-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.page-header h1{font-family:var(--font-serif);color:var(--color-ink);letter-spacing:-.3px;margin:0;font-size:26px;font-weight:700}.user-table-container{background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-md);overflow:hidden}.user-table{border-collapse:collapse;width:100%}.user-table thead{background:var(--color-ink)}.user-table th{text-align:left;color:#f3efe6d9;border-bottom:none;padding:12px 22px;font-size:12px;font-weight:600}.user-table td{border-bottom:1px solid var(--color-line);color:var(--color-ink);padding:14px 22px;font-size:13px}.user-table tbody tr:nth-child(2n){background:#00000003}.user-table tbody tr:hover{background:var(--color-gold-soft)}.user-table tbody tr.disabled-row{opacity:.6}.role-badge{border-radius:var(--radius-sm);padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-block}.role-badge.admin{color:#3f6f86;background:#3f6f8616}.role-badge.host{color:#9a5a7a;background:#9a5a7a16}.role-badge.supply{color:#5f7a4a;background:#5f7a4a16}.role-badge.service{color:#c08a2b;background:#c08a2b16}.status-badge{border-radius:var(--radius-sm);padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-block}.status-badge.active{color:var(--color-success);background:#2f7a5517}.status-badge.inactive{color:var(--color-warning);background:#b5503e17}.actions{gap:14px;display:flex}.actions button{cursor:pointer;background:0 0;border:none;padding:5px 0;font-size:12.5px;font-weight:600}.btn-edit{color:#3f6f86}.btn-toggle.disable{color:var(--color-warning)}.btn-toggle.enable{color:var(--color-success)}.btn-reset{color:var(--color-gold)}.modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-md);width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal-header h2{font-family:var(--font-serif);color:var(--color-ink);margin:0;font-size:17px;font-weight:700}.close-btn{color:var(--color-faint);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:22px;display:flex}.close-btn:hover{background:var(--color-paper);color:var(--color-ink)}.user-form{padding:22px}.form-group{margin-bottom:18px}.form-group label{color:var(--color-sub);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-group input,.form-group select{border:1px solid var(--color-line-hard);border-radius:var(--radius-sm);background:var(--color-card);width:100%;color:var(--color-ink);font-size:13px;font-family:var(--font-sans);padding:9px 12px}.form-group input:focus,.form-group select:focus{border-color:var(--color-gold);outline:none}.form-group input:disabled{background:var(--color-paper);cursor:not-allowed;opacity:.6}.permissions-section{border-top:1px solid var(--color-line);margin-top:20px;padding-top:20px}.permissions-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px;display:grid}.permission-toggle{background:var(--color-paper);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-sub);align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.permission-toggle:hover{background:var(--color-gold-soft)}.permission-toggle input[type=checkbox]{cursor:pointer;width:auto}.form-actions{border-top:1px solid var(--color-line);justify-content:flex-end;gap:10px;margin-top:20px;padding-top:18px;display:flex}.btn-primary{background:var(--color-ink);color:var(--color-cream);border-radius:var(--radius-sm);font-size:13.5px;font-family:var(--font-serif);cursor:pointer;border:none;padding:9px 16px;font-weight:700}.btn-primary:hover{opacity:.88}.btn-secondary{color:var(--color-ink);border:1px solid var(--color-line-hard);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:9px 16px;font-size:13px}.btn-secondary:hover{background:var(--color-paper)}.loading{height:200px;color:var(--color-sub);justify-content:center;align-items:center;display:flex}@media (width<=768px){.user-management{padding:16px 12px}.user-table{min-width:600px}.permissions-grid{grid-template-columns:1fr}}.cockpit-nav{z-index:1000;background:#211e18;flex-shrink:0;align-items:center;gap:16px;height:56px;padding:0 26px;display:flex}.cockpit-nav-logo{align-items:center;gap:10px;display:flex}.cockpit-nav-logo-svg{flex-shrink:0}.cockpit-nav-brand-cn{font-family:var(--font-serif);color:#f3efe6;font-size:16px;font-weight:700;line-height:1}.cockpit-nav-brand-en{font-family:var(--font-mono);color:#f3efe673;letter-spacing:1.5px;margin-top:2px;font-size:8.5px}.cockpit-nav-ip-pill{color:#f3efe6d9;white-space:nowrap;border:1px solid #f3efe62e;border-radius:2px;flex-shrink:0;align-items:center;gap:6px;padding:5px 10px;font-size:12px;display:flex}.cockpit-nav-spacer{flex:1;min-width:4px}.cockpit-nav-items{gap:2px;display:flex}.cockpit-nav-link{white-space:nowrap;color:#f3efe69e;border-bottom:2px solid #0000;padding:6px 11px;font-size:13px;font-weight:500;text-decoration:none;transition:color .15s,border-color .15s}.cockpit-nav-link:hover{color:#f3efe6e6}.cockpit-nav-link.active{color:#d8b24a;border-bottom-color:#d8b24a;font-weight:700}.cockpit-nav-user{flex-shrink:0;align-items:center;gap:10px;display:flex}.cockpit-nav-user-name{color:#f3efe6;font-size:13px;font-weight:600}.cockpit-nav-logout{color:#f3efe6b3;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #f3efe638;border-radius:2px;padding:4px 10px;font-size:12px;transition:color .15s,border-color .15s}.cockpit-nav-logout:hover{color:#f3efe6f2;border-color:#f3efe666}.admin-shell{background:var(--color-paper);flex-direction:column;height:100vh;display:flex;overflow:hidden}.admin-shell-content{flex-direction:column;flex:1;display:flex;overflow-y:auto}