merge: 合并远程PR#12商业化打磨和PR#13修复
This commit is contained in:
OmniAI Developer
@@ -8614,9 +8614,8 @@
|
||||
}
|
||||
|
||||
.product-clone-page[data-tool="clone"] .clone-ai-logo {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 3;
|
||||
position: static;
|
||||
z-index: auto;
|
||||
margin: -18px -18px 2px;
|
||||
padding: 16px 18px 14px;
|
||||
border-bottom-color: var(--ecm-line);
|
||||
@@ -9141,7 +9140,7 @@
|
||||
}
|
||||
|
||||
.product-clone-page[data-tool="clone"] .clone-ai-logo {
|
||||
margin: -14px -14px 0;
|
||||
margin: 0;
|
||||
padding: 14px 54px 12px 14px;
|
||||
}
|
||||
|
||||
@@ -9420,3 +9419,42 @@
|
||||
padding-top: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Mobile clone header alignment: keep the tool title in normal flow, but attach it to the top nav rhythm. */
|
||||
@media (max-width: 900px) {
|
||||
.product-clone-page[data-tool="clone"] {
|
||||
padding-top: 59px;
|
||||
}
|
||||
|
||||
.product-clone-page[data-tool="clone"] > .product-clone-shell {
|
||||
min-height: calc(100% - 59px);
|
||||
}
|
||||
|
||||
.product-clone-page[data-tool="clone"] .clone-ai-panel {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.product-clone-page[data-tool="clone"] .clone-ai-logo {
|
||||
margin: 0 -18px 2px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 620px) {
|
||||
.product-clone-page[data-tool="clone"] .clone-ai-panel {
|
||||
padding: 0 14px 14px;
|
||||
}
|
||||
|
||||
.product-clone-page[data-tool="clone"] .clone-ai-logo {
|
||||
margin: 0 -14px 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.product-clone-page[data-tool="clone"] {
|
||||
padding-top: 59px;
|
||||
}
|
||||
|
||||
.product-clone-page[data-tool="clone"] > .product-clone-shell {
|
||||
min-height: calc(100% - 59px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -3425,3 +3425,514 @@
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
<<<<<<< HEAD
|
||||
=======
|
||||
|
||||
/* Script review left panel overflow guard: keep actions available while history remains scrollable. */
|
||||
.script-eval-v5-left {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.script-eval-v5-left-main {
|
||||
display: flex;
|
||||
flex: 1 1 auto;
|
||||
flex-direction: column;
|
||||
min-height: 0;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: rgb(0 255 136 / 35%) transparent;
|
||||
}
|
||||
|
||||
.script-eval-v5-left-main::-webkit-scrollbar,
|
||||
.script-eval-v5-history-list::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
}
|
||||
|
||||
.script-eval-v5-left-main::-webkit-scrollbar-track,
|
||||
.script-eval-v5-history-list::-webkit-scrollbar-track {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.script-eval-v5-left-main::-webkit-scrollbar-thumb,
|
||||
.script-eval-v5-history-list::-webkit-scrollbar-thumb {
|
||||
border-radius: 999px;
|
||||
background: rgb(0 255 136 / 28%);
|
||||
}
|
||||
|
||||
.script-eval-v5-left-main .script-eval-v5-lp-section.is-fill {
|
||||
flex: 0 0 auto;
|
||||
min-height: 210px;
|
||||
}
|
||||
|
||||
.script-eval-v5-left-main .script-eval-v5-history-list {
|
||||
min-height: 128px;
|
||||
max-height: clamp(160px, 28vh, 300px);
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.script-eval-v5-lp-bottom {
|
||||
position: static;
|
||||
z-index: auto;
|
||||
flex-shrink: 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
@media (max-height: 820px) and (min-width: 901px) {
|
||||
.script-eval-v5-left-main .script-eval-v5-lp-section.is-fill {
|
||||
flex-basis: auto;
|
||||
min-height: 190px;
|
||||
}
|
||||
|
||||
.script-eval-v5-left-main .script-eval-v5-history-list {
|
||||
min-height: 118px;
|
||||
max-height: clamp(142px, 23vh, 220px);
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
.script-eval-v5-left-main {
|
||||
overscroll-behavior: contain;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 680px) {
|
||||
.script-eval-v5-left {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.script-eval-v5-left-main {
|
||||
flex: 0 0 auto;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.script-eval-v5-left-main .script-eval-v5-lp-section.is-fill {
|
||||
min-height: 224px;
|
||||
}
|
||||
|
||||
.script-eval-v5-left-main .script-eval-v5-history-list {
|
||||
min-height: 132px;
|
||||
max-height: min(260px, 42vh);
|
||||
}
|
||||
|
||||
.script-eval-v5-history-empty {
|
||||
min-height: 118px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Final commercial polish for the script scoring workspace. */
|
||||
.script-eval-v5 {
|
||||
background:
|
||||
radial-gradient(circle at 12% 0%, rgb(0 255 136 / 5%), transparent 28%),
|
||||
linear-gradient(180deg, #0d1010 0%, #090b0b 100%);
|
||||
}
|
||||
|
||||
.script-eval-v5-page {
|
||||
background:
|
||||
linear-gradient(90deg, rgb(0 255 136 / 4%), transparent 24%),
|
||||
linear-gradient(180deg, rgb(255 255 255 / 1.8%), transparent 180px);
|
||||
}
|
||||
|
||||
.script-eval-v5-left {
|
||||
background:
|
||||
linear-gradient(180deg, rgb(255 255 255 / 4%), transparent 180px),
|
||||
linear-gradient(90deg, rgb(0 255 136 / 4%), transparent 32%),
|
||||
var(--v5-panel);
|
||||
}
|
||||
|
||||
.script-eval-v5-left-main {
|
||||
scroll-padding-block: 18px;
|
||||
}
|
||||
|
||||
.script-eval-v5-left-main .script-eval-v5-lp-section {
|
||||
flex-shrink: 0;
|
||||
padding-inline: 22px;
|
||||
background:
|
||||
linear-gradient(180deg, rgb(255 255 255 / 1.8%), transparent 80px);
|
||||
}
|
||||
|
||||
.script-eval-v5-left-main .script-eval-v5-lp-section + .script-eval-v5-lp-section {
|
||||
box-shadow: inset 0 1px 0 rgb(255 255 255 / 2.5%);
|
||||
}
|
||||
|
||||
.script-eval-v5-lp-label {
|
||||
color: #91a09b;
|
||||
}
|
||||
|
||||
.script-eval-v5-upload-zone {
|
||||
display: grid;
|
||||
place-items: center;
|
||||
overflow: hidden;
|
||||
isolation: isolate;
|
||||
}
|
||||
|
||||
.script-eval-v5-upload-zone::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: 1px;
|
||||
z-index: -1;
|
||||
border-radius: inherit;
|
||||
background:
|
||||
radial-gradient(circle at 50% 18%, rgb(0 255 136 / 11%), transparent 38%),
|
||||
linear-gradient(180deg, rgb(255 255 255 / 2%), transparent 60%);
|
||||
opacity: 0.78;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.script-eval-v5-upload-zone:focus-visible {
|
||||
outline: 2px solid rgb(0 255 136 / 42%);
|
||||
outline-offset: 3px;
|
||||
}
|
||||
|
||||
.script-eval-v5.is-ready .script-eval-v5-upload-zone,
|
||||
.script-eval-v5.is-complete .script-eval-v5-upload-zone {
|
||||
border-color: rgb(0 255 136 / 28%);
|
||||
background:
|
||||
linear-gradient(180deg, rgb(0 255 136 / 8%), rgb(255 255 255 / 2.5%)),
|
||||
rgb(255 255 255 / 2.8%);
|
||||
}
|
||||
|
||||
.script-eval-v5-upload-done {
|
||||
width: min(100%, 320px);
|
||||
padding: 14px 14px;
|
||||
box-shadow: inset 0 1px 0 rgb(255 255 255 / 8%);
|
||||
}
|
||||
|
||||
.script-eval-v5-info-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.script-eval-v5-info-item {
|
||||
min-height: 42px;
|
||||
box-shadow: inset 0 1px 0 rgb(255 255 255 / 3%);
|
||||
}
|
||||
|
||||
.script-eval-v5-info-empty,
|
||||
.script-eval-v5-history-empty {
|
||||
color: #82918c;
|
||||
background:
|
||||
linear-gradient(180deg, rgb(255 255 255 / 3.2%), rgb(255 255 255 / 1.8%));
|
||||
}
|
||||
|
||||
.script-eval-v5-left-main .script-eval-v5-lp-section.is-fill {
|
||||
background:
|
||||
linear-gradient(180deg, rgb(0 255 136 / 3.4%), transparent 92px),
|
||||
linear-gradient(180deg, rgb(255 255 255 / 1.8%), transparent);
|
||||
}
|
||||
|
||||
.script-eval-v5-history-list {
|
||||
padding: 2px 8px 2px 0;
|
||||
}
|
||||
|
||||
.script-eval-v5-history-item {
|
||||
min-height: 68px;
|
||||
box-shadow: inset 0 1px 0 rgb(255 255 255 / 3%);
|
||||
}
|
||||
|
||||
.script-eval-v5-lp-bottom {
|
||||
padding: 18px 22px 22px;
|
||||
background:
|
||||
linear-gradient(180deg, rgb(255 255 255 / 2.2%), transparent 60px),
|
||||
#111414;
|
||||
box-shadow: inset 0 1px 0 rgb(255 255 255 / 3.5%);
|
||||
}
|
||||
|
||||
.script-eval-v5-export-btn {
|
||||
border-color: rgb(255 255 255 / 7%);
|
||||
background:
|
||||
linear-gradient(180deg, rgb(255 255 255 / 3.5%), rgb(255 255 255 / 1.8%)),
|
||||
#111414;
|
||||
color: #7f8d88;
|
||||
}
|
||||
|
||||
.script-eval-v5-export-btn:not(:disabled):hover {
|
||||
border-color: rgb(0 255 136 / 22%);
|
||||
color: #c7d5d0;
|
||||
background:
|
||||
linear-gradient(180deg, rgb(0 255 136 / 8%), rgb(255 255 255 / 2%)),
|
||||
#111414;
|
||||
}
|
||||
|
||||
.script-eval-v5-eval-btn:disabled,
|
||||
.script-eval-v5-export-btn:disabled {
|
||||
opacity: 0.48;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.script-eval-v5-right-topbar {
|
||||
backdrop-filter: blur(14px);
|
||||
background:
|
||||
linear-gradient(180deg, rgb(18 22 21 / 92%), rgb(12 14 14 / 88%));
|
||||
}
|
||||
|
||||
.script-eval-v5-right-content:not(.is-report) {
|
||||
background:
|
||||
radial-gradient(circle at 50% 43%, rgb(0 255 136 / 5%), transparent 32%),
|
||||
linear-gradient(180deg, transparent, rgb(0 0 0 / 12%));
|
||||
}
|
||||
|
||||
.script-eval-v5-upload-card-title {
|
||||
color: #f0fff8;
|
||||
}
|
||||
|
||||
.script-eval-v5-upload-card-desc {
|
||||
max-width: 540px;
|
||||
color: #96a5a0;
|
||||
}
|
||||
|
||||
.script-eval-v5-statusbar {
|
||||
background:
|
||||
linear-gradient(180deg, rgb(17 20 20 / 84%), rgb(10 12 12 / 92%));
|
||||
}
|
||||
|
||||
@media (max-height: 760px) and (min-width: 901px) {
|
||||
.script-eval-v5-left-main .script-eval-v5-lp-section {
|
||||
padding-block: 12px;
|
||||
}
|
||||
|
||||
.script-eval-v5-upload-zone {
|
||||
min-height: 156px;
|
||||
}
|
||||
|
||||
.script-eval-v5-left-main .script-eval-v5-lp-section.is-fill {
|
||||
min-height: 176px;
|
||||
}
|
||||
|
||||
.script-eval-v5-left-main .script-eval-v5-history-list {
|
||||
min-height: 110px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 680px) {
|
||||
.script-eval-v5-left-main .script-eval-v5-lp-section {
|
||||
padding-inline: 16px;
|
||||
}
|
||||
|
||||
.script-eval-v5-upload-zone {
|
||||
min-height: 164px;
|
||||
}
|
||||
|
||||
.script-eval-v5-lp-bottom {
|
||||
padding: 14px 16px 18px;
|
||||
}
|
||||
|
||||
.script-eval-v5-right-content:not(.is-report) {
|
||||
padding-top: 22px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Ecommerce-aligned tone pass: restrained dark SaaS surfaces, no depth shadows. */
|
||||
.script-eval-v5 {
|
||||
--v5-bg: #0d0d0f;
|
||||
--v5-bg2: #151719;
|
||||
--v5-bg3: #181b1d;
|
||||
--v5-bg4: #1d2022;
|
||||
--v5-bg5: #222629;
|
||||
--v5-border: rgba(255, 255, 255, 0.08);
|
||||
--v5-border2: rgba(255, 255, 255, 0.12);
|
||||
--v5-panel: #151719;
|
||||
--v5-panel-2: #181b1d;
|
||||
--v5-panel-3: #101214;
|
||||
--v5-line: rgba(255, 255, 255, 0.08);
|
||||
--v5-line-strong: rgba(0, 255, 136, 0.24);
|
||||
--v5-green-deep: rgba(0, 255, 136, 0.055);
|
||||
--v5-green-soft: rgba(0, 255, 136, 0.09);
|
||||
--v5-green-border: rgba(0, 255, 136, 0.24);
|
||||
--v5-shadow-soft: none;
|
||||
--v5-shadow-tight: none;
|
||||
background:
|
||||
radial-gradient(circle at 24% 0%, rgba(0, 255, 136, 0.038), transparent 34%),
|
||||
linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent 160px),
|
||||
var(--v5-bg);
|
||||
}
|
||||
|
||||
.script-eval-v5-page {
|
||||
background:
|
||||
linear-gradient(90deg, rgba(255, 255, 255, 0.014), transparent 24%, transparent 76%, rgba(255, 255, 255, 0.012)),
|
||||
transparent;
|
||||
}
|
||||
|
||||
.script-eval-v5-left,
|
||||
.script-eval-v5-right {
|
||||
background: var(--v5-panel);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.script-eval-v5-left {
|
||||
border-right-color: var(--v5-line);
|
||||
}
|
||||
|
||||
.script-eval-v5-left-main .script-eval-v5-lp-section,
|
||||
.script-eval-v5-left-main .script-eval-v5-lp-section.is-fill {
|
||||
background: transparent;
|
||||
border-bottom-color: var(--v5-line);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.script-eval-v5-lp-label {
|
||||
color: #a7b3af;
|
||||
letter-spacing: 0.02em;
|
||||
}
|
||||
|
||||
.script-eval-v5-lp-label::before {
|
||||
background: var(--v5-green);
|
||||
box-shadow: none;
|
||||
opacity: 0.72;
|
||||
}
|
||||
|
||||
.script-eval-v5-upload-zone,
|
||||
.script-eval-v5-info-empty,
|
||||
.script-eval-v5-history-empty,
|
||||
.script-eval-v5-info-item,
|
||||
.script-eval-v5-history-item,
|
||||
.script-eval-v5-loading,
|
||||
.script-eval-v5-illustration-hit,
|
||||
.script-eval-report__score-block,
|
||||
.script-eval-report__chart-card,
|
||||
.script-eval-report__path-card,
|
||||
.script-eval-report__finding-group p {
|
||||
border-color: var(--v5-line);
|
||||
background:
|
||||
linear-gradient(180deg, rgba(255, 255, 255, 0.032), transparent 58%),
|
||||
var(--v5-panel-2);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
|
||||
}
|
||||
|
||||
.script-eval-v5-upload-zone {
|
||||
border-style: dashed;
|
||||
}
|
||||
|
||||
.script-eval-v5-upload-zone::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.script-eval-v5-upload-zone:hover,
|
||||
.script-eval-v5-upload-zone:focus-visible,
|
||||
.script-eval-v5.is-ready .script-eval-v5-upload-zone,
|
||||
.script-eval-v5.is-complete .script-eval-v5-upload-zone {
|
||||
border-color: var(--v5-green-border);
|
||||
background:
|
||||
radial-gradient(circle at 50% 0%, rgba(0, 255, 136, 0.075), transparent 58%),
|
||||
var(--v5-panel-3);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.028);
|
||||
}
|
||||
|
||||
.script-eval-v5-upload-icon,
|
||||
.script-eval-v5-upload-card-icon {
|
||||
border-color: rgba(0, 255, 136, 0.18);
|
||||
border-radius: 10px;
|
||||
background: rgba(0, 255, 136, 0.09);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.script-eval-v5-upload-btn,
|
||||
.script-eval-v5-eval-btn {
|
||||
background: var(--v5-green);
|
||||
color: #061014;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.script-eval-v5-upload-btn:hover,
|
||||
.script-eval-v5-eval-btn:hover:not(:disabled) {
|
||||
background: var(--v5-green-dim);
|
||||
transform: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.script-eval-v5-upload-done,
|
||||
.script-eval-v5-history-item.is-active,
|
||||
.script-eval-v5-error,
|
||||
.script-eval-report__chart-note,
|
||||
.script-eval-report__grade {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.script-eval-v5-upload-done {
|
||||
border-color: var(--v5-green-border);
|
||||
background:
|
||||
linear-gradient(180deg, rgba(0, 255, 136, 0.085), rgba(0, 255, 136, 0.035)),
|
||||
var(--v5-panel-2);
|
||||
}
|
||||
|
||||
.script-eval-v5-history-item:hover {
|
||||
border-color: rgba(255, 255, 255, 0.13);
|
||||
background:
|
||||
linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 58%),
|
||||
var(--v5-panel-2);
|
||||
transform: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.script-eval-v5-history-item.is-active {
|
||||
border-color: var(--v5-green-border);
|
||||
background:
|
||||
linear-gradient(90deg, rgba(0, 255, 136, 0.08), rgba(0, 255, 136, 0.025)),
|
||||
var(--v5-panel-2);
|
||||
}
|
||||
|
||||
.script-eval-v5-lp-bottom,
|
||||
.script-eval-v5-right-topbar,
|
||||
.script-eval-v5-statusbar {
|
||||
background: rgba(21, 23, 25, 0.96);
|
||||
border-color: var(--v5-line);
|
||||
box-shadow: none;
|
||||
backdrop-filter: none;
|
||||
}
|
||||
|
||||
.script-eval-v5-export-btn,
|
||||
.script-eval-v5-action-btn,
|
||||
.script-eval-v5-retry-btn {
|
||||
border-color: var(--v5-line);
|
||||
background: rgba(255, 255, 255, 0.035);
|
||||
color: #aeb8b1;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.script-eval-v5-export-btn:hover:not(:disabled),
|
||||
.script-eval-v5-action-btn:hover,
|
||||
.script-eval-v5-retry-btn:hover {
|
||||
border-color: var(--v5-green-border);
|
||||
background: rgba(0, 255, 136, 0.07);
|
||||
color: #d9fff0;
|
||||
}
|
||||
|
||||
.script-eval-v5-right-content:not(.is-report) {
|
||||
background:
|
||||
radial-gradient(circle at 50% 0%, rgba(0, 255, 136, 0.034), transparent 44%),
|
||||
transparent;
|
||||
}
|
||||
|
||||
.script-eval-v5-illustration-hit:hover,
|
||||
.script-eval-v5-illustration-hit:focus-visible {
|
||||
background:
|
||||
linear-gradient(180deg, rgba(0, 255, 136, 0.06), transparent 58%),
|
||||
var(--v5-panel-2);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.script-eval-report {
|
||||
--report-bg: #0d0d0f;
|
||||
--report-panel: #151719;
|
||||
--report-panel-2: #101214;
|
||||
--report-row: #181b1d;
|
||||
--report-border: rgba(255, 255, 255, 0.08);
|
||||
background:
|
||||
linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent 180px),
|
||||
var(--report-bg);
|
||||
}
|
||||
|
||||
.script-eval-report::before,
|
||||
.script-eval-report::after {
|
||||
opacity: 0.28;
|
||||
}
|
||||
|
||||
.script-eval-report__bar-fill {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.script-eval-v5.is-complete .script-eval-v5-status-dot,
|
||||
.script-eval-v5.is-ready .script-eval-v5-status-dot {
|
||||
box-shadow: none;
|
||||
}
|
||||
>>>>>>> c1c4086383ddd7c1c8c152c2d5a97a4f432fa260
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user