/* Unified front stylesheet. Generated to centralize front HTML style blocks and inline declarations. */

/* ===== Stars and meteors (merged from xx.css) ===== */
/* 星星样式 */
#stars-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -1;
}

.star {
    position: absolute;
    background-color: white;
    border-radius: 5px;
    animation: twinkle 3s infinite ease-in-out;
}

@keyframes twinkle {
    0%, 100% {
        opacity: 0.2;
        transform: scale(0.5);
    }
    50% {
        opacity: 1;
        transform: scale(1);
    }
}

/* 流星样式 */
.meteor {
    position: absolute;
    pointer-events: none;
    transform-origin: left center;
}

.meteor .head {
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 5px;
    box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.8);
    z-index: 2;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.meteor .tail {
    position: absolute;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6));
    border-radius: 5px;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
}

/* 流星动画类 */
.meteor-anim {
    animation: meteor 3s linear forwards;
}

.meteor-anim .head {
    animation: headGlow 3s linear forwards;
}

.meteor-anim .tail {
    animation: tailFade 3s linear forwards;
}

@keyframes meteor {
    0% {
        opacity: 0;
        transform: rotate(var(--angle, 45deg)) translateX(0) scale(0);
    }
    0.1% {
        opacity: 1;
        transform: rotate(var(--angle, 45deg)) translateX(1px) scale(0.1);
    }
    1% {
        opacity: 1;
        transform: rotate(var(--angle, 45deg)) translateX(5px) scale(0.8);
    }
    10% {
        opacity: 1;
        transform: rotate(var(--angle, 45deg)) translateX(50px) scale(1);
    }
    80% {
        opacity: 0.6;
        transform: rotate(var(--angle, 45deg)) translateX(300px) scale(1);
    }
    90% {
        opacity: 0.5;
        transform: rotate(var(--angle, 45deg)) translateX(350px) scale(1);
    }
    95% {
        opacity: 0.8;
        transform: rotate(var(--angle, 45deg)) translateX(375px) scale(1.5);
    }
    100% {
        opacity: 0;
        transform: rotate(var(--angle, 45deg)) translateX(400px) scale(3);
    }
}

@keyframes headGlow {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
    0.1% {
        box-shadow: 0 0 5px 1px rgba(255, 255, 255, 0.5);
    }
    1% {
        box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.8);
    }
    100% {
        box-shadow: 0 0 15px 3px rgba(255, 255, 255, 0.4);
    }
}

@keyframes tailFade {
    0% {
        opacity: 0;
    }
    0.1% {
        opacity: 0.8;
    }
    1% {
        opacity: 0.8;
    }
    10% {
        opacity: 0.8;
    }
    80% {
        opacity: 0.4;
    }
    90% {
        opacity: 0.3;
    }
    95% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}

/* ===== Extracted from app/front/view/index/index.html ===== */
* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
            background: linear-gradient(180deg, #ffffff 0%, #f8fcff 30%, #edf4ff 60%, #dceaff 100%);
            color: #000000;
            min-height: 100vh;
            overflow-x: hidden;
        }

        .container {
            max-width: 80%;
            margin: 0 auto;
            padding: 120px 40px 40px;
        }

        /* 顶部导航栏 */
        .header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 15px 0;
            border-bottom: 1px solid rgba(30, 144, 255, 0.2);
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            background-color: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            z-index: 1000;
        }

        .logo {
            display: flex;
            align-items: center;
            font-size: 13px;
            font-weight: bold;
            color: #00bfff;
        }

        .logo-icon {
            width: 32px;
            height: 32px;
            margin-right: 10px;
            /* background-color: #00bfff; */
            border: 1px solid #00bfff;
            border-radius: 5px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
        }

        .nav {
            display: flex;
            gap: 30px;
        }

        .nav-item {
            position: relative;
            color: #000000;
            text-decoration: none;
            font-size: 14px;
            cursor: pointer;
        }

        .nav-item:hover {
            color: #00bfff;
        }

        .nav-dropdown {
            position: absolute;
            top: 100%;
            left: 0;
            background-color: rgba(255, 255, 255, 0.98);
            border: 1px solid rgba(102, 126, 234, 0.3);
            border-radius: 5px;
            padding: 10px 0;
            min-width: 150px;
            z-index: 1000;
            display: none;
        }

        .nav-item:hover .nav-dropdown {
            display: block;
        }

        .nav-dropdown-item {
            padding: 8px 16px;
            color: #000000;
            text-decoration: none;
            display: block;
            font-size: 13px;
        }

        .nav-dropdown-item:hover {
            background-color: rgba(30, 144, 255, 0.2);
            color: #00bfff;
        }

        .user-section {
            display: flex;
            align-items: center;
            gap: 20px;
        }

        .btn {
            padding: 8px 16px;
            border: none;
            border-radius: 5px;
            font-size: 14px;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .btn-primary {
            background-color: #00bfff;
            color: #000000;
        }

        .btn-primary:hover {
            background-color: #0099cc;
        }

        .user-info {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .user-avatar {
            width: 32px;
            height: 32px;
            border-radius: 5px;
            background-color: #00bfff;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            font-weight: bold;
        }

        /* 主内容区 */
        .main {
            padding: 100px 0 60px;
        }

        .hero-section {
            text-align: center;
            margin-bottom: 80px;
        }

        .system-status {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 6px 12px;
            background-color: rgba(30, 144, 255, 0.2);
            border-radius: 5px;
            font-size: 12px;
            color: #00bfff;
            margin-bottom: 30px;
        }

        .status-indicator {
            width: 8px;
            height: 8px;
            background-color: #00ff00;
            border-radius: 5px;
            animation: pulse 2s infinite;
        }

        @keyframes pulse {
            0% { opacity: 1; }
            50% { opacity: 0.5; }
            100% { opacity: 1; }
        }

        .hero-title {
            font-size: 90px;
            font-weight: bold;
            color: #087df1;
            background: none;
            background-size: auto;
            -webkit-background-clip: initial;
            -webkit-text-fill-color: currentColor;
            margin: 0;
            white-space: nowrap;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .typing-cursor {
            display: inline-block;
            color: #000000;
            font-weight: bold;
            font-size: 90px;
            animation: blink 0.8s infinite;
            margin-left: 5px;
            z-index: 10;
            position: relative;
        }

        @keyframes blink {
            0%, 50% { opacity: 1; }
            51%, 100% { opacity: 0; }
        }

        .hero-title-container {
            position: relative;
            height: 110px;
            overflow: hidden;
            margin-bottom: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .hero-subtitle {
            font-size: 20px;
            color: #000000;
            margin-bottom: 25px;
            font-weight: 700;
        }

        .hero-quote {
            font-size: 18px;
            color: #1267de;
            background: none;
            background-size: auto;
            -webkit-background-clip: initial;
            -webkit-text-fill-color: currentColor;
            margin-bottom: 40px;
            font-weight: 700;
        }

        .hero-buttons {
            display: flex;
            justify-content: center;
            gap: 20px;
        }

        .btn-secondary {
            background-color: transparent;
            color: #00bfff;
            border: 1px solid #00bfff;
        }

        .btn-secondary:hover {
            background-color: rgba(0, 191, 255, 0.1);
        }

        /* IP打造进度 */
        .ip-progress-section {
            background-color: transparent;
            border: 1px solid rgba(102, 126, 234, 0.3);
            border-radius: 5px;
            padding: 20px;
            margin-bottom: 80px;
            position: relative;
            overflow: hidden;
        }

        .ip-progress-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(135deg, rgba(0, 191, 255, 0.05), rgba(138, 43, 226, 0.05));
            z-index: 0;
        }

        .section-title {
            font-size: 20px;
            font-weight: bold;
            margin-bottom: 30px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .progress-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 15px;
            position: relative;
            z-index: 1;
        }

        .progress-header h2 {
            font-size: 18px;
            font-weight: bold;
            color: #000000;
            margin: 0;
        }

        .progress-header .view-plan-btn {
            background-color: rgba(30, 144, 255, 0.2);
            border: 1px solid rgba(102, 126, 234, 0.3);
            border-radius: 5px;
            padding: 6px 12px;
            font-size: 12px;
            color: #00bfff;
            text-decoration: none;
            transition: all 0.3s ease;
        }

        .progress-header .view-plan-btn:hover {
            background-color: rgba(30, 144, 255, 0.3);
        }

        .progress-info {
            font-size: 12px;
            color: #000000;
            margin-bottom: 15px;
            position: relative;
            z-index: 1;
        }

        .progress-bar-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 25px;
            position: relative;
            z-index: 1;
        }

        .progress-bar {
            flex: 1;
            height: 8px;
            background-color: rgba(30, 144, 255, 0.2);
            border-radius: 5px;
            overflow: hidden;
            margin-right: 10px;
        }

        .progress-fill {
            height: 100%;
            background-color: #00bfff;
            border-radius: 5px;
            width: 100%;
        }

        .progress-percentage {
            font-size: 12px;
            color: #00bfff;
            font-weight: bold;
        }

        .progress-steps {
            display: flex;
            justify-content: space-between;
            position: relative;
            z-index: 1;
        }

        .progress-steps::before {
            content: '';
            position: absolute;
            top: 20px;
            left: 0;
            right: 0;
            height: 1px;
            background-color: rgba(30, 144, 255, 0.3);
            z-index: -1;
        }

        .progress-step {
            display: flex;
            flex-direction: column;
            align-items: center;
            position: relative;
            flex: 1;
        }

        .step-wrapper {
            background-color: rgba(255, 255, 255, 0.98);
            border: 1px solid rgba(102, 126, 234, 0.3);
            border-radius: 5px;
            padding: 10px 15px;
            display: flex;
            align-items: center;
            gap: 8px;
            position: relative;
            transition: all 0.3s ease;
        }

        .step-wrapper:hover {
            border-color: #00bfff;
            box-shadow: 0 0 10px rgba(0, 191, 255, 0.2);
        }

        .step-icon {
            font-size: 14px;
        }

        .step-label {
            font-size: 12px;
            color: #000000;
            margin: 0;
        }

        .step-check {
            position: absolute;
            top: -5px;
            right: -5px;
            width: 16px;
            height: 16px;
            background-color: #00bfff;
            border-radius: 5px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 10px;
            color: #0a0a0a;
            font-weight: bold;
        }

        .quick-access-grid {
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            gap: 20px;
        }

        .quick-access-item {
            background-color: rgba(255, 255, 255, 0.6);
            border: 1px solid rgba(138, 43, 226, 0.2);
            border-radius: 5px;
            padding: 30px 20px;
            text-align: center;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .quick-access-item:hover {
            border-color: #00bfff;
            background-color: rgba(0, 191, 255, 0.1);
        }

        .quick-access-icon {
            font-size: 24px;
            color: #00bfff;
            margin-bottom: 10px;
        }

        .quick-access-label {
            font-size: 14px;
        }

        .btn-large {
            padding: 12px 32px;
            font-size: 16px;
        }

        /* 详情弹框样式 */
        .dialog-overlay {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(255, 255, 255, 0.7);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1000;
        }

        .dialog-content {
            background-color: rgba(255, 255, 255, 0.98);
            border-radius: 5px;
            width: 800px;
            max-width: 90%;
            max-height: 80vh;
            overflow-y: auto;
            border: 1px solid rgba(102, 126, 234, 0.3);
        }

        .dialog-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px;
            border-bottom: 1px solid rgba(30, 144, 255, 0.2);
        }

        .dialog-header h3 {
            margin: 0;
            font-size: 16px;
            font-weight: 600;
            color: #00bfff;
        }

        .dialog-close {
            background: none;
            border: none;
            font-size: 24px;
            color: #000000;
            cursor: pointer;
        }

        .dialog-body {
            padding: 20px;
        }

        .loading-spinner {
            border: 0;
            border-radius: 5px;
            width: 40px;
            height: 40px;
            margin: 0 auto;
            background: conic-gradient(from 0deg, #00bfff, rgba(30, 144, 255, 0.12), #00bfff);
            mask: radial-gradient(circle, transparent 47%, #000 49%);
            -webkit-mask: radial-gradient(circle, transparent 47%, #000 49%);
            animation: spin 1s linear infinite;
        }

        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

        /* 导航栏下拉菜单样式 */
        .nav-dropdown-title {
            font-size: 11px;
            color: rgba(0, 191, 255, 0.7);
            margin-bottom: 10px;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .nav-dropdown-item-main {
            display: block;
            padding: 8px 0;
            color: #000000;
            text-decoration: none;
            font-size: 14px;
        }

        .nav-dropdown-item-desc {
            font-size: 12px;
            color: #808080;
            margin-left: 24px;
            margin-top: 2px;
        }

/* ===== Extracted from app/front/view/industry/a_task_history.html ===== */
* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
            background: linear-gradient(180deg, #ffffff 0%, #f8fcff 30%, #edf4ff 60%, #dceaff 100%);
            color: #000000;
            min-height: 100vh;
            overflow-x: hidden;
        }

        .container {
            max-width: 80%;
            margin: 0 auto;
            padding: 120px 20px 40px;
        }

        .header {
            margin-bottom: 40px;
        }

        .header-top {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
        }

        .step-indicator {
            background-color: #00bfff;
            color: #000000;
            padding: 5px 15px;
            border-radius: 5px;
            font-size: 14px;
            font-weight: 600;
            margin-right: 20px;
        }

        .header-title {
            font-size: 32px;
            font-weight: 700;
            color: #000000;
        }

        .header-subtitle {
            font-size: 16px;
            color: #000000;
            margin-top: 10px;
        }

        .form-container {
            background: transparent;
            border: 1px solid rgba(0, 191, 255, 0.3);
            border-radius: 5px;
            padding: 30px;
            margin-bottom: 40px;
        }

        .form-group {
            margin-bottom: 20px;
        }

        .form-group label {
            display: block;
            margin-bottom: 8px;
            font-size: 14px;
            color: #000000;
        }

        .form-group input,
        .form-group textarea {
            width: 100%;
            padding: 12px;
            background-color: rgba(255, 255, 255, 0.1);
            border: 1px solid rgba(102, 126, 234, 0.3);
            border-radius: 5px;
            color: #000000;
            font-size: 14px;
        }

        .form-group textarea {
            height: 100px;
            resize: vertical;
        }

        .platform-options {
            display: flex;
            gap: 10px;
            flex-wrap: wrap;
        }

        .platform-option {
            background: transparent;
            border: 1px solid rgba(0, 191, 255, 0.3);
            border-radius: 5px;
            padding: 8px 16px;
            color: #000000;
            font-size: 14px;
            cursor: pointer;
            transition: all 0.3s;
        }

        .platform-option.active {
            background-color: rgba(0, 191, 255, 0.1);
            border-color: #00bfff;
            color: #00bfff;
        }

        .btn-container {
            display: flex;
            gap: 15px;
            margin-top: 30px;
        }

        .btn {
            padding: 12px 30px;
            border: none;
            border-radius: 5px;
            font-size: 16px;
            font-weight: bold;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .btn-primary {
            background-color: #00bfff;
            color: #0a0a0a;
        }

        .btn-primary:hover {
            background-color: #0099cc;
            transform: translateY(-2px);
        }

        .btn-secondary {
            background-color: rgba(255, 255, 255, 0.1);
            color: #000000;
            border: 1px solid rgba(102, 126, 234, 0.3);
        }

        .btn-secondary:hover {
            background-color: rgba(255, 255, 255, 0.2);
            transform: translateY(-2px);
        }

        .result-container {
            background-color: rgba(255, 255, 255, 0.95);
            border: 1px solid rgba(102, 126, 234, 0.3);
            border-radius: 5px;
            padding: 30px;
            display: none;
        }

        .result-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 30px;
        }

        .result-title {
            font-size: 24px;
            color: #00bfff;
        }

        .result-actions {
            display: flex;
            gap: 10px;
        }

        .action-btn {
            padding: 8px 16px;
            background-color: rgba(255, 255, 255, 0.1);
            color: #000000;
            border: 1px solid rgba(102, 126, 234, 0.3);
            border-radius: 5px;
            font-size: 14px;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .action-btn:hover {
            background-color: rgba(255, 255, 255, 0.2);
        }

        .result-section {
            margin-bottom: 40px;
        }

        .result-section h3 {
            font-size: 20px;
            color: #00bfff;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .result-section h4 {
            font-size: 16px;
            color: #000000;
            margin-bottom: 10px;
        }

        .nickname-recommendations {
            margin-bottom: 20px;
        }

        .nickname-item {
            background-color: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(138, 43, 226, 0.2);
            border-radius: 5px;
            padding: 15px;
        }

        .nickname-item h5 {
            font-size: 16px;
            color: #00bfff;
            margin-bottom: 5px;
        }

        .nickname-item p {
            font-size: 14px;
            color: #000000;
            margin-bottom: 10px;
        }

        .naming-strategy {
            background: transparent;
            border: 1px solid rgba(138, 43, 226, 0.2);
            border-radius: 5px;
            padding: 15px;
            margin-top: 20px;
        }

        .strategy-item {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            margin-bottom: 10px;
        }

        .strategy-item .icon {
            font-size: 16px;
            margin-top: 2px;
        }

        .strategy-item .content {
            flex: 1;
        }

        .strategy-item h6 {
            font-size: 14px;
            color: #000000;
            margin-bottom: 5px;
        }

        .strategy-item p {
            font-size: 13px;
            color: #000000;
        }

        .design-section {
            margin-bottom: 20px;
        }

        .design-card {
            background: transparent;
            border: 1px solid rgba(138, 43, 226, 0.2);
            border-radius: 5px;
            padding: 20px;
        }

        .design-card h4 {
            font-size: 16px;
            color: #000000;
            margin-bottom: 15px;
        }

        .design-card p {
            font-size: 14px;
            color: #000000;
            margin-bottom: 15px;
        }

        .taboo-list {
            margin-top: 15px;
        }

        .taboo-item {
            display: flex;
            align-items: center;
            gap: 5px;
            margin-bottom: 8px;
            font-size: 14px;
            color: #ff6b6b;
        }
        .taboo-itemto {
            display: flex;
            align-items: center;
            gap: 5px;
            margin-bottom: 8px;
            font-size: 14px;
            color: #40a7f1;
        }
        .reference-section {
            margin-top: 20px;
            padding-top: 20px;
            border-top: 1px solid rgba(30, 144, 255, 0.2);
        }

        .reference-section h4 {
            font-size: 16px;
            color: #000000;
            margin-bottom: 15px;
        }

        .generate-btn {
            background-color: rgba(30, 144, 255, 0.2);
            color: #00bfff;
            border: 1px solid rgba(102, 126, 234, 0.3);
            border-radius: 5px;
            padding: 8px 16px;
            font-size: 14px;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .generate-btn:hover {
            background-color: rgba(30, 144, 255, 0.3);
        }

        .prompt-section {
            margin-top: 15px;
            background-color: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(138, 43, 226, 0.2);
            border-radius: 5px;
            padding: 15px;
        }

        .prompt-section h5 {
            font-size: 14px;
            color: #000000;
            margin-bottom: 10px;
        }

        .prompt-section p {
            font-size: 13px;
            color: #000000;
            font-family: monospace;
        }

        .profile-example {
            background-color: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(138, 43, 226, 0.2);
            border-radius: 5px;
            padding: 15px;
            margin-bottom: 15px;
        }

        .profile-example h5 {
            font-size: 16px;
            color: #00bfff;
            margin-bottom: 10px;
        }

        .profile-example p {
            font-size: 14px;
            color: #000000;
            margin-bottom: 10px;
        }

        .profile-example .tags {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-top: 10px;
        }

        .profile-example .tag {
            background-color: rgba(30, 144, 255, 0.2);
            color: #00bfff;
            padding: 4px 12px;
            border-radius: 5px;
            font-size: 12px;
        }

        .core-keywords {
            margin-top: 20px;
            padding-top: 20px;
            border-top: 1px solid rgba(30, 144, 255, 0.2);
        }

        .core-keywords h4 {
            font-size: 16px;
            color: #000000;
            margin-bottom: 15px;
        }

        .keywords-list {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }

        .keyword {
            background-color: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(138, 43, 226, 0.2);
            border-radius: 5px;
            padding: 6px 12px;
            font-size: 14px;
            color: #000000;
        }

        .video-references {
            margin-bottom: 30px;
        }

        .reference-card {
            background-color: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(138, 43, 226, 0.2);
            border-radius: 5px;
            padding: 20px;
        }

        .reference-card h4 {
            font-size: 16px;
            color: #000000;
            margin-bottom: 10px;
        }

        .reference-card p {
            font-size: 14px;
            color: #000000;
            margin-bottom: 15px;
        }

        .reference-link {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            color: #00bfff;
            text-decoration: none;
            font-size: 14px;
            transition: all 0.3s ease;
        }

        .reference-link:hover {
            text-decoration: underline;
        }

        .reference-count {
            display: inline-block;
            background-color: rgba(30, 144, 255, 0.2);
            color: #00bfff;
            padding: 4px 12px;
            border-radius: 5px;
            font-size: 12px;
            float: right;
        }

        @media (max-width: 768px) {
            .design-section {
                grid-template-columns: 1fr;
            }

            .platform-options {
                flex-direction: column;
                gap: 10px;
            }

            .btn-container {
                flex-direction: column;
            }
        }

/* ===== Extracted from app/front/view/industry/b_task_history.html ===== */
* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
            background: linear-gradient(180deg, #ffffff 0%, #f8fcff 30%, #edf4ff 60%, #dceaff 100%);
            color: #000000;
            min-height: 100vh;
            overflow-x: hidden;
        }
        
        .container {
            max-width: 80%;
            margin: 0 auto;
            padding: 120px 20px 40px;
        }
        
        .header {
            margin-bottom: 40px;
        }
        
        .header-top {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
        }
        
        .step-indicator {
            background-color: #1e90ff;
            color: white;
            padding: 5px 15px;
            border-radius: 5px;
            font-size: 14px;
            margin-right: 15px;
        }
        
        .header-title {
            font-size: 24px;
            font-weight: 600;
        }
        
        .header-subtitle {
            font-size: 14px;
            color: #000000;
            margin-top: 10px;
        }
        
        .form-section {
            background: transparent;
            border-radius: 5px;
            padding: 30px;
            margin-bottom: 40px;
        }
        
        .form-row {
            display: flex;
            gap: 20px;
            margin-bottom: 25px;
        }
        
        .form-row .form-group {
            flex: 1;
            margin-bottom: 0;
        }
        
        .form-group {
            margin-bottom: 25px;
        }
        
        .form-group label {
            display: block;
            margin-bottom: 8px;
            font-size: 14px;
            color: #000000;
        }
        
        .form-group input {
            width: 100%;
            padding: 5px 12px;
            background: transparent;
            border: 1px solid rgba(102, 126, 234, 0.3);
            border-radius: 5px;
            color: #000000;
            font-size: 14px;
            min-height: 40px;
        }
        
        .form-group textarea {
            width: 100%;
            padding: 12px;
            background: transparent;
            border: 1px solid rgba(102, 126, 234, 0.3);
            border-radius: 5px;
            color: #000000;
            font-size: 14px;
            resize: vertical;
            min-height: 80px;
        }
        
        .form-group input:focus,
        .form-group textarea:focus {
            outline: none;
            border-color: #1e90ff;
            box-shadow: 0 0 0 2px rgba(30, 144, 255, 0.2);
        }
        
        .platform-options {
            display: flex;
            gap: 10px;
            flex-wrap: wrap;
        }
        
        .platform-option {
            background: transparent;
            border: 1px solid rgba(0, 191, 255, 0.3);
            border-radius: 5px;
            padding: 8px 16px;
            color: #000000;
            font-size: 14px;
            cursor: pointer;
            transition: all 0.3s;
        }
        
        .platform-option.active {
            background-color: rgba(0, 191, 255, 0.1);
            border-color: #00bfff;
            color: #00bfff;
        }
        
        .generate-btn {
            width: 100%;
            padding: 15px;
            background-color: #9370db;
            color: white;
            border: none;
            border-radius: 5px;
            font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            transition: background-color 0.3s;
            margin-top: 20px;
        }
        
        .generate-btn:hover {
            background-color: #8a2be2;
        }
        
        .result-section {
            background: transparent;
            border-radius: 5px;
            padding: 30px;
            margin-bottom: 40px;
            display: none;
        }
        
        .section-title {
            color: #000000;
            font-size: 15px;
            font-weight: 600;
            margin-bottom: 10px;
            display: flex;
            align-items: center;
        }
        .section-title2 {
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
        }
        .section-title::before {
            margin-right: 10px;
        }
        
        .core-identity-section {
            margin-bottom: 30px;
        }
        
        .section-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
        }
        
        .identity-core-btn {
            background-color: rgba(255, 255, 255, 0.98);
            color: #9370db;
            border: 1px solid transparent;
            padding: 5px 15px;
            border-radius: 5px;
            font-size: 14px;
            cursor: pointer;
        }
        
        .identity-tag-container {
            background-color: rgba(255, 255, 255, 0.98);
            border: 1px solid transparent;
            border-radius: 5px;
            padding: 20px;
            margin-bottom: 20px;
        }
        
        .identity-tag-label {
            text-align: center;
            color: #9370db;
            font-size: 14px;
            margin-bottom: 10px;
        }
        
        .identity-tag {
            font-size: 18px;
            font-weight: 600;
            text-align: center;
            margin-bottom: 15px;
        }
        
        .personal-slogan-section {
            margin-bottom: 30px;
            text-align: center;
        }
        
        .slogan-label {
            color: #9370db;
            font-size: 14px;
            margin-bottom: 10px;
        }
        
        .personal-slogan {
            color: #000000;
            font-style: italic;
        }
        
        .differentiation-section {
            margin-bottom: 30px;
        }
        
        .differentiation-content {
            background-color: rgba(255, 255, 255, 0.05);
            border-radius: 5px;
            padding: 15px;
            line-height: 1.6;
        }
        
        .memory-points-section {
            margin-bottom: 5px;
        }
        
        .memory-point {
            /* background-color: rgba(255, 255, 255, 0.05); */
            border-radius: 5px;
            padding: 10px;
        }
        
        .memory-point-title {
            display: flex;
            align-items: center;
            margin-bottom: 5px;
            font-weight: 500;
        }
        
        .memory-icon {
            margin-right: 10px;
        }
        
        .memory-point-content {
            font-size: 14px;
            line-height: 1.6;
            color: #000000;
        }
        
        .memory-point-implementation {
            color: #9370db;
            font-size: 14px;
            line-height: 1.5;
        }
        
        .personality-section {
            margin-bottom: 30px;
        }
        
        .personality-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }
        
        .personality-tag {
            background-color: rgba(30, 144, 255, 0.2);
            color: #1e90ff;
            padding: 8px 15px;
            border-radius: 5px;
            font-size: 14px;
            max-width: 100%;
            flex: 1 1 auto;
        }
        
        .ideology-section {
            margin-bottom: 30px;
        }
        
        .ideology-section h3 {
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
        }
        
        .ideology-section h3::before {
            margin-right: 10px;
        }
        
        .core-concept {
            margin-bottom: 25px;
        }
        
        .core-concept h4 {
            font-size: 14px;
            font-weight: 500;
            margin-bottom: 10px;
            color: #000000;
        }
        
        .core-concept p {
            margin-bottom: 10px;
            line-height: 1.6;
        }
        
        .content-angle {
            font-size: 14px;
            color: #9b87fd;
            margin-top: 5px;
        }
        
        .unique-viewpoints {
            margin-bottom: 25px;
        }
        
        .unique-viewpoints h4 {
            font-size: 14px;
            font-weight: 500;
            margin-bottom: 15px;
            color: #000000;
        }
        
        .viewpoint-item {
            background-color: transparent;
            border: 1px solid rgba(147, 112, 219, 0.24);
            padding: 15px;
            margin-bottom: 15px;
            border-radius: 5px;
        }
        
        .viewpoint-item p {
            margin-bottom: 10px;
        }
        
        .viewpoint-tag {
            color: #ffd700;
            font-size: 14px;
            margin-top: 5px;
        }
        
        .catchphrase-design {
            margin-bottom: 25px;
        }
        
        .catchphrase-design h4 {
            font-size: 14px;
            font-weight: 500;
            margin-bottom: 5px;
            color: #000000;
        }
        
        .catchphrase-item {
            background: transparent;
            padding: 3px;
            margin-bottom: 15px;
            border-radius: 5px;
        }
        
        .catchphrase-text {
            font-size: 16px;
            font-weight: 500;
            margin-bottom: 10px;
        }
        
        .catchphrase-effect {
            font-size: 14px;
            color: #000000;
        }
        
        .content-persona-section {
            margin-bottom: 30px;
        }
        
        .content-persona-section h3 {
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
        }
        
        .content-persona-section h3::before {
            margin-right: 10px;
        }
        
        .speaking-style {
            margin-bottom: 25px;
        }
        
        .speaking-style h4 {
            font-size: 16px;
            font-weight: 500;
            margin-bottom: 15px;
            color: #000000;
        }
        
        .speaking-style-content {
            color: #000000;
            background-color: rgba(30, 144, 255, 0.1);
            padding: 15px;
            border-radius: 5px;
            margin-bottom: 15px;
        }
        
        .style-pros-cons {
            margin-bottom: 15px;
        }
        
        .pros-cons-list {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }
        
        .pro-item {
            color: #4CAF50;
            display: flex;
            align-items: flex-start;
        }
        
        .pro-item::before {
            content: '✓';
            margin-right: 8px;
            font-weight: bold;
        }
        
        .con-item {
            color: #f44336;
            display: flex;
            align-items: flex-start;
        }
        
        .con-item::before {
            content: '✗';
            margin-right: 8px;
            font-weight: bold;
        }
        
        .sample-script {
            margin-bottom: 25px;
        }
        
        .sample-script h4 {
            font-size: 16px;
            font-weight: 500;
            margin-bottom: 15px;
            color: #9888f6;
        }
        
        .script-content {
            color: #000000;
            background-color: rgba(147, 112, 219, 0.1);
            padding: 15px;
            border-radius: 5px;
            font-style: italic;
        }
        
        .visual-style {
            margin-bottom: 25px;
        }
        
        .visual-style h4 {
            font-size: 16px;
            font-weight: 500;
            margin-bottom: 15px;
            color: #000000;
        }
        
        .visual-style-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 15px;
            margin-bottom: 15px;
        }
        
        .visual-style-item {
            background-color: rgba(255, 255, 255, 0.05);
            padding: 15px;
            border-radius: 5px;
        }
        
        .visual-style-item h5 {
            font-size: 14px;
            font-weight: 500;
            margin-bottom: 10px;
            color: #9888f6;
        }
        
        .content-pillars {
            margin-bottom: 25px;
        }
        
        .content-pillars h4 {
            font-size: 16px;
            font-weight: 500;
            margin-bottom: 15px;
            color: #000000;
        }
        
        .pillar-item {
            background-color: rgba(255, 255, 255, 0.05);
            padding: 20px;
            border-radius: 5px;
        }
         
        .pillar-item h5 {
            font-size: 16px;
            font-weight: 500;
            margin-bottom: 10px;
        }
        
        .pillar-stats {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 10px;
            font-size: 14px;
        }

        
        .pillar-percentage {
            background-color: rgba(147, 112, 219, 0.2);
            color: #9370db;
            padding: 2px 8px;
            border-radius: 5px;
        }
        
        .trust-building-section {
            margin-bottom: 30px;
        }
        
        .trust-building-section h3 {
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
        }
        
        .trust-building-section h3::before {
            margin-right: 10px;
        }
        
        .trust-endorsement {
            margin-bottom: 25px;
        }
        
        .trust-endorsement h4 {
            font-size: 16px;
            font-weight: 500;
            margin-bottom: 15px;
            color: #000000;
        }
        
        .endorsement-item {
            background-color: rgba(255, 255, 255, 0.05);
            padding: 15px;
            border-radius: 5px;
            margin-bottom: 15px;
        }
        
        .endorsement-item h5 {
            font-size: 14px;
            font-weight: 500;
            margin-bottom: 10px;
        }
        
        .endorsement-item p {
            color: #000000;
            font-size: 14px;
            line-height: 1.6;
        }
        
        .social-proof {
            margin-bottom: 25px;
        }
        
        .social-proof h4 {
            font-size: 16px;
            font-weight: 500;
            margin-bottom: 15px;
            color: #000000;
        }
        
        .social-proof-item {
            background-color: rgba(255, 255, 255, 0.05);
            padding: 15px;
            border-radius: 5px;
            margin-bottom: 15px;
        }
        
        .social-proof-item h5 {
            font-size: 14px;
            font-weight: 500;
            margin-bottom: 10px;
        }
        .social-proof-item p {
            color: #000000;
        }
        
        .personal-story {
            margin-bottom: 25px;
        }
        
        .personal-story h4 {
            font-size: 16px;
            font-weight: 500;
            margin-bottom: 15px;
            color: #9370db;
        }
        
        .story-content {
            background-color: rgba(147, 112, 219, 0.1);
            padding: 20px;
            border-radius: 5px;
            line-height: 1.6;
        }
        
        .story-turning-point {
            color: #ffd700;
            margin: 15px 0;
        }
        
        .persona-roadmap-section {
            margin-bottom: 30px;
        }
        
        .persona-roadmap-section h3 {
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
        }
        
        .persona-roadmap-section h3::before {
            margin-right: 10px;
        }
        
        .roadmap-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 5px;
        }
        
        .execute-plan-btn {
            background-color: #9370db;
            color: white;
            border: none;
            padding: 8px 16px;
            border-radius: 5px;
            font-size: 14px;
            cursor: pointer;
        }
        
        .execute-plan-btn:hover {
            background-color: #8a2be2;
        }
        
        .roadmap-timeline {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }
        
        .roadmap-phase {
            border-radius: 5px;
            padding: 20px;
            position: relative;
        }
        
        .roadmap-phase.phase-1 {
            background-color: rgba(0, 128, 0, 0.2);
            border: 1px solid rgba(76, 175, 80, 0.26);
        }
        
        .roadmap-phase.phase-2 {
            background-color: rgba(255, 165, 0, 0.2);
            border: 1px solid rgba(255, 165, 0, 0.26);
        }
        
        .roadmap-phase.phase-3 {
            background-color: rgba(128, 0, 128, 0.2);
            border: 1px solid rgba(147, 112, 219, 0.26);
        }
        
        .phase-header {
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
        }
        
        .phase-header.phase-1 {
            color: #4CAF50;
        }
        
        .phase-header.phase-2 {
            color: #FFA500;
        }
        
        .phase-header.phase-3 {
            color: #9370db;
        }
        
        .phase-goal {
            font-size: 14px;
            margin-bottom: 15px;
            font-weight: 500;
        }
        
        .phase-tasks {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }
        
        .phase-task {
            background-color: rgba(255, 255, 255, 0.1);
            border-radius: 5px;
            padding: 10px;
            margin-bottom: 10px;
            font-size: 14px;
        }
        
        .roadmap-phase.phase-1 .phase-task {
            background-color: rgba(255, 255, 255, 0.1);
        }
        
        .roadmap-phase.phase-2 .phase-task {
            background-color: rgba(255, 255, 255, 0.1);
        }
        
        .roadmap-phase.phase-3 .phase-task {
            background-color: rgba(255, 255, 255, 0.1);
        }
        
        .phase-module {
            background-color: rgba(255, 255, 255, 0.1);
            border-radius: 5px;
            margin-bottom: 15px;
            overflow: hidden;
        }
        
        .module-title {
            padding: 10px;
            font-weight: 500;
        }
        
        .module-content {
            padding: 0 10px 10px 10px;
            font-size: 14px;
        }
        
        .roadmap-phase.phase-1 .module-title {
            background-color: rgba(0, 128, 0, 0.3);
        }
        
        .roadmap-phase.phase-2 .module-title {
            background-color: rgba(255, 165, 0, 0.3);
        }
        
        .roadmap-phase.phase-3 .module-title {
            background-color: rgba(128, 0, 128, 0.3);
        }
        
        /* 完成提示框 */
        .completion-notice {
            background: transparent;
            border-radius: 5px;
            padding: 30px;
            margin-top: 40px;
            margin-bottom: 40px;
            border: 1px solid rgba(102, 126, 234, 0.3);
        }
        
        .notice-content {
            text-align: left;
        }
        
        .notice-header {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
        }
        
        .notice-icon {
            font-size: 24px;
            margin-right: 10px;
        }
        
        .notice-header h3 {
            color: #000000;
            font-size: 20px;
            font-weight: 600;
        }
        
        .notice-text {
            color: #000000;
            font-size: 14px;
            margin-bottom: 30px;
            line-height: 1.5;
        }
        
        .notice-buttons {
            display: flex;
            gap: 20px;
        }
        
        .primary-btn {
            background-color: #1e90ff;
            color: #000000;
            border: none;
            padding: 12px 24px;
            border-radius: 5px;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }
        
        .primary-btn:hover {
            background-color: #4169e1;
        }
        
        .secondary-btn {
            background-color: transparent;
            color: #1e90ff;
            border: 1px solid #1e90ff;
            padding: 12px 24px;
            border-radius: 5px;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .secondary-btn:hover {
            background-color: rgba(30, 144, 255, 0.1);
        }
        
        @media (max-width: 768px) {
            .container {
                padding: 10px;
            }
            
            .form-section,
            .result-section {
                padding: 20px;
            }
            
            .platform-options {
                flex-direction: column;
            }
        }

/* ===== Extracted from app/front/view/industry/c_task_history.html ===== */
* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            background: linear-gradient(180deg, #ffffff 0%, #f8fcff 30%, #edf4ff 60%, #dceaff 100%);
            color: #000000;
            font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
            line-height: 1.6;
            min-height: 100vh;
            overflow-x: hidden;
        }
        
        .container {
            max-width: 80%;
            margin: 0 auto;
            padding: 120px 20px 40px;
        }
        
        .header {
            margin-bottom: 40px;
        }
        
        .header-top {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
        }
        
        .step-indicator {
            background-color: #00bfff;
            color: #000000;
            padding: 5px 15px;
            border-radius: 5px;
            font-size: 14px;
            font-weight: 600;
            margin-right: 20px;
        }
        
        .header-title {
            font-size: 32px;
            font-weight: 700;
            color: #000000;
        }
        
        .header-subtitle {
            font-size: 16px;
            color: #000000;
            margin-top: 10px;
        }
        
        .form-section {
            background: transparent;
            border-radius: 5px;
            padding: 30px;
            margin-bottom: 40px;
            border: 1px solid rgba(102, 126, 234, 0.3);
        }
        
        .platform-selection {
            margin-bottom: 30px;
        }
        
        .platform-selection label {
            display: block;
            margin-bottom: 15px;
            font-size: 16px;
            font-weight: 600;
            color: #000000;
        }
        
        .platform-options {
            display: flex;
            gap: 10px;
            flex-wrap: wrap;
        }
        
        .platform-option {
            background: transparent;
            border: 1px solid rgba(102, 126, 234, 0.3);
            border-radius: 5px;
            padding: 8px 16px;
            cursor: pointer;
            transition: all 0.3s;
        }
        
        .platform-option:hover {
            border-color: #1e90ff;
        }
        
        .platform-option.active {
            background-color: rgba(0, 191, 255, 0.1);
            border-color: #1e90ff;
        }
        
        .input-group {
            display: flex;
            gap: 30px;
            margin-bottom: 30px;
        }
        
        .input-item {
            flex: 1;
        }
        
        .input-item label {
            display: block;
            margin-bottom: 8px;
            font-size: 14px;
            color: #000000;
        }
        
        .input-item input {
            width: 100%;
            padding: 12px;
            background: transparent;
            border: 1px solid rgba(102, 126, 234, 0.3);
            border-radius: 5px;
            color: #000000;
            font-size: 14px;
        }
        
        .input-item input:focus {
            outline: none;
            border-color: #1e90ff;
            box-shadow: 0 0 0 2px rgba(30, 144, 255, 0.2);
        }
        
        .personal-info {
            margin-bottom: 30px;
        }
        
        .personal-info label {
            display: block;
            margin-bottom: 8px;
            font-size: 14px;
            color: #000000;
        }
        
        .personal-info textarea {
            width: 100%;
            padding: 12px;
            background: transparent;
            border: 1px solid rgba(102, 126, 234, 0.3);
            border-radius: 5px;
            color: #000000;
            font-size: 14px;
            resize: vertical;
            min-height: 100px;
        }
        
        .personal-info textarea:focus {
            outline: none;
            border-color: #1e90ff;
            box-shadow: 0 0 0 2px rgba(30, 144, 255, 0.2);
        }
        
        .generate-btn {
            width: 100%;
            padding: 15px;
            background-color: #1e90ff;
            color: white;
            border: none;
            border-radius: 5px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: background-color 0.3s;
            margin-top: 20px;
        }
        
        .generate-btn:hover {
            background-color: #4169e1;
        }
        
        .generate-btn:disabled {
            background-color: transparent;
            cursor: not-allowed;
        }
        
        /* 执行计划样式 */
        .execution-plan-section {
            background: transparent;
            border-radius: 5px;
            padding: 30px;
            margin-top: 40px;
        }
        
        .plan-header {
            margin-bottom: 30px;
        }
        
        .overview-section {
            background-color: rgba(30, 144, 255, 0.1);
            border-radius: 5px;
            padding: 20px;
            border: 1px solid rgba(102, 126, 234, 0.3);
        }
        
        .overview-section h3 {
            font-size: 18px;
            font-weight: 600;
            color: #1e90ff;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
        }
        
        .overview-section h3::before {
            content: '⚙️';
            margin-right: 10px;
        }
        
        .overview-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }
        
        .overview-item {
            background: transparent;
            border-radius: 5px;
            padding: 15px;
            border: 1px solid rgba(138, 43, 226, 0.2);
        }
        
        .overview-item h4 {
            font-size: 14px;
            font-weight: 600;
            color: #000000;
            margin-bottom: 10px;
        }
        
        .overview-item p {
            font-size: 14px;
            color: #000000;
            line-height: 1.5;
        }
        
        .secondary-btn {
            padding: 8px 16px;
            background: transparent;
            color: #1e90ff;
            border: 1px solid rgba(102, 126, 234, 0.3);
            border-radius: 5px;
            font-size: 14px;
            cursor: pointer;
            transition: all 0.3s;
        }
        
        .secondary-btn:hover {
            background-color: rgba(30, 144, 255, 0.1);
        }
        
        /* 每日作息安排样式 */
        .daily-schedule-section {
            margin-top: 40px;
        }
        
        .daily-schedule-wrapper {
            background: transparent;
            border-radius: 5px;
            padding: 30px;
            border: 1px solid rgba(102, 126, 234, 0.3);
        }
        
        .schedule-main-title {
            font-size: 18px;
            font-weight: 600;
            color: #1e90ff;
            margin-bottom: 30px;
            display: flex;
            align-items: center;
        }
        
        .schedule-main-title::before {
            content: '⏰';
            margin-right: 10px;
        }
        
        .schedule-period-block {
            margin-bottom: 25px;
        }
        
        .schedule-period-block:last-child {
            margin-bottom: 0;
        }
        
        .schedule-period-title {
            font-size: 15px;
            font-weight: 600;
            color: #000000;
            margin-bottom: 15px;
            padding: 8px 15px;
            border-radius: 5px;
            display: inline-block;
        }
        
        .morning-block .schedule-period-title {
            background: linear-gradient(135deg, rgba(255, 193, 7, 0.2), rgba(255, 152, 0, 0.2));
            color: #ffc107;
            border: 1px solid rgba(255, 193, 7, 0.28);
        }
        
        .afternoon-block .schedule-period-title {
            background: linear-gradient(135deg, rgba(255, 152, 0, 0.2), rgba(244, 67, 54, 0.2));
            color: #ff9800;
            border: 1px solid rgba(255, 152, 0, 0.28);
        }
        
        .evening-block .schedule-period-title {
            background: linear-gradient(135deg, rgba(103, 58, 183, 0.2), rgba(156, 39, 176, 0.2));
            color: #ce93d8;
            border: 1px solid rgba(206, 147, 216, 0.28);
        }
        
        .schedule-tasks-container {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }
        
        .schedule-task-item {
            background: transparent;
            border-radius: 5px;
            padding: 15px 20px;
            border: 1px solid rgba(30, 144, 255, 0.24);
            display: flex;
            flex-direction: column;
            gap: 8px;
        }
        
        .morning-block .schedule-task-item {
            border-left-color: #ffc107;
        }
        
        .afternoon-block .schedule-task-item {
            border-left-color: #ff9800;
        }
        
        .evening-block .schedule-task-item {
            border-left-color: #ce93d8;
        }
        
        .schedule-task-time {
            font-size: 14px;
            font-weight: 600;
            color: #000000;
        }
        
        .schedule-task-content {
            font-size: 14px;
            color: #000000;
            line-height: 1.6;
        }
        
        /* 旧样式保留（兼容性） */
        .schedule-container {
            background: transparent;
            border-radius: 5px;
            padding: 30px;
            border: 1px solid rgba(102, 126, 234, 0.3);
        }
        
        .schedule-title {
            font-size: 18px;
            font-weight: 600;
            color: #1e90ff;
            margin-bottom: 30px;
            display: flex;
            align-items: center;
        }
        
        .schedule-title::before {
            content: '⏰';
            margin-right: 10px;
        }
        
        .schedule-time-block {
            margin-bottom: 30px;
        }
        
        .time-block-title {
            font-size: 16px;
            font-weight: 600;
            color: #000000;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
        }
        
        .time-block-title::before {
            content: '';
            display: inline-block;
            width: 12px;
            height: 12px;
            border-radius: 5px;
            margin-right: 10px;
        }
        
        .schedule-time-block:nth-child(2) .time-block-title::before {
            background-color: #1e90ff;
        }
        
        .schedule-time-block:nth-child(3) .time-block-title::before {
            background-color: #4682b4;
        }
        
        .schedule-time-block:nth-child(4) .time-block-title::before {
            background-color: #6a5acd;
        }
        
        .schedule-item {
            background: transparent;
            border-radius: 5px;
            padding: 15px;
            margin-bottom: 10px;
            border: 1px solid rgba(138, 43, 226, 0.2);
        }
        
        .schedule-time {
            font-size: 14px;
            font-weight: 600;
            color: #1e90ff;
            margin-bottom: 5px;
        }
        
        .schedule-activity {
            font-size: 14px;
            font-weight: 600;
            color: #000000;
            margin-bottom: 5px;
        }
        
        .schedule-description {
            font-size: 14px;
            color: #000000;
            line-height: 1.5;
        }
        
        /* 危险信号预警样式 */
        .danger-signals-section {
            margin-top: 40px;
        }
        
        .danger-container {
            background: transparent;
            border-radius: 5px;
            padding: 30px;
            border: 1px solid rgba(255, 0, 0, 0.3);
        }
        
        .danger-title {
            font-size: 18px;
            font-weight: 600;
            color: #ff4500;
            margin-bottom: 30px;
            display: flex;
            align-items: center;
        }
        
        .danger-title::before {
            content: '⚠️';
            margin-right: 10px;
        }
        
        .danger-item {
            background-color: rgba(255, 0, 0, 0.05);
            border-radius: 5px;
            padding: 15px;
            margin-bottom: 15px;
            border: 1px solid rgba(255, 0, 0, 0.2);
        }
        
        .danger-signal {
            font-size: 14px;
            font-weight: 600;
            color: #ff4500;
            margin-bottom: 8px;
        }
        
        .danger-meaning {
            font-size: 14px;
            color: #000000;
            margin-bottom: 8px;
        }
        
        .danger-solution {
            font-size: 14px;
            color: #000000;
            line-height: 1.5;
        }
        
        /* 成功标准样式 */
        .success-standards-section {
            margin-top: 40px;
        }
        
        .success-container {
            background: transparent;
            border-radius: 5px;
            padding: 30px;
            border: 1px solid rgba(0, 255, 0, 0.3);
        }
        
        .success-title {
            font-size: 18px;
            font-weight: 600;
            color: #00ff00;
            margin-bottom: 30px;
            display: flex;
            align-items: center;
        }
        
        .success-title::before {
            content: '✅';
            margin-right: 10px;
        }
        
        .success-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 20px;
        }
        
        .success-item {
            background-color: rgba(0, 255, 0, 0.05);
            border-radius: 5px;
            padding: 20px;
            border: 1px solid rgba(0, 255, 0, 0.2);
        }
        
        .success-period {
            font-size: 14px;
            font-weight: 600;
            color: #00ff00;
            margin-bottom: 10px;
        }
        
        .success-description {
            font-size: 14px;
            color: #000000;
            line-height: 1.5;
        }
        
        /* 阶段计划样式 */
        .stage-section {
            margin-top: 40px;
        }
        
        .stage-item {
            background: transparent;
            border-radius: 5px;
            padding: 30px;
            margin-bottom: 30px;
            border: 1px solid rgba(102, 126, 234, 0.3);
        }
        
        .stage-header {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
        }
        
        .stage-number {
            width: 30px;
            height: 30px;
            background-color: #1e90ff;
            border-radius: 5px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 600;
            margin-right: 15px;
        }
        
        .stage-title {
            font-size: 18px;
            font-weight: 600;
            color: #000000;
        }
        
        .stage-subtitle {
            font-size: 14px;
            color: #000000;
            margin-left: 45px;
            margin-bottom: 20px;
        }
        
        .daily-tasks {
            margin-bottom: 30px;
        }
        
        .tasks-header {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
        }
        
        .tasks-header::before {
            content: '📅';
            margin-right: 10px;
        }
        
        .tasks-header h4 {
            font-size: 16px;
            font-weight: 600;
            color: #1e90ff;
        }
        
        .task-item {
            background: transparent;
            border-radius: 5px;
            padding: 15px;
            margin-bottom: 10px;
            border: 1px solid rgba(138, 43, 226, 0.2);
        }
        
        .task-time {
            font-size: 12px;
            color: #1e90ff;
            margin-bottom: 5px;
        }
        
        .task-title {
            font-size: 14px;
            font-weight: 600;
            color: #000000;
            margin-bottom: 5px;
        }
        
        .task-description {
            font-size: 13px;
            color: #000000;
            line-height: 1.4;
            margin-bottom: 5px;
        }
        
        .task-duration {
            font-size: 12px;
            color: #000000;
        }
        
        .milestones {
            margin-bottom: 30px;
        }
        
        .milestones-header {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
        }
        
        .milestones-header::before {
            content: '🏆';
            margin-right: 10px;
        }
        
        .milestones-header h4 {
            font-size: 16px;
            font-weight: 600;
            color: #1e90ff;
        }
        
        .milestone-item {
            background: transparent;
            border-radius: 5px;
            padding: 15px;
            margin-bottom: 10px;
            border: 1px solid rgba(138, 43, 226, 0.2);
        }
        
        .milestone-week {
            font-size: 14px;
            font-weight: 600;
            color: #1e90ff;
            margin-bottom: 5px;
        }
        
        .milestone-title {
            font-size: 14px;
            font-weight: 600;
            color: #000000;
            margin-bottom: 5px;
        }
        
        .milestone-description {
            font-size: 13px;
            color: #000000;
            line-height: 1.4;
        }
        
        .content-plan {
            margin-bottom: 30px;
        }
        
        .content-plan-header {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
        }
        
        .content-plan-header::before {
            content: '📝';
            margin-right: 10px;
        }
        
        .content-plan-header h4 {
            font-size: 16px;
            font-weight: 600;
            color: #1e90ff;
        }
        
        .content-plan-content {
            background: transparent;
            border-radius: 5px;
            padding: 15px;
            border: 1px solid rgba(138, 43, 226, 0.2);
        }
        
        .kpi-section {
            margin-bottom: 30px;
        }
        
        .kpi-header {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
        }
        
        .kpi-header::before {
            content: '📊';
            margin-right: 10px;
        }
        
        .kpi-header h4 {
            font-size: 16px;
            font-weight: 600;
            color: #1e90ff;
        }
        
        .kpi-item {
            background: transparent;
            border-radius: 5px;
            padding: 15px;
            margin-bottom: 10px;
            border: 1px solid rgba(138, 43, 226, 0.2);
        }
        
        .kpi-title {
            font-size: 14px;
            font-weight: 600;
            color: #000000;
            margin-bottom: 5px;
        }
        
        .kpi-goal {
            font-size: 13px;
            color: #1e90ff;
            margin-bottom: 5px;
        }
        
        .kpi-description {
            font-size: 13px;
            color: #000000;
            line-height: 1.4;
        }

/* ===== Extracted from app/front/view/industry/d_task_history.html ===== */
* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            background: linear-gradient(180deg, #ffffff 0%, #f8fcff 30%, #edf4ff 60%, #dceaff 100%);
            color: #000000;
            font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
            line-height: 1.6;
            min-height: 100vh;
            overflow-x: hidden;
        }
        
        .container {
            max-width: 80%;
            margin: 0 auto;
            padding: 120px 20px 40px;
        }
        
        .header {
            margin-bottom: 40px;
        }
        
        .header-top {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
        }
        
        .step-indicator {
            background-color: #00bfff;
            color: #000000;
            padding: 5px 15px;
            border-radius: 5px;
            font-size: 14px;
            font-weight: 600;
            margin-right: 20px;
        }
        
        .header-title {
            font-size: 32px;
            font-weight: 700;
            color: #000000;
        }
        
        .header-subtitle {
            font-size: 16px;
            color: #000000;
            margin-top: 10px;
        }
        
        .form-section {
            background: transparent;
            border-radius: 5px;
            padding: 30px;
            margin-bottom: 40px;
            border: 1px solid rgba(102, 126, 234, 0.3);
        }
        
        .service-description {
            margin-bottom: 30px;
        }
        
        .service-description label {
            display: block;
            margin-bottom: 8px;
            font-size: 14px;
            color: #000000;
        }
        
        .service-description textarea {
            width: 100%;
            padding: 12px;
            background: transparent;
            border: 1px solid rgba(102, 126, 234, 0.3);
            border-radius: 5px;
            color: #000000;
            font-size: 14px;
            resize: vertical;
            min-height: 100px;
        }
        
        .service-description textarea:focus {
            outline: none;
            border-color: #1e90ff;
            box-shadow: 0 0 0 2px rgba(30, 144, 255, 0.2);
        }
        
        .input-group {
            display: flex;
            gap: 30px;
            margin-bottom: 30px;
        }
        
        .input-item {
            flex: 1;
        }
        
        .input-item label {
            display: block;
            margin-bottom: 8px;
            font-size: 14px;
            color: #000000;
        }
        
        .input-item input {
            width: 100%;
            padding: 12px;
            background: transparent;
            border: 1px solid rgba(102, 126, 234, 0.3);
            border-radius: 5px;
            color: #000000;
            font-size: 14px;
        }
        
        .input-item input:focus {
            outline: none;
            border-color: #1e90ff;
            box-shadow: 0 0 0 2px rgba(30, 144, 255, 0.2);
        }
        
        .generate-btn {
            width: 100%;
            padding: 15px;
            background-color: #1e90ff;
            color: white;
            border: none;
            border-radius: 5px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: background-color 0.3s;
            margin-top: 20px;
        }
        
        .generate-btn:hover {
            background-color: #4169e1;
        }
        
        .generate-btn:disabled {
            background-color: transparent;
            cursor: not-allowed;
        }
        
        /* 市场分析样式 */
        .market-analysis-container {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }
        
        .market-analysis-item {
            background: transparent;
            border-radius: 5px;
            padding: 15px;
            border: 1px solid rgba(46, 204, 113, 0.2);
        }
        
        .market-analysis-item h4 {
            font-size: 14px;
            font-weight: 600;
            color: #2ecc71;
            margin-bottom: 10px;
        }
        
        .market-analysis-item p {
            font-size: 14px;
            color: #000000;
            line-height: 1.5;
        }
        
        .market-analysis-wrapper {
            background: transparent;
            border-radius: 5px;
            padding: 20px;
            border: 1px solid rgba(46, 204, 113, 0.3);
        }
        
        .market-analysis-title {
            font-size: 18px;
            font-weight: 600;
            color: #2ecc71;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
        }
        
        .market-analysis-title span {
            margin-right: 10px;
        }

/* ===== Extracted from app/front/view/industry/e_task_history.html ===== */
* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
            background: linear-gradient(180deg, #ffffff 0%, #f8fcff 30%, #edf4ff 60%, #dceaff 100%);
            color: #000000;
            min-height: 100vh;
            overflow-x: hidden;
        }
        
        .container {
            max-width: 80%;
            margin: 0 auto;
            padding: 120px 20px 40px;
        }
        
        .header {
            margin-bottom: 40px;
        }
        
        .header-top {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
        }
        
        .step-indicator {
            background-color: #00bfff;
            color: #000000;
            padding: 5px 15px;
            border-radius: 5px;
            font-size: 14px;
            font-weight: 600;
            margin-right: 20px;
        }
        
        .header-title {
            font-size: 32px;
            font-weight: 700;
            color: #000000;
        }
        
        .header-subtitle {
            font-size: 16px;
            color: #000000;
            margin-top: 10px;
        }
        
        .title {
            font-size: 32px;
            font-weight: 600;
            margin-bottom: 15px;
            color: #000000;
            display: flex;
            align-items: center;
        }
        
        .title::before {
            content: "🔥";
            margin-right: 10px;
            font-size: 24px;
        }
        
        .subtitle {
            font-size: 16px;
            color: #000000;
            margin-bottom: 30px;
        }
        
        .form-section {
            background-color: rgba(255, 255, 255, 0.98);
            border-radius: 5px;
            padding: 30px;
            border: 1px solid rgba(138, 43, 226, 0.2);
        }
        
        .form-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 30px;
            margin-bottom: 30px;
        }
        
        .form-group {
            display: flex;
            flex-direction: column;
        }
        
        .form-group label {
            font-size: 14px;
            font-weight: 500;
            margin-bottom: 10px;
            color: #1e90ff;
            display: flex;
            align-items: center;
        }
        
        .form-group label::before {
            content: "•";
            margin-right: 8px;
            font-size: 16px;
        }
        
        .form-group input[type="text"] {
            background: transparent;
            border: 1px solid rgba(102, 126, 234, 0.3);
            border-radius: 5px;
            padding: 12px 15px;
            color: #000000;
            font-size: 14px;
        }
        
        .form-group input[type="text"]:focus {
            outline: none;
            border-color: #1e90ff;
            box-shadow: 0 0 0 2px rgba(30, 144, 255, 0.2);
        }
        
        .generate-btn {
            width: 100%;
            background-color: #1e90ff;
            color: white;
            border: none;
            border-radius: 5px;
            padding: 15px;
            font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            transition: background-color 0.3s;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .generate-btn:hover {
            background-color: #187bcd;
        }
        
        .generate-btn::before {
            content: "🔄";
            margin-right: 10px;
        }
        
        /* 标签页样式 */
        .tabs {
            display: flex;
            gap: 15px;
            margin-bottom: 20px;
            overflow-x: auto;
            padding-bottom: 10px;
        }
        
        .tab {
            background-color: rgba(255, 255, 255, 0.98);
            border: 1px solid rgba(138, 43, 226, 0.2);
            border-radius: 5px;
            padding: 12px 20px;
            cursor: pointer;
            transition: all 0.3s;
            min-width: 180px;
        }
        
        .tab:hover {
            border-color: #1e90ff;
            background-color: rgba(30, 144, 255, 0.05);
        }
        
        .tab.active {
            background-color: rgba(30, 144, 255, 0.1);
            border-color: #1e90ff;
        }
        
        .tab-icon {
            font-size: 16px;
            margin-right: 8px;
        }
        
        .tab-title {
            font-weight: 600;
            color: #000000;
            margin-right: 8px;
        }
        
        .tab-desc {
            font-size: 12px;
            color: #000000;
            margin-right: 8px;
        }
        
        .tab-count {
            font-size: 12px;
            color: #1e90ff;
        }
        
        /* 搜索和统计样式 */
        .search-section {
            display: flex;
            align-items: center;
            gap: 20px;
            margin-bottom: 20px;
            flex-wrap: wrap;
        }
        
        .search-box {
            flex: 1;
            min-width: 300px;
        }
        
        .search-box input {
            width: 100%;
            background: transparent;
            border: 1px solid rgba(102, 126, 234, 0.3);
            border-radius: 5px;
            padding: 10px 15px;
            color: #000000;
            font-size: 14px;
        }
        
        .search-box input:focus {
            outline: none;
            border-color: #1e90ff;
            box-shadow: 0 0 0 2px rgba(30, 144, 255, 0.2);
        }
        
        .stats {
            display: flex;
            align-items: center;
            gap: 20px;
        }
        
        .total-count {
            font-size: 14px;
            color: #000000;
        }
        
        /* 选题列表样式 */
        .topics-list {
            background-color: rgba(255, 255, 255, 0.98);
            border-radius: 5px;
            padding: 20px;
            border: 1px solid rgba(138, 43, 226, 0.2);
        }
        
        .topic-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 15px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        }
        
        .topic-item:last-child {
            border-bottom: none;
        }
        
        .topic-info {
            flex: 1;
        }
        
        .topic-number {
            font-size: 14px;
            font-weight: 600;
            color: #1e90ff;
            margin-right: 15px;
        }
        
        .topic-title {
            font-size: 14px;
            color: #000000;
            margin-bottom: 5px;
        }
        
        .topic-meta {
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .topic-difficulty {
            font-size: 12px;
            padding: 2px 8px;
            border-radius: 5px;
            background-color: rgba(30, 144, 255, 0.1);
            color: #1e90ff;
        }
        
        .topic-score {
            font-size: 12px;
            color: #000000;
        }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            .form-row {
                grid-template-columns: 1fr;
            }
            
            .title {
                font-size: 24px;
            }
            
            .tabs {
                flex-direction: column;
            }
            
            .tab {
                min-width: auto;
            }
            
            .search-section {
                flex-direction: column;
                align-items: stretch;
            }
            
            .search-box {
                min-width: auto;
            }
            
            .stats {
                justify-content: space-between;
            }
        }

/* ===== Extracted from app/front/view/industry/f_task_history.html ===== */
* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
            background: linear-gradient(180deg, #ffffff 0%, #f8fcff 30%, #edf4ff 60%, #dceaff 100%);
            color: #000000;
            min-height: 100vh;
            overflow-x: hidden;
        }
        
        .container {
            max-width: 80%;
            margin: 0 auto;
            padding: 120px 20px 40px;
        }
        
        .header {
            margin-bottom: 40px;
        }
        
        .step-indicator {
            display: inline-block;
            background-color:  #1e90ff;
            color: #000000;
            padding: 5px 15px;
            border-radius: 5px;
            font-size: 14px;
            font-weight: 500;
            margin-bottom: 20px;
        }
        
        .step-indicator span {
            color: #000000;
            margin-left: 10px;
        }
        
        .title {
            font-size: 32px;
            font-weight: 600;
            margin-bottom: 15px;
            color: #000000;
            display: flex;
            align-items: center;
        }
        
        .title::before {
            content: "📷";
            margin-right: 10px;
            font-size: 24px;
            color: #1e90ff;
        }
        
        .subtitle {
            font-size: 16px;
            color: #000000;
            margin-bottom: 30px;
        }
        
        .form-section {
            background-color: rgba(255, 255, 255, 0.98);
            border-radius: 5px;
            padding: 30px;
            border: 1px solid rgba(138, 43, 226, 0.2);
            margin-bottom: 30px;
        }
        
        .form-group {
            display: flex;
            flex-direction: column;
            margin-bottom: 20px;
        }
        
        .form-group label {
            font-size: 14px;
            font-weight: 500;
            margin-bottom: 10px;
            color: #000000;
        }
        
        .form-group label span {
            color: #ff4757;
        }
        
        .form-group textarea {
            background: transparent;
            border: 1px solid rgba(30, 144, 255, 0.05);
            border-radius: 5px;
            padding: 15px;
            color: #000000;
            font-size: 14px;
            min-height: 100px;
            resize: vertical;
        }
        
        .form-group textarea:focus {
            outline: none;
            border-color: #1e90ff;
            box-shadow: 0 0 0 2px rgba(30, 144, 255, 0.2);
        }
        
        .char-count {
            font-size: 12px;
            color: #000000;
            margin-top: 5px;
        }
        
        .generate-btn {
            width: 100%;
            background-color: #1e90ff;
            color: #000000;
            border: none;
            border-radius: 5px;
            padding: 15px;
            font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            transition: background-color 0.3s;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .generate-btn:hover {
            background-color: #1e90ff;
        }
        
        .generate-btn::before {
            content: "📷";
            margin-right: 10px;
        }
        
        /* 拍摄计划结果样式 */
        .result-section {
            display: none;
            margin-top: 30px;
        }
        
        .result-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 20px;
        }
        
        .result-title {
            font-size: 24px;
            font-weight: 600;
            color: #1e90ff;
            display: flex;
            align-items: center;
        }
        
        .result-title::before {
            content: "📷";
            margin-right: 10px;
            font-size: 20px;
        }
        
        .result-actions {
            display: flex;
            gap: 10px;
        }
        
        .action-btn {
            background-color: rgba(30, 144, 255, 0.1);
            border: 1px solid rgba(102, 126, 234, 0.3);
            border-radius: 5px;
            padding: 8px 16px;
            color: #1e90ff;
            font-size: 14px;
            cursor: pointer;
            transition: all 0.3s;
        }
        
        .action-btn:hover {
            background-color: rgba(30, 144, 255, 0.2);
        }
        
        /* 分镜脚本样式 */
        .script-section {
            background-color: rgba(255, 255, 255, 0.98);
            border-radius: 5px;
            padding: 20px;
            border: 1px solid rgba(138, 43, 226, 0.2);
            margin-bottom: 30px;
        }
        
        .script-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 20px;
        }
        
        .script-title {
            font-size: 18px;
            font-weight: 600;
            color: #1e90ff;
        }
        
        .script-count {
            font-size: 14px;
            color: #1e90ff;
        }
        
        .script-list {
            display: flex;
            flex-direction: column;
            gap: 15px;
        }
        
        .script-item {
            background-color: rgba(255, 255, 255, 0.3);
            border-radius: 5px;
            padding: 15px;
            border: 1px solid rgba(30, 144, 255, 0.1);
        }
        
        .script-number {
            width: 30px;
            height: 30px;
            background-color: #1e90ff;
            color: #000000;
            border-radius: 5px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            font-weight: 600;
            margin-bottom: 10px;
        }
        
        .script-time {
            font-size: 14px;
            font-weight: 600;
            color: #1e90ff;
            margin-bottom: 5px;
        }
        
        .script-shot {
            font-size: 14px;
            font-weight: 500;
            color: #000000;
            margin-bottom: 10px;
            padding: 2px 8px;
            background-color: rgba(30, 144, 255, 0.1);
            border-radius: 5px;
            display: inline-block;
        }
        
        .script-description {
            font-size: 14px;
            color: #000000;
            margin-bottom: 10px;
        }
        
        .script-description-label {
            font-weight: 600;
            color: #000000;
            margin-bottom: 5px;
            display: block;
        }
        
        .script-audio {
            font-size: 14px;
            color: #000000;
        }
        
        .script-audio-label {
            font-weight: 600;
            color: #000000;
            margin-bottom: 5px;
            display: block;
        }
        
        /* 拍摄方案样式 */
        .plan-section {
            background-color: rgba(255, 255, 255, 0.98);
            border-radius: 5px;
            padding: 20px;
            border: 1px solid rgba(30, 144, 255, 0.1);
            margin-bottom: 30px;
        }
        
        .plan-header {
            margin-bottom: 20px;
        }
        
        .plan-title {
            font-size: 18px;
            font-weight: 600;
            color: #000000;
        }
        
        .plan-list {
            display: flex;
            flex-direction: column;
            gap: 15px;
        }
        
        .plan-item {
            background-color: rgba(255, 255, 255, 0.3);
            border-radius: 5px;
            padding: 15px;
            border: 1px solid rgba(30, 144, 255, 0.1);
        }
        
        .plan-item-title {
            font-size: 16px;
            font-weight: 600;
            color: #1e90ff;
            margin-bottom: 10px;
        }
        
        .plan-item-content {
            font-size: 14px;
            color: #000000;
            line-height: 1.8;
        }
        
        /* 口播提词器样式 */
        .teleprompter-section {
            background-color: rgba(255, 255, 255, 0.98);
            border-radius: 5px;
            padding: 20px;
            border: 1px solid rgba(30, 144, 255, 0.02);
            margin-bottom: 30px;
        }
        
        .teleprompter-header {
            margin-bottom: 20px;
        }
        
        .teleprompter-title {
            font-size: 18px;
            font-weight: 600;
            color: #000000;
        }
        
        .teleprompter-content {
            background-color: rgba(255, 255, 255, 0.3);
            border-radius: 5px;
            padding: 20px;
            border: 1px solid rgba(30, 144, 255, 0.1);
        }
        
        .teleprompter-text {
            font-size: 16px;
            color: #000000;
            line-height: 1.8;
        }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            .title {
                font-size: 24px;
            }
            
            .result-header {
                flex-direction: column;
                align-items: flex-start;
                gap: 15px;
            }
        }

/* ===== Extracted from app/front/view/industry/g_task_history.html ===== */
* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
            background: linear-gradient(180deg, #ffffff 0%, #f8fcff 30%, #edf4ff 60%, #dceaff 100%);
            color: #000000;
            min-height: 100vh;
            overflow-x: hidden;
        }
        
        .container {
            max-width: 80%;
            margin: 0 auto;
            padding: 120px 20px 40px;
        }
        
        .header {
            margin-bottom: 40px;
        }
        
        .step-indicator {
            display: inline-block;
            background-color: #1e90ff;
            color: #000000;
            padding: 5px 15px;
            border-radius: 5px;
            font-size: 14px;
            font-weight: 500;
            margin-bottom: 20px;
        }
        
        .step-indicator span {
            color: #000000;
            margin-left: 10px;
        }
        
        .title {
            font-size: 32px;
            font-weight: 600;
            margin-bottom: 15px;
            color: #000000;
            display: flex;
            align-items: center;
        }
        
        .title::before {
            content: "✨";
            margin-right: 10px;
            font-size: 24px;
            color: #00bfff;
        }
        
        .subtitle {
            font-size: 16px;
            color: #000000;
            margin-bottom: 30px;
        }
        
        .content-section {
            display: grid;
            grid-template-columns: 400px 1fr;
            gap: 30px;
            margin-bottom: 30px;
        }
        
        /* 脚本类型选择 */
        .script-type-section {
            background-color: rgba(255, 255, 255, 0.98);
            border-radius: 5px;
            padding: 20px;
            border: 1px solid rgba(0, 191, 255, 0.2);
        }
        
        .script-type-header {
            font-size: 16px;
            font-weight: 600;
            color: #000000;
            margin-bottom: 15px;
        }
        
        .search-box {
            margin-bottom: 20px;
        }
        
        .search-box input {
            width: 100%;
            background: transparent;
            border: 1px solid rgba(0, 191, 255, 0.3);
            border-radius: 5px;
            padding: 10px 15px;
            color: #000000;
            font-size: 14px;
        }
        
        .search-box input:focus {
            outline: none;
            border-color: #00bfff;
            box-shadow: 0 0 0 2px rgba(0, 191, 255, 0.2);
        }
        
        .script-type-list {
            max-height: 400px;
            overflow-y: auto;
        }
        
        .script-type-item {
            padding: 12px 15px;
            border-radius: 5px;
            margin-bottom: 8px;
            cursor: pointer;
            transition: all 0.3s;
        }
        
        .script-type-item:hover {
            background-color: rgba(0, 191, 255, 0.1);
        }
        
        .script-type-item.active {
            background-color: rgba(0, 191, 255, 0.15);
            border: 1px solid rgba(0, 191, 255, 0.3);
        }
        
        .script-type-title {
            font-size: 14px;
            font-weight: 500;
            color: #000000;
            margin-bottom: 5px;
        }
        
        .script-type-desc {
            font-size: 12px;
            color: #000000;
        }
        
        /* 爆款元素选择 */
        .elements-section {
            background-color: rgba(255, 255, 255, 0.98);
            border-radius: 5px;
            padding: 20px;
            border: 1px solid rgba(0, 191, 255, 0.2);
        }
        
        .elements-header {
            font-size: 16px;
            font-weight: 600;
            color: #000000;
            margin-bottom: 15px;
        }
        
        .elements-header span {
            font-size: 14px;
            font-weight: 400;
            color: #00bfff;
        }
        
        .elements-category {
            margin-bottom: 20px;
        }
        
        .category-title {
            font-size: 14px;
            font-weight: 500;
            color: #000000;
            margin-bottom: 10px;
        }
        
        .elements-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }
        
        .element-item {
            background-color: rgba(255, 255, 255, 0.3);
            border: 1px solid rgba(0, 191, 255, 0.1);
            border-radius: 5px;
            padding: 8px 12px;
            font-size: 14px;
            color: #000000;
            cursor: pointer;
            transition: all 0.3s;
            display: flex;
            align-items: center;
            gap: 5px;
        }
        
        .element-item.active {
            background-color: rgba(0, 191, 255, 0.1);
            border-color: #00bfff;
            color: #00bfff;
        }
        
        /* 文案主题 */
        .topic-section {
            background-color: rgba(255, 255, 255, 0.98);
            border-radius: 5px;
            padding: 20px;
            border: 1px solid rgba(0, 191, 255, 0.2);
            margin-bottom: 30px;
        }
        
        .topic-header {
            font-size: 16px;
            font-weight: 600;
            color: #000000;
            margin-bottom: 15px;
        }
        
        .topic-input {
            margin-bottom: 15px;
        }
        
        .topic-input textarea {
            width: 100%;
            background: transparent;
            border: 1px solid rgba(0, 191, 255, 0.3);
            border-radius: 5px;
            padding: 15px;
            color: #000000;
            font-size: 14px;
            min-height: 100px;
            resize: vertical;
        }
        
        .topic-input textarea:focus {
            outline: none;
            border-color: #00bfff;
            box-shadow: 0 0 0 2px rgba(0, 191, 255, 0.2);
        }
        
        .current-script {
            font-size: 14px;
            color: #000000;
            margin-bottom: 20px;
        }
        
        .current-script span {
            color: #00bfff;
        }
        
        .generate-btn {
            width: 100%;
            background-color: #00bfff;
            color: #000000;
            border: none;
            border-radius: 5px;
            padding: 15px;
            font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            transition: background-color 0.3s;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .generate-btn:hover {
            background-color: #0099cc;
        }
        
        .generate-btn::before {
            content: "✨";
            margin-right: 10px;
        }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            .content-section {
                grid-template-columns: 1fr;
            }
            
            .title {
                font-size: 24px;
            }
        }

/* ===== Extracted from app/front/view/industry/h_task_history.html ===== */
* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
            background: linear-gradient(180deg, #ffffff 0%, #f8fcff 30%, #edf4ff 60%, #dceaff 100%);
            color: #000000;
            min-height: 100vh;
            overflow-x: hidden;
        }
        
        .container {
            max-width: 80%;
            margin: 0 auto;
            padding: 120px 20px 40px;
        }
        
        .header {
            margin-bottom: 40px;
        }

        /*11*/
        .step-indicator {
            display: inline-block;
            background-color: #1e90ff;
            color: #000000;
            padding: 5px 15px;
            border-radius: 5px;
            font-size: 14px;
            font-weight: 500;
            margin-bottom: 20px;
        }
        
        .step-indicator span {
            color: #000000;
            margin-left: 10px;
        }
        
        .title {
            font-size: 32px;
            font-weight: 600;
            margin-bottom: 15px;
            color: #000000;
            display: flex;
            align-items: center;
        }
        
        .title::before {
            content: "🔊";
            margin-right: 10px;
            font-size: 24px;
            color: #00bfff;
        }
        
        .subtitle {
            font-size: 16px;
            color: #000000;
            margin-bottom: 30px;
        }
        
        .subtitle span {
            color: #00bfff;
            font-weight: 500;
        }
        
        .form-section {
            background-color: rgba(255, 255, 255, 0.98);
            border-radius: 5px;
            padding: 30px;
            border: 1px solid rgba(0, 191, 255, 0.2);
            margin-bottom: 30px;
        }
        
        .form-header {
            font-size: 18px;
            font-weight: 600;
            color: #00bfff;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
        }
        
        .form-header::before {
            content: "🎤";
            margin-right: 10px;
            font-size: 16px;
        }
        
        .form-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            margin-bottom: 20px;
        }
        
        .form-group {
            display: flex;
            flex-direction: column;
        }
        
        .form-group label {
            font-size: 14px;
            font-weight: 500;
            margin-bottom: 10px;
            color: #000000;
        }
        
        .form-group input {
            background: transparent;
            border: 1px solid rgba(0, 191, 255, 0.3);
            border-radius: 5px;
            padding: 12px 15px;
            color: #000000;
            font-size: 14px;
        }
        
        .form-group input:focus {
            outline: none;
            border-color: #00bfff;
            box-shadow: 0 0 0 2px rgba(0, 191, 255, 0.2);
        }
        
        .platform-section {
            margin-bottom: 20px;
        }
        
        .platform-options {
            display: flex;
            gap: 10px;
            flex-wrap: wrap;
        }
        
        .platform-option {
            background: transparent;
            border: 1px solid rgba(0, 191, 255, 0.3);
            border-radius: 5px;
            padding: 8px 16px;
            color: #000000;
            font-size: 14px;
            cursor: pointer;
            transition: all 0.3s;
        }
        
        .platform-option.active {
            background-color: rgba(0, 191, 255, 0.1);
            border-color: #00bfff;
            color: #00bfff;
        }
        
        .experience-section {
            margin-bottom: 30px;
        }
        
        .experience-options {
            display: flex;
            gap: 10px;
            flex-wrap: wrap;
        }
        
        .experience-option {
            background: transparent;
            border: 1px solid rgba(0, 191, 255, 0.3);
            border-radius: 5px;
            padding: 8px 16px;
            color: #000000;
            font-size: 14px;
            cursor: pointer;
            transition: all 0.3s;
        }
        
        .experience-option.active {
            background-color: rgba(0, 191, 255, 0.1);
            border-color: #00bfff;
            color: #00bfff;
        }
        
        .generate-btn {
            width: 100%;
            background-color: #00bfff;
            color: #000000;
            border: none;
            border-radius: 5px;
            padding: 15px;
            font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            transition: background-color 0.3s;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .generate-btn:hover {
            background-color: #0099cc;
        }
        
        .generate-btn::before {
            content: "✨";
            margin-right: 10px;
        }
        
        /* 直播方案样式 */
        .plan-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 30px;
        }
        
        .plan-header h2 {
            font-size: 20px;
            font-weight: 600;
            color: #00bfff;
            margin: 0;
            display: flex;
            align-items: center;
        }
        
        .plan-header h2::before {
            content: "🎤";
            margin-right: 10px;
            font-size: 20px;
        }
        
        .plan-actions {
            display: flex;
            gap: 10px;
        }
        
        .plan-actions button {
            padding: 8px 16px;
            background-color: transparent;
            color: #000000;
            border: 1px solid transparent;
            border-radius: 5px;
            font-size: 14px;
            cursor: pointer;
            transition: background-color 0.3s;
        }
        
        .plan-actions button:hover {
            background-color: transparent;
        }
        
        .plan-tabs {
            display: flex;
            gap: 10px;
            margin-bottom: 30px;
        }
        
        .plan-tab {
            padding: 10px 20px;
            background-color: transparent;
            color: #000000;
            border: 1px solid transparent;
            border-radius: 5px;
            font-size: 14px;
            font-weight: 500;
            cursor: pointer;
            transition: background-color 0.3s;
        }
        
        .plan-tab.active {
            background-color: #00bfff;
            color: #000000;
            border: none;
        }
        
        .plan-content {
            background-color: rgba(255, 255, 255, 0.3);
            border-radius: 5px;
            padding: 20px;
            border: 1px solid rgba(0, 191, 255, 0.1);
        }
        
        .plan-info {
            margin-bottom: 30px;
        }
        
        .plan-info h3 {
            font-size: 16px;
            font-weight: 600;
            color: #00bfff;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
        }
        
        .plan-info h3::before {
            content: "📝";
            margin-right: 10px;
            font-size: 14px;
        }
        
        .info-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
            margin-bottom: 30px;
        }
        
        .info-item {
            background-color: rgba(0, 191, 255, 0.05);
            border-radius: 5px;
            padding: 15px;
            border: 1px solid rgba(0, 191, 255, 0.1);
        }
        
        .info-item label {
            font-size: 12px;
            color: #000000;
            margin-bottom: 5px;
            display: block;
        }
        
        .info-item value {
            font-size: 14px;
            color: #000000;
            font-weight: 500;
        }
        
        .live-flow {
            margin-bottom: 30px;
        }
        
        .live-flow h3 {
            font-size: 16px;
            font-weight: 600;
            color: #00bfff;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
        }
        
        .live-flow h3::before {
            content: "📊";
            margin-right: 10px;
            font-size: 14px;
        }
        
        .flow-timeline {
            margin-bottom: 20px;
        }
        
        .flow-steps {
            display: flex;
            gap: 10px;
            margin-bottom: 20px;
            flex-wrap: wrap;
        }
        
        .flow-step {
            padding: 8px 16px;
            background-color: rgba(0, 191, 255, 0.1);
            border-radius: 5px;
            font-size: 14px;
            color: #00bfff;
            border: 1px solid rgba(0, 191, 255, 0.3);
        }
        
        .flow-details {
            margin-top: 20px;
        }
        
        .flow-phase {
            background-color: rgba(255, 255, 255, 0.3);
            border-radius: 5px;
            padding: 15px;
            border: 1px solid rgba(0, 191, 255, 0.34);
            margin-bottom: 10px;
        }
        
        .flow-phase h4 {
            font-size: 14px;
            font-weight: 600;
            color: #00bfff;
            margin-bottom: 10px;
        }
        
        
        .phase-detail label {
            font-size: 12px;
            color: #000000;
            margin-right: 10px;
        }
        
        .phase-detail value {
            font-size: 12px;
            color: #000000;
        }
        
        /* 引流策略样式 */
        .drainage-strategy {
            margin-bottom: 30px;
        }
        
        .drainage-strategy h3 {
            font-size: 16px;
            font-weight: 600;
            color: #00bfff;
            margin-top: 15px;
            display: flex;
            align-items: center;
        }
        
        .drainage-strategy h3::before {
            content: "📣";
            margin-right: 10px;
            font-size: 14px;
        }
        
        .strategy-cards {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
        }
        
        .strategy-card {
            background-color: rgba(255, 255, 255, 0.3);
            border-radius: 5px;
            padding: 20px;
            border: 1px solid rgba(0, 191, 255, 0.1);
        }
        
        .strategy-card h4 {
            font-size: 14px;
            font-weight: 600;
            color: #00bfff;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
        }
        
        .strategy-card h4::before {
            content: "";
            width: 12px;
            height: 12px;
            border-radius: 5px;
            margin-right: 10px;
        }
        
        .strategy-card.live-before h4::before {
            background-color: #3498db;
        }
        
        .strategy-card.live-during h4::before {
            background-color: #e74c3c;
        }
        
        .strategy-card.live-after h4::before {
            background-color: #27ae60;
        }
        
        .strategy-list {
            list-style: none;
        }
        
        .strategy-list p {
            margin-bottom: 10px;
            font-size: 13px;
            color: #000000;
            position: relative;
            padding-left: 20px;
        }
        
        .strategy-list li::before {
            content: "1.";
            position: absolute;
            left: 0;
            color: #00bfff;
            font-weight: 500;
        }
        
        /* 产品与成交设计样式 */
        .product-design {
            margin-bottom: 30px;
        }
        
        .product-design h3 {
            font-size: 16px;
            font-weight: 600;
            color: #ffd700;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
        }
        
        .product-design h3::before {
            content: "💰";
            margin-right: 10px;
            font-size: 14px;
        }
        
        .product-design-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
        }
        
        .conversion-core {
            background-color: #ffd700;
            color: #000;
            padding: 4px 12px;
            border-radius: 5px;
            font-size: 12px;
            font-weight: 600;
        }
        
        .product-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }
        
        .product-item {
            background-color: rgba(255, 255, 255, 0.3);
            border-radius: 5px;
            padding: 20px;
            border: 1px solid rgba(255, 215, 0, 0.1);
        }
        
        .product-item h4 {
            font-size: 14px;
            font-weight: 600;
            color: #ffd700;
            margin-bottom: 15px;
        }
        
        .product-item p {
            font-size: 13px;
            color: #000000;
            line-height: 1.5;
            margin: 0;
        }
        
        .product-item.limited {
            border-color: rgba(255, 0, 0, 0.3);
            background-color: rgba(255, 0, 0, 0.05);
        }
        
        .product-item.limited h4 {
            color: #ff4757;
        }
        
        /* 互动话术模版样式 */
        .interaction-tips {
            margin-bottom: 30px;
        }
        
        .interaction-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
        }
        
        .interaction-header h3 {
            font-size: 16px;
            font-weight: 600;
            color: #9b59b6;
            display: flex;
            align-items: center;
            margin: 0;
        }
        
        .interaction-header h3::before {
            content: "💬";
            margin-right: 10px;
            font-size: 14px;
        }
        
        .scene-count {
            background-color: #9b59b6;
            color: #000000;
            padding: 4px 12px;
            border-radius: 5px;
            font-size: 12px;
            font-weight: 600;
        }
        
        .interaction-template {
            background-color: rgba(255, 255, 255, 0.3);
            border-radius: 5px;
            padding: 20px;
            border: 1px solid rgba(155, 89, 182, 0.1);
        }
        
        .interaction-template h4 {
            font-size: 14px;
            font-weight: 600;
            color: #9b59b6;
            margin-bottom: 15px;
        }
        
        .interaction-list {
            margin: 0;
            padding: 0;
        }
        
        .interaction-item {
            margin-bottom: 15px;
            padding: 15px;
            background-color: rgba(155, 89, 182, 0.05);
            border-radius: 5px;
            border: 1px solid rgba(155, 89, 182, 0.1);
        }
        
        .scene-name {
            font-size: 13px;
            font-weight: 600;
            color: #9b59b6;
            margin-bottom: 8px;
        }
        
        .scene-content {
            font-size: 13px;
            color: #000000;
            line-height: 1.4;
        }
        
        /* 异议处理话术样式 */
        .objection-handling {
            margin-bottom: 30px;
        }
        
        .objection-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
        }
        
        .objection-header h3 {
            font-size: 16px;
            font-weight: 600;
            color: #e74c3c;
            display: flex;
            align-items: center;
            margin: 0;
        }
        
        .objection-header h3::before {
            content: "⚡";
            margin-right: 10px;
            font-size: 14px;
        }
        
        .objection-count {
            background-color: #e74c3c;
            color: #000000;
            padding: 4px 12px;
            border-radius: 5px;
            font-size: 12px;
            font-weight: 600;
        }
        
        .objection-list {
            margin: 0;
            padding: 0;
        }
        
        .objection-item {
            margin-bottom: 20px;
            padding: 20px;
            background-color: rgba(231, 76, 60, 0.05);
            border-radius: 5px;
            border: 1px solid rgba(231, 76, 60, 0.1);
        }
        
        .objection-question {
            font-size: 13px;
            font-weight: 600;
            color: #e74c3c;
            margin-bottom: 10px;
            display: flex;
            align-items: center;
        }
        
        .objection-icon {
            margin-right: 8px;
        }
        
        .objection-answer {
            font-size: 13px;
            color: #000000;
            line-height: 1.4;
            margin-top: 10px;
        }
        
        .answer-label {
            font-weight: 600;
            margin-right: 8px;
            color: #e74c3c;
        }
        
        /* 数据优化建议样式 */
        .data-optimization {
            margin-bottom: 30px;
        }
        
        .optimization-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
        }
        
        .optimization-header h3 {
            font-size: 16px;
            font-weight: 600;
            color: #27ae60;
            display: flex;
            align-items: center;
            margin: 0;
        }
        
        .optimization-header h3::before {
            content: "📊";
            margin-right: 10px;
            font-size: 14px;
        }
        
        .key-metrics {
            background-color: #27ae60;
            color: #000000;
            padding: 4px 12px;
            border-radius: 5px;
            font-size: 12px;
            font-weight: 600;
        }
        
        .optimization-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }
        
        .optimization-item {
            background-color: rgba(255, 255, 255, 0.3);
            border-radius: 5px;
            padding: 20px;
            border: 1px solid rgba(39, 174, 96, 0.1);
        }
        
        .optimization-title {
            font-size: 13px;
            font-weight: 600;
            color: #27ae60;
            margin-bottom: 10px;
        }
        
        .optimization-content {
            font-size: 13px;
            color: #000000;
            line-height: 1.4;
        }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            .form-row {
                grid-template-columns: 1fr;
            }
            
            .info-grid {
                grid-template-columns: 1fr;
            }
            
            .strategy-cards {
                grid-template-columns: 1fr;
            }
            
            .product-grid {
                grid-template-columns: 1fr;
            }
            
            .optimization-grid {
                grid-template-columns: 1fr;
            }
            
            .title {
                font-size: 24px;
            }
        }

/* ===== Extracted from app/front/view/industry/i_task_history.html ===== */
* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
            background: linear-gradient(180deg, #ffffff 0%, #f8fcff 30%, #edf4ff 60%, #dceaff 100%);
            color: #000000;
            min-height: 100vh;
            overflow-x: hidden;
        }
        
        .container {
            max-width: 80%;
            margin: 0 auto;
            padding: 120px 20px 40px;
        }
        
        .header {
            margin-bottom: 40px;
        }
        
        .step-indicator {
            display: inline-block;
            background-color:  #1e90ff;
            color: #000000;
            padding: 5px 15px;
            border-radius: 5px;
            font-size: 14px;
            font-weight: 500;
            margin-bottom: 20px;
        }
        
        .step-indicator span {
            color: #000000;
            margin-left: 10px;
        }
        
        .title {
            font-size: 32px;
            font-weight: 600;
            margin-bottom: 15px;
            color: #000000;
            display: flex;
            align-items: center;
        }
        
        .title::before {
            content: "📷";
            margin-right: 10px;
            font-size: 24px;
            color: #1e90ff;
        }
        
        .subtitle {
            font-size: 16px;
            color: #000000;
            margin-bottom: 30px;
        }
        
        .form-section {
            background-color: rgba(255, 255, 255, 0.98);
            border-radius: 5px;
            padding: 30px;
            border: 1px solid rgba(138, 43, 226, 0.2);
            margin-bottom: 30px;
        }
        
        .form-group {
            display: flex;
            flex-direction: column;
            margin-bottom: 20px;
        }
        
        .form-group label {
            font-size: 14px;
            font-weight: 500;
            margin-bottom: 10px;
            color: #000000;
        }
        
        .form-group label span {
            color: #ff4757;
        }
        
        .form-group textarea {
            background: transparent;
            border: 1px solid rgba(30, 144, 255, 0.05);
            border-radius: 5px;
            padding: 15px;
            color: #000000;
            font-size: 14px;
            min-height: 100px;
            resize: vertical;
        }
        
        .form-group textarea:focus {
            outline: none;
            border-color: #1e90ff;
            box-shadow: 0 0 0 2px rgba(30, 144, 255, 0.2);
        }
        
        .form-group input {
            background: transparent;
            border: 1px solid rgba(30, 144, 255, 0.05);
            border-radius: 5px;
            padding: 15px;
            color: #000000;
            font-size: 14px;
        }
        
        .form-group input:focus {
            outline: none;
            border-color: #1e90ff;
            box-shadow: 0 0 0 2px rgba(30, 144, 255, 0.2);
        }
        
        .char-count {
            font-size: 12px;
            color: #000000;
            margin-top: 5px;
        }
        
        .generate-btn {
            width: 100%;
            background-color: #1e90ff;
            color: #000000;
            border: none;
            border-radius: 5px;
            padding: 15px;
            font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            transition: background-color 0.3s;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .generate-btn:hover {
            background-color: #1e90ff;
        }
        
        .generate-btn::before {
            content: "📷";
            margin-right: 10px;
        }
        
        /* 拍摄计划结果样式 */
        .result-section {
            display: none;
            margin-top: 30px;
        }
        
        .result-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 20px;
        }
        
        .result-title {
            font-size: 24px;
            font-weight: 600;
            color: #1e90ff;
            display: flex;
            align-items: center;
        }
        
        .result-title::before {
            content: "📷";
            margin-right: 10px;
            font-size: 20px;
        }
        
        .result-actions {
            display: flex;
            gap: 10px;
        }
        
        .action-btn {
            background-color: rgba(30, 144, 255, 0.1);
            border: 1px solid rgba(102, 126, 234, 0.3);
            border-radius: 5px;
            padding: 8px 16px;
            color: #1e90ff;
            font-size: 14px;
            cursor: pointer;
            transition: all 0.3s;
        }
        
        .action-btn:hover {
            background-color: rgba(30, 144, 255, 0.2);
        }
        
        /* 分镜脚本样式 */
        .script-section {
            background-color: rgba(255, 255, 255, 0.98);
            border-radius: 5px;
            padding: 20px;
            border: 1px solid rgba(138, 43, 226, 0.2);
            margin-bottom: 30px;
        }
        
        .script-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 20px;
        }
        
        .script-title {
            font-size: 18px;
            font-weight: 600;
            color: #1e90ff;
        }
        
        .script-count {
            font-size: 14px;
            color: #1e90ff;
        }
        
        .script-list {
            display: flex;
            flex-direction: column;
            gap: 15px;
        }
        
        .script-item {
            background-color: rgba(255, 255, 255, 0.3);
            border-radius: 5px;
            padding: 15px;
            border: 1px solid rgba(30, 144, 255, 0.1);
        }
        
        .script-number {
            width: 30px;
            height: 30px;
            background-color: #1e90ff;
            color: #000000;
            border-radius: 5px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            font-weight: 600;
            margin-bottom: 10px;
        }
        
        .script-time {
            font-size: 14px;
            font-weight: 600;
            color: #1e90ff;
            margin-bottom: 5px;
        }
        
        .script-shot {
            font-size: 14px;
            font-weight: 500;
            color: #000000;
            margin-bottom: 10px;
            padding: 2px 8px;
            background-color: rgba(30, 144, 255, 0.1);
            border-radius: 5px;
            display: inline-block;
        }
        
        .script-target,
        .script画面,
        .script-description {
            font-size: 14px;
            color: #000000;
            margin-bottom: 10px;
        }
        
        .script-label {
            font-weight: 600;
            color: #000000;
            margin-right: 8px;
        }
        
        .script-value {
            color: #000000;
        }
        
        .script-description-label {
            font-weight: 600;
            color: #000000;
            margin-bottom: 5px;
            display: block;
        }
        
        .script-audio {
            font-size: 14px;
            color: #000000;
        }
        
        .script-audio-label {
            font-weight: 600;
            color: #000000;
            margin-bottom: 5px;
            display: block;
        }
        
        /* 拍摄方案样式 */
        .plan-section {
            background-color: rgba(255, 255, 255, 0.98);
            border-radius: 5px;
            padding: 20px;
            border: 1px solid rgba(30, 144, 255, 0.1);
            margin-bottom: 30px;
        }
        
        .plan-header {
            margin-bottom: 20px;
        }
        
        .plan-title {
            font-size: 18px;
            font-weight: 600;
            color: #000000;
        }
        
        .plan-list {
            display: flex;
            flex-direction: column;
            gap: 15px;
        }
        
        .plan-item {
            background-color: rgba(255, 255, 255, 0.3);
            border-radius: 5px;
            padding: 15px;
            border: 1px solid rgba(30, 144, 255, 0.1);
        }
        
        .plan-item-title {
            font-size: 16px;
            font-weight: 600;
            color: #1e90ff;
            margin-bottom: 10px;
        }
        
        .plan-item-content {
            font-size: 14px;
            color: #000000;
            line-height: 1.8;
        }
        
        /* 口播提词器样式 */
        .teleprompter-section {
            background-color: rgba(255, 255, 255, 0.98);
            border-radius: 5px;
            padding: 20px;
            border: 1px solid rgba(30, 144, 255, 0.02);
            margin-bottom: 30px;
        }
        
        .teleprompter-header {
            margin-bottom: 20px;
        }
        
        .teleprompter-title {
            font-size: 18px;
            font-weight: 600;
            color: #000000;
        }
        
        .teleprompter-content {
            background-color: rgba(255, 255, 255, 0.3);
            border-radius: 5px;
            padding: 20px;
            border: 1px solid rgba(30, 144, 255, 0.1);
        }
        
        .teleprompter-text {
            font-size: 16px;
            color: #000000;
            line-height: 1.8;
        }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            .title {
                font-size: 24px;
            }
            
            .result-header {
                flex-direction: column;
                align-items: flex-start;
                gap: 15px;
            }
        }

/* ===== Extracted from app/front/view/industry/index.html ===== */
* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
            background: linear-gradient(180deg, #ffffff 0%, #f8fcff 30%, #edf4ff 60%, #dceaff 100%);
            color: #000000;
            min-height: 100vh;
            overflow-x: hidden;
        }
        
        .container {
            max-width: 80%;
            margin: 0 auto;
            padding: 120px 20px 40px;
        }
        
        .step-indicator {
            display: flex;
            align-items: center;
            margin-bottom: 40px;
        }
        
        .step-number {
            width: 30px;
            height: 30px;
            border-radius: 5px;
            background-color: #00bfff;
            color: #0a0a0a;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            margin-right: 10px;
        }
        
        .step-text {
            color: #00bfff;
            font-size: 14px;
        }
        
        .section-title {
            margin-bottom: 20px;
        }
        
        .section-title h2 {
            font-size: 24px;
            color: #000000;
            margin-bottom: 10px;
        }
        
        .section-title p {
            font-size: 14px;
            color: #000000;
        }
        
        .search-box {
            position: relative;
            margin-bottom: 30px;
        }
        
        .search-input {
            width: 100%;
            padding: 12px 40px 12px 15px;
            background-color: rgba(255, 255, 255, 0.1);
            border: 1px solid rgba(102, 126, 234, 0.3);
            border-radius: 5px;
            color: #000000;
            font-size: 14px;
        }
        
        .search-input:focus {
            outline: none;
            border-color: #00bfff;
        }
        
        .search-icon {
            position: absolute;
            right: 15px;
            top: 50%;
            transform: translateY(-50%);
            color: #000000;
        }
        
        .industry-tabs {
            display: flex;
            flex-wrap: wrap;
            margin-bottom: 30px;
            gap: 10px;
        }
        
        .industry-tab {
            padding: 8px 16px;
            background-color: rgba(30, 144, 255, 0.1);
            border: 1px solid rgba(102, 126, 234, 0.3);
            border-radius: 5px;
            color: #000000;
            font-size: 14px;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .industry-tab.active {
            background-color: #00bfff;
            color: #0a0a0a;
            border-color: #00bfff;
        }
        
        .selected-industry {
            background-color: rgba(30, 144, 255, 0.1);
            border: 1px solid rgba(102, 126, 234, 0.3);
            border-radius: 5px;
            padding: 15px;
            margin-bottom: 30px;
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            flex-wrap: nowrap;
        }
        
        .selected-industry-content {
            flex: 1;
            margin-right: 20px;
            min-width: 0;
        }
        
        .selected-industry-actions {
            white-space: nowrap;
        }
        
        .selected-industry-text {
            display: flex;
            align-items: flex-start;
        }
        
        .selected-industry-icon {
            margin-right: 10px;
            color: #00bfff;
            margin-top: 2px;
        }
        
        #selectedIndustryName {
            word-break: break-word;
        }
        
        .confirm-btn {
            padding: 8px 16px;
            background-color: #00bfff;
            color: #0a0a0a;
            border: none;
            border-radius: 5px;
            font-size: 14px;
            font-weight: bold;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .confirm-btn:hover {
            background-color: #0099cc;
        }
        
        .industry-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
            gap: 15px;
            margin-bottom: 30px;
        }
        
        .industry-item {
            background-color: rgba(255, 255, 255, 0.6);
            border: 1px solid rgba(138, 43, 226, 0.2);
            border-radius: 5px;
            padding: 20px;
            text-align: center;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .industry-item:hover {
            border-color: #00bfff;
            transform: translateY(-2px);
        }
        
        .industry-item.selected {
            border-color: #00bfff;
            background-color: rgba(0, 191, 255, 0.1);
        }
        
        .industry-icon {
            font-size: 24px;
            margin-bottom: 10px;
            color: #00bfff;
        }
        
        .industry-name {
            font-size: 14px;
            color: #000000;
        }
        
        .bottom-confirm {
            display: flex;
            justify-content: flex-end;
            margin-top: 40px;
        }
        
        .bottom-confirm-btn {
            padding: 10px 20px;
            background-color: #00bfff;
            color: #0a0a0a;
            border: none;
            border-radius: 5px;
            font-size: 14px;
            font-weight: bold;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .bottom-confirm-btn:hover {
            background-color: #0099cc;
        }
        
        .loading {
            text-align: center;
            padding: 40px;
            color: #00bfff;
        }
        
        .error-message {
            background-color: rgba(255, 0, 0, 0.1);
            border: 1px solid rgba(255, 0, 0, 0.3);
            border-radius: 5px;
            padding: 10px;
            margin-bottom: 20px;
            color: #ff6b6b;
            font-size: 14px;
        }

/* ===== Extracted from app/front/view/login/index.html ===== */
* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
            background: linear-gradient(180deg, #ffffff 0%, #f8fcff 30%, #edf4ff 60%, #dceaff 100%);
            color: #000000;
            min-height: 100vh;
            overflow-x: hidden;
        }
        
        .container {
            width: 100%;
            max-width: 400px;
            padding: 0 20px;
        }
        
        .login-card {
            background-color: rgba(255, 255, 255, 0.95);
            border: 1px solid rgba(102, 126, 234, 0.3);
            border-radius: 5px;
            padding: 40px;
            backdrop-filter: blur(10px);
        }
        
        .logo {
            text-align: center;
            margin-bottom: 30px;
        }
        
        .logo-icon {
            width: 60px;
            height: 60px;
            margin: 0 auto 15px;
            border: 1px solid #00bfff;
            border-radius: 5px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            color: #00bfff;
        }
        
        .logo-text {
            font-size: 18px;
            font-weight: bold;
            color: #00bfff;
        }
        
        .logo-subtext {
            font-size: 12px;
            color: rgba(0, 191, 255, 0.7);
            letter-spacing: 1px;
        }
        
        .form-group {
            margin-bottom: 20px;
        }
        
        .form-label {
            display: block;
            font-size: 14px;
            color: #000000;
            margin-bottom: 8px;
        }
        
        .form-input {
            width: 100%;
            padding: 12px;
            background-color: rgba(255, 255, 255, 0.1);
            border: 1px solid rgba(102, 126, 234, 0.3);
            border-radius: 5px;
            color: #000000;
            font-size: 14px;
            transition: border-color 0.3s ease;
        }
        
        .form-input:focus {
            outline: none;
            border-color: #00bfff;
        }
        
        .form-actions {
            margin-top: 30px;
        }
        
        .btn {
            width: 100%;
            padding: 12px;
            border: none;
            border-radius: 5px;
            font-size: 14px;
            font-weight: bold;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .btn-primary {
            background-color: #00bfff;
            color: #000000;
        }
        
        .btn-primary:hover {
            background-color: #0099cc;
        }
        
        .form-links {
            margin-top: 20px;
            display: flex;
            justify-content: space-between;
            font-size: 12px;
        }
        
        .form-link {
            color: #00bfff;
            text-decoration: none;
        }
        
        .form-link:hover {
            text-decoration: underline;
        }
        
        .form-divider {
            margin: 20px 0;
            text-align: center;
            position: relative;
        }
        
        .form-divider::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            right: 0;
            height: 1px;
            background-color: rgba(30, 144, 255, 0.2);
        }
        
        .form-divider span {
            position: relative;
            background-color: rgba(255, 255, 255, 0.95);
            padding: 0 10px;
            color: #808080;
            font-size: 12px;
        }
        
        .btn-secondary {
            background-color: transparent;
            color: #00bfff;
            border: 1px solid #00bfff;
        }
        
        .btn-secondary:hover {
            background-color: rgba(0, 191, 255, 0.1);
        }
        
        .error-message {
            background-color: rgba(255, 0, 0, 0.1);
            border: 1px solid rgba(255, 0, 0, 0.3);
            border-radius: 5px;
            padding: 10px;
            margin-bottom: 20px;
            color: #ff6b6b;
            font-size: 12px;
        }
        
        .success-message {
            background-color: rgba(0, 255, 0, 0.1);
            border: 1px solid rgba(0, 255, 0, 0.3);
            border-radius: 5px;
            padding: 10px;
            margin-bottom: 20px;
            color: #4ecdc4;
            font-size: 12px;
        }

/* ===== Extracted from app/front/view/login/register.html ===== */
* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
            background: linear-gradient(180deg, #ffffff 0%, #f8fcff 30%, #edf4ff 60%, #dceaff 100%);
            color: #000000;
            min-height: 100vh;
            overflow-x: hidden;
        }
        
        .container {
            width: 100%;
            max-width: 400px;
            padding: 0 20px;
        }
        
        .login-card {
            background-color: rgba(255, 255, 255, 0.95);
            border: 1px solid rgba(102, 126, 234, 0.3);
            border-radius: 5px;
            padding: 40px;
            backdrop-filter: blur(10px);
        }
        
        .logo {
            text-align: center;
            margin-bottom: 30px;
        }
        
        .logo-icon {
            width: 60px;
            height: 60px;
            margin: 0 auto 15px;
            border: 1px solid #00bfff;
            border-radius: 5px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            color: #00bfff;
        }
        
        .logo-text {
            font-size: 18px;
            font-weight: bold;
            color: #00bfff;
        }
        
        .logo-subtext {
            font-size: 12px;
            color: rgba(0, 191, 255, 0.7);
            letter-spacing: 1px;
        }
        
        .form-group {
            margin-bottom: 20px;
        }
        
        .form-label {
            display: block;
            font-size: 14px;
            color: #000000;
            margin-bottom: 8px;
        }
        
        .form-input {
            width: 100%;
            padding: 12px;
            background-color: rgba(255, 255, 255, 0.1);
            border: 1px solid rgba(102, 126, 234, 0.3);
            border-radius: 5px;
            color: #000000;
            font-size: 14px;
            transition: border-color 0.3s ease;
        }
        
        .form-input:focus {
            outline: none;
            border-color: #00bfff;
        }
        
        .form-actions {
            margin-top: 30px;
        }
        
        .btn {
            width: 100%;
            padding: 12px;
            border: none;
            border-radius: 5px;
            font-size: 14px;
            font-weight: bold;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .btn-primary {
            background-color: #00bfff;
            color: #000000;
        }
        
        .btn-primary:hover {
            background-color: #0099cc;
        }
        
        .form-links {
            margin-top: 20px;
            text-align: center;
            font-size: 12px;
        }
        
        .form-link {
            color: #00bfff;
            text-decoration: none;
        }
        
        .form-link:hover {
            text-decoration: underline;
        }
        
        .error-message {
            background-color: rgba(255, 0, 0, 0.1);
            border: 1px solid rgba(255, 0, 0, 0.3);
            border-radius: 5px;
            padding: 10px;
            margin-bottom: 20px;
            color: #ff6b6b;
            font-size: 12px;
        }
        
        .success-message {
            background-color: rgba(0, 255, 0, 0.1);
            border: 1px solid rgba(0, 255, 0, 0.3);
            border-radius: 5px;
            padding: 10px;
            margin-bottom: 20px;
            color: #4ecdc4;
            font-size: 12px;
        }

/* ===== Extracted from app/front/view/login/resetPassword.html ===== */
* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
            background: linear-gradient(180deg, #ffffff 0%, #f8fcff 30%, #edf4ff 60%, #dceaff 100%);
            color: #000000;
            min-height: 100vh;
            overflow-x: hidden;
        }
        
        .container {
            width: 100%;
            max-width: 400px;
            padding: 0 20px;
        }
        
        .login-card {
            background-color: rgba(255, 255, 255, 0.95);
            border: 1px solid rgba(102, 126, 234, 0.3);
            border-radius: 5px;
            padding: 40px;
            backdrop-filter: blur(10px);
        }
        
        .logo {
            text-align: center;
            margin-bottom: 30px;
        }
        
        .logo-icon {
            width: 60px;
            height: 60px;
            margin: 0 auto 15px;
            border: 1px solid #00bfff;
            border-radius: 5px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            color: #00bfff;
        }
        
        .logo-text {
            font-size: 18px;
            font-weight: bold;
            color: #00bfff;
        }
        
        .logo-subtext {
            font-size: 12px;
            color: rgba(0, 191, 255, 0.7);
            letter-spacing: 1px;
        }
        
        .form-group {
            margin-bottom: 20px;
        }
        
        .form-label {
            display: block;
            font-size: 14px;
            color: #000000;
            margin-bottom: 8px;
        }
        
        .form-input {
            width: 100%;
            padding: 12px;
            background-color: rgba(255, 255, 255, 0.1);
            border: 1px solid rgba(102, 126, 234, 0.3);
            border-radius: 5px;
            color: #000000;
            font-size: 14px;
            transition: border-color 0.3s ease;
        }
        
        .form-input:focus {
            outline: none;
            border-color: #00bfff;
        }
        
        .form-actions {
            margin-top: 30px;
        }
        
        .btn {
            width: 100%;
            padding: 12px;
            border: none;
            border-radius: 5px;
            font-size: 14px;
            font-weight: bold;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .btn-primary {
            background-color: #00bfff;
            color: #000000;
        }
        
        .btn-primary:hover {
            background-color: #0099cc;
        }
        
        .form-links {
            margin-top: 20px;
            text-align: center;
            font-size: 12px;
        }
        
        .form-link {
            color: #00bfff;
            text-decoration: none;
        }
        
        .form-link:hover {
            text-decoration: underline;
        }
        
        .error-message {
            background-color: rgba(255, 0, 0, 0.1);
            border: 1px solid rgba(255, 0, 0, 0.3);
            border-radius: 5px;
            padding: 10px;
            margin-bottom: 20px;
            color: #ff6b6b;
            font-size: 12px;
        }
        
        .success-message {
            background-color: rgba(0, 255, 0, 0.1);
            border: 1px solid rgba(0, 255, 0, 0.3);
            border-radius: 5px;
            padding: 10px;
            margin-bottom: 20px;
            color: #4ecdc4;
            font-size: 12px;
        }

/* ===== Extracted inline style declarations ===== */
.front-inline-001 { cursor: pointer; }
.front-inline-002 { margin-bottom: 80px; }
.front-inline-003 { background-color: rgba(255, 255, 255, 0.6); border: 1px solid rgba(138, 43, 226, 0.2); border-radius: 5px; overflow: hidden; }
.front-inline-004 { width: 100%; border-collapse: collapse; }
.front-inline-005 { background-color: rgba(30, 144, 255, 0.1); }
.front-inline-006 { padding: 12px; text-align: left; border-bottom: 1px solid rgba(30, 144, 255, 0.2); font-size: 14px; color: #00bfff; }
.front-inline-007 { border-bottom: 1px solid rgba(30, 144, 255, 0.1); }
.front-inline-008 { padding: 12px; font-size: 14px; }
.front-inline-009 { display: block; margin-top: 4px; font-size: 12px; color: #f1bf0a; }
.front-inline-010 { color: #00bfff; text-decoration: none; font-size: 12px; }
.front-inline-011 { padding: 20px; text-align: center; font-size: 14px; color: #000000; }
.front-inline-012 { padding: 15px; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid rgba(30, 144, 255, 0.1); }
.front-inline-013 { font-size: 12px; color: #000000; }
.front-inline-014 { display: flex; align-items: center; }
.front-inline-015 { padding: 4px 8px; margin-right: 5px; background-color: rgba(30, 144, 255, 0.1); border: 1px solid rgba(102, 126, 234, 0.3); border-radius: 5px; color: #00bfff; font-size: 12px; cursor: pointer; }
.front-inline-016 { padding: 4px 8px; margin-left: 5px; background-color: rgba(30, 144, 255, 0.1); border: 1px solid rgba(102, 126, 234, 0.3); border-radius: 5px; color: #00bfff; font-size: 12px; cursor: pointer; }
.front-inline-017 { margin-left: 15px; padding: 4px 8px; background-color: rgba(255, 255, 255, 0.95); border: 1px solid rgba(102, 126, 234, 0.3); border-radius: 5px; color: #000000; font-size: 12px; }
.front-inline-025 { margin-bottom: 20px; }
.front-inline-039 { text-align: center; padding: 40px; }
.front-inline-040 { margin-top: 20px; color: #000000; }
.front-inline-041 { border-bottom: 1px solid rgba(30, 144, 255, 0.2); }
.front-inline-042 { padding: 12px; text-align: left; font-size: 14px; font-weight: 600; color: #00bfff; }
.front-inline-043 { padding: 12px; text-align: right; font-size: 14px; font-weight: 600; color: #00bfff; }
.front-inline-044 { padding: 12px; text-align: right; }
.front-inline-045 { padding: 6px 12px; font-size: 12px; background-color: #00bfff; color: #0a0a14; border: none; border-radius: 5px; cursor: pointer; }
.front-inline-046 { color: #ff6b6b; }
.front-inline-047 { margin-top: 50px; padding: 20px; background-color: rgba(30, 144, 255, 0.1); border-radius: 5px; border: 1px solid rgba(102, 126, 234, 0.3); }
.front-inline-048 { display: flex; align-items: center; margin-bottom: 15px; }
.front-inline-049 { width: 24px; height: 24px; background-color: #1e90ff; border-radius: 5px; display: flex; align-items: center; justify-content: center; margin-right: 10px; }
.front-inline-050 { color: white; font-size: 14px; }
.front-inline-051 { margin: 0; color: #1e90ff; }
.front-inline-052 { margin: 5px 0 0 0; color: #000000; font-size: 14px; }
.front-inline-053 { display: flex; gap: 15px; }
.front-inline-054 { padding: 12px 24px; background-color: #1e90ff; color: white; border: none; border-radius: 5px; font-size: 14px; font-weight: 500; cursor: pointer; transition: background-color 0.3s; }
.front-inline-055 { padding: 12px 24px; background-color: transparent; color: #000000; border: 1px solid transparent; border-radius: 5px; font-size: 14px; font-weight: 500; cursor: pointer; transition: background-color 0.3s; }
.front-inline-056 { font-size: 14px; font-weight: 600; color: #000000; margin: 0 0 10px 0; }
.front-inline-057 { font-size: 13px; color: #000000; margin: 0 0 12px 0; line-height: 1.5; }
.front-inline-058 { display: flex; flex-direction: column; gap: 6px; margin-top: auto; }
.front-inline-059 { display: flex; align-items: center; gap: 8px; }
.front-inline-060 { font-size: 12px; color: #1e90ff; background: rgba(30, 144, 255, 0.1); padding: 2px 8px; border-radius: 5px; }
.front-inline-061 { font-size: 15px; font-weight: 600; color: var(--ios-teal); margin: 0 0 10px 0; display: flex; align-items: center; gap: 8px; }
.front-inline-062 { font-size: 13px; color: var(--ios-ink-soft); margin: 0 0 8px 0; line-height: 1.5; }
.front-inline-063 { font-size: 12px; color: var(--ios-muted); margin: 0; }
.front-inline-064 { font-size: 14px; font-weight: 600; color: var(--ios-teal); margin: 0 0 10px 0; }
.front-inline-065 { font-size: 13px; color: var(--ios-ink-soft); margin: 0; line-height: 1.5; }
.front-inline-066 { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 8px; }
.front-inline-067 { font-size: 16px; font-weight: bold; color: var(--ios-teal); flex-shrink: 0; margin-top: 2px; }
.front-inline-068 { font-size: 13px; color: var(--ios-ink-soft); line-height: 1.5; }
.front-inline-069 { font-size: 14px; font-weight: 600; color: var(--ios-red); margin: 15px 0 10px 0; }
.front-inline-070 { font-size: 16px; font-weight: bold; color: var(--ios-red); flex-shrink: 0; margin-top: 2px; }
.front-inline-071 { font-size: 14px; font-weight: 600; color: #4ecdc4; margin: 0 0 10px 0; }
.front-inline-072 { font-size: 13px; color: #000000; margin: 0; line-height: 1.5; }
.front-inline-073 { font-size: 16px; font-weight: bold; color: #4ecdc4; flex-shrink: 0; margin-top: 2px; }
.front-inline-074 { font-size: 13px; color: #000000; line-height: 1.5; }
.front-inline-075 { font-size: 14px; font-weight: 600; color: #4ecdc4; margin: 0 0 15px 0; }
.front-inline-076 { font-size: 13px; font-weight: 600; color: #1e90ff; margin: 0 0 10px 0; }
.front-inline-077 { font-size: 12px; color: #000000; margin: 0 0 6px 0; }
.front-inline-078 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.front-inline-079 { font-size: 14px; font-weight: 600; color: #1e90ff; margin: 0; }
.front-inline-080 { padding: 15px; margin-bottom: 15px; }
.front-inline-081 { font-size: 14px; color: var(--ios-ink); margin: 0; line-height: 1.6; }
.front-inline-082 { margin-bottom: 12px; }
.front-inline-083 { font-size: 13px; color: #4ecdc4; margin: 0 0 6px 0; }
.front-inline-084 { background: rgba(78, 205, 196, 0.2); color: #4ecdc4; border: 1px solid rgba(78, 205, 196, 0.4); border-radius: 5px; padding: 2px 8px; font-size: 12px; margin-right: 8px; margin-bottom: 8px; display: inline-block; }
.front-inline-085 { background: rgba(142, 68, 173, 0.2); color: #9b59b6; border: 1px solid rgba(142, 68, 173, 0.4); border-radius: 5px; padding: 2px 8px; font-size: 12px; margin-right: 8px; margin-bottom: 8px; display: inline-block; }
.front-inline-086 { font-size: 13px; font-weight: 600; color: #000000; margin-bottom: 4px; }
.front-inline-087 { font-size: 12px; color: #000000; line-height: 1.4; }
.front-inline-088 { color: #000000; }
.front-inline-089 { margin-top: 20px; }
.front-inline-090 { margin-bottom: 15px; }
.front-inline-091 { color: #4CAF50; margin-right: 10px; margin-top: 2px; }
.front-inline-092 { color: #F44336; margin-right: 10px; margin-top: 2px; }
.front-inline-093 { margin: 0 0 10px 0; font-size: 16px; font-weight: 600; }
.front-inline-094 { margin: 0 0 10px 0; color: #000000; font-size: 14px; line-height: 1.5; }
.front-inline-095 { margin-bottom: 0; }
.front-inline-096 { display: inline-block; margin-right: 8px; background-color: rgba(0, 150, 255, 0.2); color: #0096ff; border-radius: 5px; padding: 4px; font-size: 12px; }
.front-inline-097 { padding: 15px; background-color: rgba(255, 255, 255, 0.2); border-radius: 5px; }
.front-inline-098 { color: #4CAF50; margin-bottom: 15px; }
.front-inline-099 { color: #4CAF50; margin-right: 10px; }
.front-inline-100 { color: #4CAF50; }
.front-inline-101 { color: #000000; margin-top: 5px; }
.front-inline-102 { color: #FF9800; margin-bottom: 15px; }
.front-inline-103 { color: #FF9800; margin-right: 10px; }
.front-inline-104 { color: #FF9800; }
.front-inline-105 { color: #7B1FA2; margin-bottom: 15px; }
.front-inline-106 { color: #7B1FA2; margin-right: 10px; }
.front-inline-107 { color: #7B1FA2; }
.front-inline-108 { display: none; }
.front-inline-109 { display: flex; align-items: center; justify-content: space-between; }
.front-inline-110 { font-size: 24px; font-weight: 600; color: #1e90ff; display: flex; align-items: center; }
.front-inline-111 { margin-right: 10px; }
.front-inline-112 { font-size: 16px; font-weight: 600; color: #1e90ff; margin: 0 0 4px 0; }
.front-inline-113 { font-size: 13px; color: #000000; margin: 0; }
.front-inline-114 { font-size: 13px; font-weight: 600; color: #1e90ff; margin-bottom: 8px; }
.front-inline-115 { font-size: 12px; color: #000000; line-height: 1.5; margin-bottom: 8px; }
.front-inline-116 { font-size: 12px; color: #000000; margin-bottom: 8px; }
.front-inline-117 { font-size: 13px; color: #000000; margin-bottom: 12px; }
.front-inline-118 { color: #4ecdc4; }
.front-inline-119 { margin-top: 8px; }
.front-inline-120 { background: rgba(30, 144, 255, 0.2); color: #1e90ff; border: 1px solid rgba(30, 144, 255, 0.4); border-radius: 5px; padding: 2px 8px; font-size: 12px; margin-right: 8px; margin-bottom: 8px; display: inline-block; }
.front-inline-121 { font-size: 13px; color: #000000; }
.front-inline-122 { font-size: 13px; font-weight: 600; color: #000000; margin-bottom: 8px; }
.front-inline-123 { display: flex; justify-content: space-between; font-size: 12px; }
.front-inline-124 { color: #1e90ff; }
.front-inline-125 { background: transparent; border-radius: 5px; padding: 25px; border: 1px solid rgba(102, 126, 234, 0.3); margin-bottom: 25px; }
.front-inline-126 { font-size: 16px; font-weight: 600; color: #1e90ff; margin: 0 0 20px 0; display: flex; align-items: center; }
.front-inline-127 { display: flex; gap: 20px; }
.front-inline-128 { background-color: rgba(255, 0, 0, 0.1); border-radius: 5px; padding: 25px; border: 1px solid rgba(255, 0, 0, 0.3); margin-bottom: 25px; }
.front-inline-129 { font-size: 16px; font-weight: 600; color: #ff4757; margin: 0 0 20px 0; display: flex; align-items: center; }
.front-inline-130 { background-color: rgba(255, 0, 0, 0.05); border-radius: 5px; padding: 15px; margin-bottom: 12px; border: 1px solid rgba(255, 0, 0, 0.2); }
.front-inline-131 { font-size: 13px; font-weight: 600; color: #ff4757; margin-bottom: 8px; }
.front-inline-132 { background-color: rgba(76, 175, 80, 0.1); border-radius: 5px; padding: 25px; border: 1px solid rgba(76, 175, 80, 0.3); margin-bottom: 25px; }
.front-inline-133 { font-size: 16px; font-weight: 600; color: #4caf50; margin: 0 0 20px 0; display: flex; align-items: center; }
.front-inline-134 { flex: 1; background-color: rgba(76, 175, 80, 0.05); border-radius: 5px; padding: 15px; border: 1px solid rgba(76, 175, 80, 0.2); }
.front-inline-135 { font-size: 13px; font-weight: 600; color: #4caf50; margin-bottom: 10px; }
.front-inline-136 { font-size: 16px; font-weight: 600; color: #4ecdc4; margin: 0 0 20px 0; display: flex; align-items: center; }
.front-inline-137 { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.front-inline-138 { background-color: rgba(255, 255, 255, 0.03); border-radius: 5px; padding: 15px; border: 1px solid rgba(138, 43, 226, 0.2); }
.front-inline-139 { background: transparent; border-radius: 5px; padding: 25px; border: 1px solid rgba(46, 204, 113, 0.3); margin-bottom: 25px; }
.front-inline-140 { display: flex; align-items: center; margin-bottom: 10px; }
.front-inline-141 { font-size: 18px; margin-right: 10px; color: #2ecc71; }
.front-inline-142 { font-size: 16px; font-weight: 600; }
.front-inline-143 { color: #2ecc71; }
.front-inline-144 { font-size: 13px; color: #000000; margin-bottom: 20px; }
.front-inline-145 { font-size: 14px; margin-right: 10px; color: #2ecc71; }
.front-inline-146 { font-size: 14px; font-weight: 600; color: #2ecc71; }
.front-inline-147 { background-color: rgba(46, 204, 113, 0.05); border-radius: 5px; padding: 15px; border: 1px solid rgba(46, 204, 113, 0.2); }
.front-inline-148 { font-size: 13px; color: #000000; line-height: 1.5; margin: 0; }
.front-inline-149 { font-size: 13px; font-weight: 600; color: #2ecc71; margin-bottom: 8px; }
.front-inline-150 { font-size: 12px; color: #2ecc71; margin-bottom: 4px; }
.front-inline-151 { font-size: 11px; color: #000000; margin-bottom: 4px; }
.front-inline-152 { font-size: 11px; color: #000000; }
.front-inline-153 { list-style: none; padding: 0; margin: 0; }
.front-inline-154 { margin-bottom: 8px; display: flex; align-items: flex-start; }
.front-inline-155 { color: #2ecc71; margin-right: 10px; margin-top: 2px; }
.front-inline-156 { font-size: 14px; margin-right: 10px; color: #ff4757; }
.front-inline-157 { font-size: 14px; font-weight: 600; color: #ff4757; }
.front-inline-158 { background-color: rgba(255, 71, 87, 0.05); border-radius: 5px; padding: 15px; border: 1px solid rgba(255, 71, 87, 0.2); }
.front-inline-159 { color: #ff4757; margin-right: 10px; margin-top: 2px; }
.front-inline-160 { background: transparent; border-radius: 5px; padding: 25px; border: 1px solid rgba(243, 156, 18, 0.3); margin-bottom: 25px; }
.front-inline-161 { font-size: 18px; margin-right: 10px; color: #f39c12; }
.front-inline-162 { color: #f39c12; }
.front-inline-163 { font-size: 14px; margin-right: 10px; color: #f39c12; }
.front-inline-164 { font-size: 14px; font-weight: 600; color: #f39c12; }
.front-inline-165 { background-color: rgba(243, 156, 18, 0.05); border-radius: 5px; padding: 15px; border: 1px solid rgba(243, 156, 18, 0.2); }
.front-inline-166 { font-size: 13px; font-weight: 600; color: #f39c12; margin-bottom: 8px; }
.front-inline-167 { font-size: 12px; color: #f39c12; margin-bottom: 4px; }
.front-inline-168 { color: #f39c12; margin-right: 10px; margin-top: 2px; }
.front-inline-169 { background: transparent; border-radius: 5px; padding: 25px; border: 1px solid rgba(155, 89, 182, 0.3); margin-bottom: 25px; }
.front-inline-170 { font-size: 18px; margin-right: 10px; color: #9b59b6; }
.front-inline-171 { color: #9b59b6; }
.front-inline-172 { font-size: 14px; margin-right: 10px; color: #9b59b6; }
.front-inline-173 { font-size: 14px; font-weight: 600; color: #9b59b6; }
.front-inline-174 { background-color: rgba(155, 89, 182, 0.05); border-radius: 5px; padding: 15px; border: 1px solid rgba(155, 89, 182, 0.2); }
.front-inline-175 { font-size: 13px; font-weight: 600; color: #9b59b6; margin-bottom: 8px; }
.front-inline-176 { font-size: 12px; color: #9b59b6; margin-bottom: 4px; }
.front-inline-177 { color: #9b59b6; margin-right: 10px; margin-top: 2px; }
.front-inline-178 { display: flex; align-items: center; margin-bottom: 20px; }
.front-inline-179 { font-size: 16px; font-weight: 600; color: #2ecc71; }
.front-inline-180 { background-color: rgba(46, 204, 113, 0.05); border-radius: 5px; padding: 15px; border: 1px solid rgba(46, 204, 113, 0.2); margin-bottom: 12px; }
.front-inline-181 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.front-inline-182 { font-size: 14px; font-weight: 600; color: #2ecc71; margin: 0; }
.front-inline-183 { font-size: 16px; font-weight: 600; color: #f39c12; }
.front-inline-184 { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 15px; }
.front-inline-185 { font-size: 14px; font-weight: 600; color: #f39c12; margin-bottom: 10px; }
.front-inline-186 { font-size: 13px; color: #000000; margin-bottom: 8px; }
.front-inline-187 { font-size: 13px; color: #f39c12; }
.front-inline-188 { display: none; margin-top: 30px; }
.front-inline-189 { text-align: center; color: #000000; padding: 40px; }
.front-inline-190 { color: #000000; font-size: 14px; }
.front-inline-191 { padding: 12px 24px; background-color: #1e90ff; color: #000000; border: none; border-radius: 5px; font-size: 14px; font-weight: 500; cursor: pointer; transition: background-color 0.3s; }
.front-inline-192 { display: none; margin-top: 50px; padding: 30px; background-color: rgba(255, 255, 255, 0.98); border-radius: 5px; border: 1px solid rgba(0, 191, 255, 0.2); }
.front-inline-193 { font-size: 20px; margin-right: 10px; color: #00bfff; }
.front-inline-194 { font-size: 20px; font-weight: 600; color: #00bfff; margin: 0; }
.front-inline-195 { background-color: rgba(255, 255, 255, 0.3); border-radius: 5px; padding: 20px; border: 1px solid rgba(0, 191, 255, 0.1); white-space: pre-wrap; line-height: 1.8; color: #000000; }
.front-inline-196 { display: none; margin-top: 50px; padding: 20px; background-color: rgba(0, 191, 255, 0.1); border-radius: 5px; border: 1px solid rgba(0, 191, 255, 0.3); }
.front-inline-197 { width: 24px; height: 24px; background-color: #00bfff; border-radius: 5px; display: flex; align-items: center; justify-content: center; margin-right: 10px; }
.front-inline-198 { margin: 0; color: #00bfff; }
.front-inline-199 { padding: 12px 24px; background-color: #00bfff; color: #000000; border: none; border-radius: 5px; font-size: 14px; font-weight: 500; cursor: pointer; transition: background-color 0.3s; }
.front-inline-200 { margin-bottom: 25px; }
.front-inline-201 { color: #00bfff; font-size: 18px; font-weight: 600; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid rgba(0, 191, 255, 0.2); }
.front-inline-202 { text-align: center; color: #000000; padding: 40px; grid-column: 1 / -1; }
.front-inline-203 { margin-bottom: 30px; }
.front-inline-204 { display: block; margin-bottom: 8px; font-size: 14px; color: #000000; }
.front-inline-205 { width: 100%; padding: 12px; background-color: rgba(255, 255, 255, 0.1); border: 1px solid rgba(102, 126, 234, 0.3); border-radius: 5px; color: #000000; font-size: 14px; }
.front-inline-206 { width: 24px; height: 24px; }


/* ===== Unified front blue theme overrides ===== */
:root {
    --front-bg-1: #f8fcff;
    --front-bg-2: #edf7ff;
    --front-bg-3: #f4f1ff;
    --front-ink: #101828;
    --front-ink-soft: #4b6478;
    --front-muted: #7b91a5;
    --front-blue: #0a84ff;
    --front-cyan: #12c8df;
    --front-green: #34c759;
    --front-danger: #ff4757;
    --front-glass: rgba(255, 255, 255, 0.68);
    --front-glass-soft: rgba(255, 255, 255, 0.46);
    --front-border: rgba(10, 132, 255, 0.12);
    --front-white-border: rgba(255, 255, 255, 0.56);
    --front-shadow: 0 8px 24px rgba(38, 102, 164, 0.07);
    --front-shadow-soft: 0 4px 14px rgba(38, 102, 164, 0.05);
    --front-radius-xl: 28px;
    --front-radius-lg: 20px;
    --front-radius-md: 14px;
    --front-header-height: 76px;
    --front-content-top: 108px;
    --front-container: 1180px;
}

*, *::before, *::after {
    box-sizing: border-box;
}

html {
    min-height: 100%;
    background: var(--front-bg-1) !important;
}

body,
body.front-page,
body.front-auth-page {
    margin: 0 !important;
    min-height: 100vh !important;
    color: var(--front-ink) !important;
    font-family: 'PingFang SC', 'Microsoft YaHei', Arial, sans-serif !important;
    line-height: 1.6;
    overflow-x: hidden !important;
    background:
        radial-gradient(circle at 16% 0%, rgba(10, 132, 255, 0.18), transparent 30%),
        radial-gradient(circle at 84% 4%, rgba(18, 200, 223, 0.16), transparent 28%),
        radial-gradient(circle at 74% 70%, rgba(94, 124, 255, 0.12), transparent 34%),
        linear-gradient(180deg, #ffffff 0%, var(--front-bg-1) 32%, var(--front-bg-2) 68%, var(--front-bg-3) 100%) !important;
    background-attachment: fixed !important;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -3;
    pointer-events: none;
    background:
        linear-gradient(rgba(10,132,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(10,132,255,.035) 1px, transparent 1px),
        linear-gradient(115deg, rgba(255,255,255,.55), transparent 34%);
    background-size: 52px 52px, 52px 52px, auto;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.9), transparent 90%);
}

#stars-container {
    z-index: -2 !important;
    opacity: .42;
}

.star,
.meteor .head {
    background-color: rgba(255, 255, 255, .95) !important;
}

/* Header */
.front-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: var(--front-header-height);
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.76);
    border-bottom: 1px solid rgba(10, 132, 255, 0.09);
    box-shadow: 0 4px 18px rgba(38, 102, 164, 0.07);
    backdrop-filter: blur(24px) saturate(1.35);
    -webkit-backdrop-filter: blur(24px) saturate(1.35);
}

.front-header-inner {
    width: min(var(--front-container), calc(100% - 40px));
    height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.front-header-left,
.front-header-right,
.front-logo,
.front-nav,
.front-user-details {
    display: flex;
    align-items: center;
}

.front-header-left { gap: 34px; min-width: 0; }
.front-header-right { justify-content: flex-end; }

.front-logo {
    gap: 12px;
    cursor: pointer;
    user-select: none;
}

.front-logo-icon,
.logo-icon {
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px !important;
    margin: 0 !important;
    border: 1px solid rgba(255,255,255,.62) !important;
    border-radius: 5px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    background: linear-gradient(145deg, var(--front-blue), var(--front-cyan)) !important;
    box-shadow: 0 4px 12px rgba(10, 132, 255, .14), inset 0 1px 0 rgba(255,255,255,.42) !important;
}

.front-logo-wordmark,
.login-card .logo {
    display: flex;
    flex-direction: column;
}

.front-logo-title,
.logo-text {
    color: #05aeea !important;
    font-size: 18px !important;
    line-height: 1.05 !important;
    font-weight: 800 !important;
    letter-spacing: .02em !important;
}

.front-logo-subtitle,
.logo-subtext {
    margin-top: 4px !important;
    color: rgba(5, 174, 234, .58) !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: .13em !important;
}

.front-nav-btn,
.btn,
.btn-primary,
.btn-secondary,
button,
.generate-btn,
.confirm-btn,
.action-btn,
.bottom-confirm-btn,
.identity-core-btn {
    min-height: 40px;
    border: 1px solid rgba(10, 174, 234, .28) !important;
    border-radius: 5px !important;
    padding: 0 18px;
    color: #fff !important;
    font-weight: 700 !important;
    background: linear-gradient(135deg, var(--front-blue), var(--front-cyan)) !important;
    box-shadow: 0 4px 14px rgba(10, 132, 255, .14), inset 0 1px 0 rgba(255,255,255,.34) !important;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.front-nav-btn:hover,
.btn:hover,
button:hover,
.generate-btn:hover,
.action-btn:hover {
    transform: translateY(-1px);
    filter: brightness(1.03) saturate(1.06);
    box-shadow: 0 6px 18px rgba(10,132,255,.18), inset 0 1px 0 rgba(255,255,255,.40) !important;
}

.front-user-details {
    position: relative;
}

.front-user-name {
    color: var(--front-blue);
    font-size: 13px;
    font-weight: 700;
    padding: 8px 14px;
    border: 1px solid rgba(10, 132, 255, .18);
    border-radius: 5px;
    background: rgba(255,255,255,.50);
    cursor: pointer;
}

.front-user-dropdown {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    min-width: 110px;
    display: none;
    padding: 8px;
    border-radius: 5px;
    background: rgba(255,255,255,.92);
    border: 1px solid rgba(10, 132, 255, .12);
    box-shadow: 0 4px 14px rgba(38, 102, 164, 0.05);
}
.front-user-dropdown.is-open { display: block; }
.front-user-dropdown-item {
    padding: 8px 10px;
    border-radius: 5px;
    color: var(--front-ink);
    font-size: 13px;
    cursor: pointer;
}
.front-user-dropdown-item:hover { background: rgba(10,132,255,.08); color: var(--front-blue); }

/* Unified page spacing */
body.front-page > .container,
body.front-page #app > .container,
body.front-page .main.container,
body.front-page > main.container {
    width: min(var(--front-container), calc(100% - 40px)) !important;
    max-width: var(--front-container) !important;
    margin: 0 auto !important;
    padding: var(--front-content-top) 0 42px !important;
}

body.front-page .main.container {
    padding-top: 104px !important;
}

body.front-page .container .container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
}

.header:not(.front-header),
.section-title,
.hero-section {
    margin-top: 0 !important;
}

.step-indicator {
    margin-top: 0 !important;
    margin-bottom: 18px !important;
    width: auto !important;
    max-width: 100% !important;
}

.step-number,
.step-text,
.progress-percentage,
.status-indicator,
.tab-count,
.user-avatar {
    color: #fff !important;
    background: linear-gradient(135deg, var(--front-blue), var(--front-cyan)) !important;
    border: 1px solid rgba(255,255,255,.52) !important;
    box-shadow: 0 4px 12px rgba(10,132,255,.13), inset 0 1px 0 rgba(255,255,255,.34) !important;
}

.step-indicator .step-number,
.step-indicator .step-text {
    color: var(--front-ink) !important;
}

/* Cards and sections */
.login-card,
.form-container,
.form-section,
.result-container,
.result-section,
.selected-industry,
.ip-progress-section,
.core-identity-section,
.differentiation-section,
.memory-points-section,
.personality-section,
.ideology-section,
.content-persona-section,
.trust-building-section,
.persona-roadmap-section,
.execution-plan-section,
.topics-result,
.script-section,
.plan-section,
.teleprompter-section,
.market-analysis-wrapper,
.overview-section,
.danger-container,
.success-container,
.glass-card,
.topic-card,
.feature-card,
.project-card,
.dialog-content,
.industry-item,
.platform-option,
.tab,
.content-card,
.section-card,
.task-history-item,
.plan-stage-item,
.info-card,
.data-card,
.option-item,
.step-card,
.stage-item,
.daily-schedule-wrapper,
.content-block,
.result-item,
.topic-item,
.script-item,
.plan-item,
.schedule-period-block,
.task-item,
.milestone-item,
.schedule-task-item,
.dynamic-item,
.generated-content,
.history-item,
.content-list-item,
.grid-item,
.card-item {
    color: var(--front-ink) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.76), rgba(255,255,255,.48)),
        radial-gradient(circle at 0 0, rgba(255,255,255,.72), transparent 38%) !important;
    border: 1px solid var(--front-white-border) !important;
    border-radius: 5px !important;
    box-shadow: var(--front-shadow), inset 0 1px 0 rgba(255,255,255,.62) !important;
    backdrop-filter: blur(22px) saturate(1.3) !important;
    -webkit-backdrop-filter: blur(22px) saturate(1.3) !important;
}

.form-container,
.form-section,
.result-container,
.result-section,
.ip-progress-section,
.execution-plan-section,
.topics-result {
    padding: 28px !important;
    border-radius: 5px !important;
}

/* Text */
h1, h2, h3, h4,
.title,
.header-title,
.hero-title,
.section-title h2,
.result-title,
.script-title,
.plan-title,
.teleprompter-title {
    color: var(--front-ink) !important;
}

.header-title,
.hero-title,
.section-title h2,
.title {
    color: var(--front-blue) !important;
    background: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    -webkit-text-fill-color: currentColor !important;
}

p,
label,
.form-label,
.header-subtitle,
.subtitle,
.industry-name,
.selected-industry-text,
.progress-info,
.form-links,
.topic-meta,
.char-count,
.nav-dropdown-item-desc {
    color: var(--front-ink-soft) !important;
}

a,
.form-link,
.hero-quote,
.result-title,
.script-title,
.plan-title,
.teleprompter-title,
.industry-icon,
.copy-index,
.copy-node-title,
.copy-nested-title {
    color: var(--front-blue) !important;
}

/* Inputs */
input,
textarea,
select,
.form-input,
.search-input,
.search-box input {
    color: var(--front-ink) !important;
    background: rgba(255,255,255,.62) !important;
    border: 1px solid rgba(10,132,255,.12) !important;
    border-radius: 5px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.68), 0 3px 10px rgba(10,132,255,.03) !important;
    backdrop-filter: blur(16px) saturate(1.2) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.2) !important;
}

input:focus,
textarea:focus,
select:focus,
.form-input:focus,
.search-input:focus,
.search-box input:focus {
    outline: none !important;
    background: rgba(255,255,255,.86) !important;
    border-color: rgba(10,132,255,.28) !important;
    box-shadow: 0 0 0 3px rgba(10,132,255,.08), 0 5px 14px rgba(10,132,255,.06) !important;
}

input::placeholder,
textarea::placeholder { color: rgba(75,100,120,.62) !important; }

.platform-option.active,
.tab.active,
.industry-item:hover,
.industry-item.selected,
.topic-card:hover,
.feature-card:hover,
.progress-step:hover {
    color: var(--front-blue) !important;
    border-color: rgba(10,132,255,.22) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.86), rgba(235,248,255,.62)),
        radial-gradient(circle at 92% 0, rgba(18,200,223,.16), transparent 38%) !important;
    transform: translateY(-1px);
}

.progress-bar,
.progress-bar-container {
    background: rgba(255,255,255,.48) !important;
    border: 1px solid rgba(255,255,255,.56) !important;
    border-radius: 5px !important;
    overflow: hidden !important;
}
.progress-fill {
    background: linear-gradient(90deg, var(--front-blue), var(--front-cyan), var(--front-green)) !important;
}

/* Auth pages */
body.front-auth-page {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 32px 16px !important;
}

body.front-auth-page > .container {
    width: min(430px, 100%) !important;
    max-width: 430px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

.login-card {
    width: 100% !important;
    padding: 40px !important;
    border-radius: 5px !important;
}
.login-card .logo {
    align-items: center !important;
    text-align: center !important;
    margin-bottom: 30px !important;
}
.login-card .logo-icon {
    margin-bottom: 12px !important;
}

/* Dynamic generated content classes */
.copy-paragraph { margin: 0; line-height: 1.8; }
.copy-card-grid { display: flex; flex-wrap: wrap; gap: 10px; margin-left: 0; }
.copy-card-node { flex: 1 1 calc(33.33% - 14px); min-width: 200px; max-width: 100%; margin-bottom: 0; margin-left: 0; padding: 12px; border-radius: 5px; border: 1px solid rgba(10,132,255,.14); background: rgba(255,255,255,.44); }
.copy-list-row { margin-bottom: 6px; }
.copy-offset-0 { margin-left: 0; }
.copy-offset-1 { margin-left: 15px; }
.copy-offset-2 { margin-left: 30px; }
.copy-nested-box { padding: 12px; margin-bottom: 10px; border-radius: 5px; border: 1px solid rgba(10,132,255,.14); background: rgba(255,255,255,.42); }
.copy-level-1 { color: var(--front-ink) !important; }
.copy-level-2 { color: var(--front-ink-soft) !important; }
.copy-level-3 { color: #5e7388 !important; }
.copy-node-title,
.copy-nested-title { display: inline-block; font-weight: 700; margin-bottom: 6px; }
.copy-title-lg { font-size: 15px; }
.copy-title-md { font-size: 14px; }
.copy-node-body { color: var(--front-ink-soft); font-size: 12px; line-height: 1.6; }
.copy-bullet { color: var(--front-blue); margin-right: 5px; }

.schedule-task-row { margin-bottom: 15px; }
.schedule-time { font-size: 13px; font-weight: 700; margin-bottom: 4px; }
.schedule-time.morning,
.schedule-time-title.morning { color: #ff9800 !important; }
.schedule-time.afternoon,
.schedule-time-title.afternoon { color: #4caf50 !important; }
.schedule-time.evening,
.schedule-time-title.evening { color: #9c27b0 !important; }
.schedule-task-title { font-size: 12px; color: var(--front-ink); margin-bottom: 4px; }
.schedule-task-content { font-size: 11px; color: var(--front-ink-soft); line-height: 1.4; }
.schedule-time-block { flex: 1; padding: 0 15px; }
.schedule-time-title { font-size: 14px; font-weight: 700; margin: 0 0 15px 0; }

.error-message {
    color: #b42348 !important;
    background: rgba(255,236,241,.78) !important;
    border: 1px solid rgba(255,255,255,.78) !important;
    border-radius: 5px !important;
    padding: 12px 14px !important;
    margin-bottom: 16px !important;
}
.success-message {
    color: #067647 !important;
    background: rgba(232,250,240,.78) !important;
    border: 1px solid rgba(255,255,255,.78) !important;
    border-radius: 5px !important;
    padding: 12px 14px !important;
}

@media (max-width: 768px) {
    :root { --front-header-height: 68px; --front-content-top: 92px; }
    .front-header-inner { width: calc(100% - 24px); gap: 12px; }
    .front-header-left { gap: 12px; }
    .front-logo-title { font-size: 15px !important; }
    .front-logo-subtitle { display: none; }
    .front-nav-btn { min-height: 34px; padding: 0 12px; font-size: 12px; }
    body.front-page > .container,
    body.front-page #app > .container,
    body.front-page .main.container,
    body.front-page > main.container {
        width: calc(100% - 24px) !important;
        padding-top: var(--front-content-top) !important;
    }
    .form-container,
    .form-section,
    .result-container,
    .result-section,
    .ip-progress-section,
    .execution-plan-section,
    .topics-result { padding: 22px !important; border-radius: 5px !important; }
    .login-card { padding: 28px !important; }
    .copy-card-node { flex-basis: 100%; min-width: 0; }
    .schedule-time-block { padding: 0; }
}

/* ===== v3.1 targeted fix: task page header must not inherit homepage fixed nav styles ===== */
body.front-page > .container > .header {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    z-index: auto !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 0 28px 0 !important;
    padding: 0 !important;
    color: var(--front-ink) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow: visible !important;
}

body.front-page > .container > .header .header-top {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 18px !important;
    width: 100% !important;
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.front-page > .container > .header .step-indicator {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 92px !important;
    max-width: none !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border-radius: 5px !important;
    color: #0b1728 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    background: linear-gradient(135deg, var(--front-blue), var(--front-cyan)) !important;
    border: 1px solid rgba(255, 255, 255, 0.66) !important;
    box-shadow: 0 10px 24px rgba(10, 132, 255, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
}

body.front-page > .container > .header .header-title,
body.front-page > .container > .header .title {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 1 auto !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: clamp(30px, 3.2vw, 46px) !important;
    font-weight: 800 !important;
    line-height: 1.18 !important;
    white-space: normal !important;
    letter-spacing: -0.02em !important;
    color: var(--front-blue) !important;
    background: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    -webkit-text-fill-color: currentColor !important;
}

body.front-page > .container > .header > .title {
    margin-top: 14px !important;
}

body.front-page > .container > .header .title::before,
body.front-page > .container > .header .header-title::before {
    flex: 0 0 auto !important;
    margin-right: 10px !important;
    background: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    -webkit-text-fill-color: currentColor !important;
    color: var(--front-blue) !important;
    line-height: 1 !important;
}

body.front-page > .container > .header .header-subtitle,
body.front-page > .container > .header .subtitle {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 12px 0 0 0 !important;
    padding: 0 !important;
    color: var(--front-ink-soft) !important;
    font-size: clamp(15px, 1.35vw, 18px) !important;
    font-weight: 600 !important;
    line-height: 1.75 !important;
    white-space: normal !important;
    text-align: left !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.front-page > .container > .header .header-subtitle span,
body.front-page > .container > .header .subtitle span {
    color: var(--front-blue) !important;
    font-weight: 800 !important;
}

@media (max-width: 768px) {
    body.front-page > .container > .header .header-top {
        flex-wrap: wrap !important;
        gap: 12px !important;
    }

    body.front-page > .container > .header .header-title,
    body.front-page > .container > .header .title {
        font-size: 28px !important;
    }
}


/* ===== v3.2 targeted fix: a_task_history dynamic result cards ===== */
:root {
    --ios-teal: var(--front-cyan);
    --ios-ink: var(--front-ink);
    --ios-ink-soft: var(--front-ink-soft);
    --ios-muted: var(--front-muted);
    --ios-red: var(--front-danger);
}

body.front-page #resultContainer.result-container {
    display: none;
    margin-top: 34px !important;
}

body.front-page #resultContainer.result-container[style*="block"] {
    display: block !important;
}

body.front-page #resultContainer .dynamic-content-wrapper,
body.front-page #resultContainer .dynamic-card,
body.front-page #resultContainer .design-card,
body.front-page #resultContainer .naming-strategy {
    position: relative;
    color: var(--front-ink) !important;
    background: rgba(255,255,255,.56) !important;
    border: 1px solid rgba(10,132,255,.16) !important;
    border-radius: 5px !important;
    box-shadow: var(--front-shadow-soft), inset 0 1px 0 rgba(255,255,255,.75) !important;
    backdrop-filter: blur(18px) saturate(1.2) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.2) !important;
}

body.front-page #resultContainer .video-references,
body.front-page #resultContainer .nickname-recommendations,
body.front-page #resultContainer .design-section {
    display: block !important;
    min-height: 1px;
}

body.front-page #resultContainer h3,
body.front-page #resultContainer h4,
body.front-page #resultContainer h5,
body.front-page #resultContainer p,
body.front-page #resultContainer span,
body.front-page #resultContainer div {
    visibility: visible !important;
}

/* ===== v3.3 targeted fix: a_task_history result sections were hidden by shared .result-section rules ===== */
body.front-page #resultContainer > .result-section {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    min-height: 1px !important;
    overflow: visible !important;
    margin: 0 0 28px 0 !important;
}

body.front-page #resultContainer > .result-section > h3 {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 0 18px 0 !important;
    color: var(--front-blue) !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body.front-page #resultContainer .video-references,
body.front-page #resultContainer .nickname-recommendations,
body.front-page #resultContainer .naming-strategy,
body.front-page #resultContainer .design-section,
body.front-page #resultContainer #introductionSection,
body.front-page #resultContainer #overallStrategySection {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    overflow: visible !important;
}

/* ===== v3.4 targeted polish: simplify a_task_history dynamic generated result layout ===== */
body.front-page #resultContainer.result-container {
    padding: 28px 34px !important;
    border-radius: 5px !important;
}

body.front-page #resultContainer .result-header {
    margin-bottom: 22px !important;
}

body.front-page #resultContainer > .result-section {
    padding: 0 !important;
    margin: 0 0 34px 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 5px !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.front-page #resultContainer > .result-section + .result-section {
    padding-top: 26px !important;
    border-top: 1px solid rgba(10, 132, 255, 0.10) !important;
}

body.front-page #resultContainer > .result-section > h3 {
    margin-bottom: 18px !important;
    font-size: 21px !important;
}

body.front-page #resultContainer .dynamic-content-wrapper,
body.front-page #resultContainer .nicknameContainer,
body.front-page #resultContainer .video-references-container,
body.front-page #resultContainer .naming-strategy {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 5px !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Hide empty dynamic title/count rows left from legacy JS renderers. */
body.front-page #resultContainer .dynamic-content-wrapper > div:empty,
body.front-page #resultContainer .nicknameContainer > div:empty,
body.front-page #resultContainer .video-references-container > div:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.front-page #resultContainer .dynamic-card {
    padding: 18px 20px !important;
    min-height: 0 !important;
    background: rgba(255, 255, 255, 0.58) !important;
    border: 1px solid rgba(10, 132, 255, 0.14) !important;
    border-radius: 5px !important;
    box-shadow: 0 8px 22px rgba(38, 102, 164, 0.06) !important;
}

body.front-page #resultContainer .video-references-container > div:not(:empty),
body.front-page #resultContainer .nicknameContainer > div:not(:empty),
body.front-page #resultContainer .design-section > div:not(:empty) {
    gap: 16px !important;
}

body.front-page #resultContainer .front-inline-056,
body.front-page #resultContainer .front-inline-061,
body.front-page #resultContainer .front-inline-064,
body.front-page #resultContainer .front-inline-071,
body.front-page #resultContainer .front-inline-075,
body.front-page #resultContainer .front-inline-079 {
    margin-bottom: 10px !important;
    color: var(--front-ink) !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
}

body.front-page #resultContainer .front-inline-057,
body.front-page #resultContainer .front-inline-062,
body.front-page #resultContainer .front-inline-065,
body.front-page #resultContainer .front-inline-068,
body.front-page #resultContainer .front-inline-072,
body.front-page #resultContainer .front-inline-074,
body.front-page #resultContainer .front-inline-077,
body.front-page #resultContainer .front-inline-081,
body.front-page #resultContainer .front-inline-087 {
    color: var(--front-ink-soft) !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
}

body.front-page #resultContainer .front-inline-058 {
    gap: 8px !important;
    margin-top: 12px !important;
}

body.front-page #resultContainer .front-inline-060,
body.front-page #resultContainer .front-inline-084,
body.front-page #resultContainer .front-inline-085,
body.front-page #resultContainer .front-inline-096 {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 24px !important;
    padding: 2px 10px !important;
    border-radius: 5px !important;
    color: var(--front-blue) !important;
    background: rgba(10, 132, 255, 0.10) !important;
    border: 0 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

body.front-page #resultContainer .front-inline-047 {
    margin-top: 28px !important;
}

@media (max-width: 768px) {
    body.front-page #resultContainer.result-container {
        padding: 22px !important;
    }
}


/* ===== v3.5 targeted fix: a_task_history use compact 5px corners ===== */
body.a-task-history-page :is(
    .form-container,
    .result-container,
    .result-section,
    .dynamic-content-wrapper,
    .video-references-container,
    .nicknameContainer,
    .naming-strategy,
    .dynamic-card,
    .design-card,
    .platform-option,
    .btn,
    .btn-primary,
    .btn-secondary,
    .generate-btn,
    .front-inline-047,
    .front-inline-049,
    .front-inline-054,
    .front-inline-055,
    .front-inline-060,
    .front-inline-084,
    .front-inline-085,
    .front-inline-096,
    input,
    textarea,
    select,
    button
) {
    border-radius: 5px !important;
}

/* ===== v3.6 targeted fix: a_task_history title paragraph starts on a new line ===== */
body.a-task-history-page .section-title {
    display: block !important;
    align-items: initial !important;
    justify-content: initial !important;
}

body.a-task-history-page .section-title h2 {
    display: block !important;
    margin: 0 0 10px 0 !important;
}

body.a-task-history-page .section-title p {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    clear: both !important;
}

/* ===== v4.1 targeted fix: b_task_history compact dynamic result layout ===== */
body.b-task-history-page .container {
    max-width: min(1180px, calc(100% - 40px)) !important;
}

body.b-task-history-page .form-section {
    margin-bottom: 30px !important;
}

body.b-task-history-page #resultSection {
    margin-top: 30px !important;
    padding: 0 !important;
    color: var(--front-ink) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 5px !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.b-task-history-page #resultSection > .ip-plan-content {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.b-task-history-page #coreIdentitySection,
body.b-task-history-page #ideologySection,
body.b-task-history-page #contentPersonaSection,
body.b-task-history-page #trustBuildingSection,
body.b-task-history-page #personaRoadmapSection,
body.b-task-history-page #resultSection > .front-inline-047 {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 0 22px 0 !important;
    padding: 24px !important;
    color: var(--front-ink) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.82), rgba(255,255,255,.58)),
        radial-gradient(circle at 0 0, rgba(210,235,255,.82), transparent 38%) !important;
    border: 1px solid rgba(10, 132, 255, 0.14) !important;
    border-radius: 5px !important;
    box-shadow: 0 12px 30px rgba(38, 102, 164, 0.08), inset 0 1px 0 rgba(255,255,255,.7) !important;
    backdrop-filter: blur(18px) saturate(1.15) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.15) !important;
}

body.b-task-history-page #resultSection > .front-inline-047 {
    margin-top: 28px !important;
    margin-bottom: 0 !important;
}

body.b-task-history-page #resultSection .section-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    margin: 0 0 18px 0 !important;
    padding: 0 0 14px 0 !important;
    border-bottom: 1px solid rgba(10, 132, 255, 0.12) !important;
}

body.b-task-history-page #resultSection h3,
body.b-task-history-page #resultSection .section-title,
body.b-task-history-page #resultSection .section-title2 {
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
    color: var(--front-blue) !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    background: none !important;
    -webkit-text-fill-color: var(--front-blue) !important;
}

body.b-task-history-page #resultSection .section-header h3 {
    margin-bottom: 0 !important;
}

body.b-task-history-page #resultSection .section-title {
    margin-top: 18px !important;
    padding-top: 18px !important;
    color: var(--front-ink) !important;
    font-size: 18px !important;
    -webkit-text-fill-color: var(--front-ink) !important;
    border-top: 1px solid rgba(10, 132, 255, 0.10) !important;
}

body.b-task-history-page #resultSection h4 {
    margin: 18px 0 12px 0 !important;
    color: var(--front-ink) !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.45 !important;
}

body.b-task-history-page #resultSection h5 {
    margin: 0 0 8px 0 !important;
    color: var(--front-ink) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.5 !important;
}

body.b-task-history-page #resultSection p,
body.b-task-history-page #resultSection span,
body.b-task-history-page #resultSection div {
    line-height: 1.72 !important;
}

body.b-task-history-page #resultSection p {
    margin: 0 0 10px 0 !important;
    color: var(--front-ink-soft) !important;
}

body.b-task-history-page #resultSection .identity-core-btn {
    flex: 0 0 auto !important;
    height: 32px !important;
    padding: 0 14px !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    border: 0 !important;
    border-radius: 5px !important;
    background: linear-gradient(135deg, var(--front-blue), var(--front-cyan)) !important;
    box-shadow: 0 8px 18px rgba(10, 132, 255, 0.18) !important;
}

body.b-task-history-page #resultSection .identity-tag-container,
body.b-task-history-page #resultSection .personal-slogan-section,
body.b-task-history-page #resultSection .differentiation-content,
body.b-task-history-page #resultSection .memory-point,
body.b-task-history-page #resultSection .personality-trait,
body.b-task-history-page #resultSection .core-concept-item,
body.b-task-history-page #resultSection .viewpoint-item,
body.b-task-history-page #resultSection .catchphrase-item,
body.b-task-history-page #resultSection .speaking-style-content,
body.b-task-history-page #resultSection .explanation-list,
body.b-task-history-page #resultSection .script-content,
body.b-task-history-page #resultSection .visual-style-item,
body.b-task-history-page #resultSection .pillar-item,
body.b-task-history-page #resultSection .endorsement-item,
body.b-task-history-page #resultSection .social-proof-item,
body.b-task-history-page #resultSection .story-content,
body.b-task-history-page #resultSection .roadmap-phase {
    min-height: 0 !important;
    margin: 0 0 12px 0 !important;
    padding: 14px 16px !important;
    color: var(--front-ink) !important;
    background: rgba(255, 255, 255, 0.56) !important;
    border: 1px solid rgba(10, 132, 255, 0.12) !important;
    border-radius: 5px !important;
    box-shadow: none !important;
}

body.b-task-history-page #resultSection .identity-tag-container {
    display: grid !important;
    grid-template-columns: 110px 1fr !important;
    gap: 14px !important;
    align-items: center !important;
}

body.b-task-history-page #resultSection .identity-tag-label,
body.b-task-history-page #resultSection .slogan-label {
    margin: 0 !important;
    color: var(--front-blue) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-align: left !important;
}

body.b-task-history-page #resultSection .identity-tag,
body.b-task-history-page #resultSection .personal-slogan {
    margin: 0 !important;
    color: var(--front-ink) !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    text-align: left !important;
    font-style: normal !important;
}

body.b-task-history-page #resultSection .personal-slogan-section {
    text-align: left !important;
}

body.b-task-history-page #resultSection .front-inline-089 {
    margin: 18px 0 0 0 !important;
    padding: 0 !important;
}

body.b-task-history-page #resultSection .memory-point-title {
    gap: 8px !important;
    margin: 0 0 6px 0 !important;
    color: var(--front-ink) !important;
    font-weight: 800 !important;
}

body.b-task-history-page #resultSection .memory-icon {
    margin: 0 !important;
}

body.b-task-history-page #resultSection .memory-point-content,
body.b-task-history-page #resultSection .memory-point-implementation,
body.b-task-history-page #resultSection .content-angle,
body.b-task-history-page #resultSection .catchphrase-effect,
body.b-task-history-page #resultSection .front-inline-088,
body.b-task-history-page #resultSection .front-inline-094,
body.b-task-history-page #resultSection .front-inline-101 {
    color: var(--front-ink-soft) !important;
    font-size: 14px !important;
}

body.b-task-history-page #resultSection .memory-point-implementation,
body.b-task-history-page #resultSection .content-angle {
    display: inline-block !important;
    margin-top: 6px !important;
    color: var(--front-blue) !important;
    font-weight: 700 !important;
}

body.b-task-history-page #resultSection .personality-trait strong {
    color: var(--front-blue) !important;
}

body.b-task-history-page #resultSection .core-concept,
body.b-task-history-page #resultSection .unique-viewpoints,
body.b-task-history-page #resultSection .catchphrase-design,
body.b-task-history-page #resultSection .speaking-style,
body.b-task-history-page #resultSection .speaking-style-explanation,
body.b-task-history-page #resultSection .sample-script,
body.b-task-history-page #resultSection .visual-style,
body.b-task-history-page #resultSection .content-pillars,
body.b-task-history-page #resultSection .trust-endorsement,
body.b-task-history-page #resultSection .social-proof,
body.b-task-history-page #resultSection .personal-story {
    margin: 0 0 18px 0 !important;
    padding: 0 !important;
}

body.b-task-history-page #resultSection .visual-style-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 0 !important;
}

body.b-task-history-page #resultSection .pillar-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 16px !important;
}

body.b-task-history-page #resultSection .front-inline-095 {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin: 8px 0 0 0 !important;
}

body.b-task-history-page #resultSection .front-inline-096,
body.b-task-history-page #resultSection .viewpoint-tag {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 24px !important;
    margin: 0 6px 6px 0 !important;
    padding: 2px 10px !important;
    color: var(--front-blue) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    background: rgba(10, 132, 255, 0.10) !important;
    border: 0 !important;
    border-radius: 5px !important;
}

body.b-task-history-page #resultSection .roadmap-phase.phase-1 {
    background: rgba(52, 199, 89, 0.10) !important;
    border-color: rgba(52, 199, 89, 0.22) !important;
}

body.b-task-history-page #resultSection .roadmap-phase.phase-2 {
    background: rgba(255, 149, 0, 0.10) !important;
    border-color: rgba(255, 149, 0, 0.22) !important;
}

body.b-task-history-page #resultSection .roadmap-phase.phase-3 {
    background: rgba(175, 82, 222, 0.10) !important;
    border-color: rgba(175, 82, 222, 0.22) !important;
}

body.b-task-history-page #resultSection .front-inline-098,
body.b-task-history-page #resultSection .front-inline-102,
body.b-task-history-page #resultSection .front-inline-105 {
    margin: 0 0 10px 0 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
}

body.b-task-history-page #resultSection .front-inline-099,
body.b-task-history-page #resultSection .front-inline-103,
body.b-task-history-page #resultSection .front-inline-106 {
    flex: 0 0 auto !important;
    margin-right: 8px !important;
    font-weight: 900 !important;
}

body.b-task-history-page #resultSection .front-inline-100,
body.b-task-history-page #resultSection .front-inline-104,
body.b-task-history-page #resultSection .front-inline-107 {
    color: var(--front-ink) !important;
    font-weight: 800 !important;
}

body.b-task-history-page #resultSection .front-inline-048 {
    align-items: flex-start !important;
    gap: 12px !important;
    margin-bottom: 16px !important;
}

body.b-task-history-page #resultSection .front-inline-049 {
    flex: 0 0 32px !important;
    width: 32px !important;
    height: 32px !important;
    color: #fff !important;
    background: linear-gradient(135deg, var(--front-blue), var(--front-cyan)) !important;
    border-radius: 5px !important;
}

body.b-task-history-page #resultSection .front-inline-051 {
    margin: 0 0 4px 0 !important;
    color: var(--front-ink) !important;
}

body.b-task-history-page #resultSection .front-inline-052 {
    margin: 0 !important;
    color: var(--front-ink-soft) !important;
}

body.b-task-history-page #resultSection .front-inline-053 {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 10px !important;
}

body.b-task-history-page #resultSection .front-inline-054,
body.b-task-history-page #resultSection .front-inline-055 {
    border-radius: 5px !important;
}

@media (max-width: 768px) {
    body.b-task-history-page .container {
        max-width: 100% !important;
    }

    body.b-task-history-page #coreIdentitySection,
    body.b-task-history-page #ideologySection,
    body.b-task-history-page #contentPersonaSection,
    body.b-task-history-page #trustBuildingSection,
    body.b-task-history-page #personaRoadmapSection,
    body.b-task-history-page #resultSection > .front-inline-047 {
        padding: 18px !important;
    }

    body.b-task-history-page #resultSection .identity-tag-container,
    body.b-task-history-page #resultSection .visual-style-grid {
        display: block !important;
    }

    body.b-task-history-page #resultSection .identity-tag-label {
        margin-bottom: 8px !important;
    }

    body.b-task-history-page #resultSection .pillar-item {
        display: block !important;
    }
}

/* ===== v4.2 unified typography: all non-home front pages =====
   首页 app/front/view/index/index.html 不加 front-typography-page，因此不受这里影响。
   字号规划：
   - 页面主标题：36px 桌面 / 28px 移动
   - 页面副标题：16px
   - 结果/模块大标题：24px
   - 一级内容标题：21px
   - 二级内容标题：17px
   - 小标题/标签：15px
   - 正文内容：15px
   - 解释/辅助说明：14px
*/
body.front-typography-page {
    --front-type-page-title: clamp(30px, 3vw, 36px);
    --front-type-subtitle: 16px;
    --front-type-section-title: 24px;
    --front-type-block-title: 21px;
    --front-type-subtitle-title: 17px;
    --front-type-small-title: 15px;
    --front-type-content: 15px;
    --front-type-explain: 14px;
    --front-type-label: 15px;
    --front-type-button: 15px;
    font-size: var(--front-type-content) !important;
}

body.front-typography-page :is(
    .form-section,
    .form-container,
    .result-section,
    .result-container,
    .topics-result,
    .content-section,
    .script-section,
    .plan-section,
    .teleprompter-section,
    .market-analysis-wrapper,
    .overview-section,
    .execution-plan-section,
    .daily-schedule-wrapper,
    .generated-content,
    .content-card,
    .section-card,
    .data-card,
    .topic-card,
    .task-item,
    .schedule-task-item,
    .dynamic-card,
    .design-card,
    .industry-item
) :is(p, li, div, span) {
    font-size: var(--front-type-content) !important;
    line-height: 1.72 !important;
}

body.front-typography-page :is(
    .header-title,
    .header .title,
    h1.title
) {
    font-size: var(--front-type-page-title) !important;
    line-height: 1.18 !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
}

body.front-typography-page :is(
    .header-subtitle,
    .header .subtitle,
    .section-title > p
) {
    font-size: var(--front-type-subtitle) !important;
    line-height: 1.75 !important;
    font-weight: 600 !important;
}

body.front-typography-page :is(
    h2,
    .result-title,
    .section-title > h2,
    .front-inline-110,
    .front-inline-142,
    .front-inline-179,
    .front-inline-183,
    .front-inline-194
) {
    font-size: var(--front-type-section-title) !important;
    line-height: 1.34 !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em !important;
}

body.front-typography-page :is(
    h3,
    h3.section-title,
    .section-title2,
    .front-inline-112,
    .front-inline-126,
    .front-inline-129,
    .front-inline-133,
    .front-inline-136,
    .front-inline-146,
    .front-inline-157,
    .front-inline-164,
    .front-inline-173
) {
    font-size: var(--front-type-block-title) !important;
    line-height: 1.42 !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
}

body.front-typography-page :is(
    h4,
    .form-header,
    .script-type-header,
    .elements-header,
    .category-title,
    .schedule-time-title,
    .front-inline-051,
    .front-inline-056,
    .front-inline-061,
    .front-inline-064,
    .front-inline-069,
    .front-inline-071,
    .front-inline-075,
    .front-inline-079,
    .front-inline-098,
    .front-inline-102,
    .front-inline-105,
    .front-inline-182,
    .front-inline-198
) {
    font-size: var(--front-type-subtitle-title) !important;
    line-height: 1.48 !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
}

body.front-typography-page :is(
    h5,
    .tab-title,
    .form-label,
    .identity-tag-label,
    .slogan-label,
    .front-inline-076,
    .front-inline-086,
    .front-inline-093,
    .front-inline-100,
    .front-inline-104,
    .front-inline-107,
    .front-inline-143,
    .front-inline-162,
    .front-inline-171,
    label
) {
    font-size: var(--front-type-small-title) !important;
    line-height: 1.5 !important;
    font-weight: 700 !important;
}

body.front-typography-page :is(
    p,
    li,
    .front-inline-052,
    .front-inline-057,
    .front-inline-062,
    .front-inline-065,
    .front-inline-068,
    .front-inline-072,
    .front-inline-074,
    .front-inline-077,
    .front-inline-081,
    .front-inline-087,
    .front-inline-088,
    .front-inline-094,
    .front-inline-101,
    .content-angle,
    .memory-point-content,
    .memory-point-implementation,
    .catchphrase-effect,
    .char-count,
    .form-link
) {
    font-size: var(--front-type-explain) !important;
    line-height: 1.76 !important;
    font-weight: 500 !important;
}

body.front-typography-page :is(input, textarea, select) {
    font-size: var(--front-type-content) !important;
    line-height: 1.55 !important;
}

body.front-typography-page :is(
    button,
    .btn,
    .generate-btn,
    .action-btn,
    .primary-btn,
    .secondary-btn,
    .platform-option,
    .tab,
    .industry-tab
) {
    font-size: var(--front-type-button) !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
}

body.front-typography-page :is(.step-indicator, .step-number, .step-text) {
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}

body.front-typography-page :is(h1, h2, h3, h4, h5) :is(span, em, strong, div) {
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
}

body.front-typography-page :is(.form-section, .form-container) label {
    margin-bottom: 8px !important;
}

body.front-typography-page .login-card :is(.form-label, .form-input, .form-link, .btn) {
    font-size: var(--front-type-content) !important;
}

/* 提高这些 div/span 标题的优先级，压过动态内容里的普通 div/span 字号规则。 */
body.front-typography-page.front-typography-page :is(
    .result-title,
    .front-inline-110,
    .front-inline-142,
    .front-inline-179,
    .front-inline-183,
    .front-inline-194
) {
    font-size: var(--front-type-section-title) !important;
    line-height: 1.34 !important;
    font-weight: 800 !important;
}

body.front-typography-page.front-typography-page :is(
    .form-header,
    .script-type-header,
    .elements-header,
    .category-title,
    .schedule-time-title,
    .front-inline-051,
    .front-inline-056,
    .front-inline-061,
    .front-inline-064,
    .front-inline-069,
    .front-inline-071,
    .front-inline-075,
    .front-inline-079,
    .front-inline-098,
    .front-inline-102,
    .front-inline-105,
    .front-inline-182,
    .front-inline-198
) {
    font-size: var(--front-type-subtitle-title) !important;
    line-height: 1.48 !important;
    font-weight: 800 !important;
}

@media (max-width: 768px) {
    body.front-typography-page {
        --front-type-page-title: 28px;
        --front-type-subtitle: 15px;
        --front-type-section-title: 22px;
        --front-type-block-title: 19px;
        --front-type-subtitle-title: 16px;
        --front-type-small-title: 14px;
        --front-type-content: 14px;
        --front-type-explain: 13px;
        --front-type-label: 14px;
        --front-type-button: 14px;
    }
}

/* ===== v4.3 targeted polish: e_task_history tabs and topic list on white background ===== */
body.e-task-history-page #topicsResult {
    padding: 28px !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.72), rgba(244, 250, 255, 0.56)),
        radial-gradient(circle at 0 0, rgba(10, 132, 255, 0.08), transparent 36%) !important;
    border: 1px solid rgba(10, 132, 255, 0.14) !important;
    border-radius: 5px !important;
}

body.e-task-history-page #topicsResult .tabs {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin: 0 0 24px 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

body.e-task-history-page #topicsResult .tab {
    position: relative !important;
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    grid-template-areas:
        "icon title"
        "icon desc"
        "icon count" !important;
    align-items: start !important;
    column-gap: 10px !important;
    row-gap: 4px !important;
    min-width: 0 !important;
    min-height: 118px !important;
    padding: 18px 16px 16px !important;
    cursor: pointer !important;
    color: var(--front-ink) !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(247, 252, 255, 0.76)) !important;
    border: 1px solid rgba(10, 132, 255, 0.16) !important;
    border-radius: 5px !important;
    box-shadow: 0 8px 22px rgba(38, 102, 164, 0.06), inset 0 1px 0 rgba(255,255,255,.78) !important;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
    user-select: none !important;
}

body.e-task-history-page #topicsResult .tab::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 4px !important;
    height: 100% !important;
    border-radius: 5px !important;
    background: rgba(10, 132, 255, 0.24) !important;
}

body.e-task-history-page #topicsResult .tab::after {
    content: "可选择" !important;
    position: absolute !important;
    right: 10px !important;
    bottom: 9px !important;
    padding: 2px 7px !important;
    color: rgba(10, 132, 255, 0.76) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
    background: rgba(10, 132, 255, 0.08) !important;
    border: 1px solid rgba(10, 132, 255, 0.12) !important;
    border-radius: 5px !important;
}

body.e-task-history-page #topicsResult .tab:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(10, 132, 255, 0.36) !important;
    box-shadow: 0 12px 28px rgba(10, 132, 255, 0.12), inset 0 1px 0 rgba(255,255,255,.82) !important;
}

body.e-task-history-page #topicsResult .tab.active {
    color: var(--front-blue) !important;
    background:
        linear-gradient(145deg, rgba(232, 247, 255, 0.98), rgba(255,255,255,0.9)),
        radial-gradient(circle at 100% 0, rgba(18, 200, 223, 0.18), transparent 42%) !important;
    border: 2px solid rgba(10, 132, 255, 0.56) !important;
    box-shadow: 0 14px 34px rgba(10, 132, 255, 0.16), inset 0 1px 0 rgba(255,255,255,.84) !important;
}

body.e-task-history-page #topicsResult .tab.active::before {
    width: 5px !important;
    background: linear-gradient(180deg, var(--front-blue), var(--front-cyan)) !important;
}

body.e-task-history-page #topicsResult .tab.active::after {
    content: "当前选中" !important;
    color: #fff !important;
    background: linear-gradient(135deg, var(--front-blue), var(--front-cyan)) !important;
    border-color: transparent !important;
}

body.e-task-history-page #topicsResult .tab-icon {
    grid-area: icon !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    margin: 0 !important;
    font-size: 18px !important;
    background: rgba(10, 132, 255, 0.10) !important;
    border: 1px solid rgba(10, 132, 255, 0.12) !important;
    border-radius: 5px !important;
}

body.e-task-history-page #topicsResult .tab-title {
    grid-area: title !important;
    display: block !important;
    margin: 0 !important;
    color: var(--front-ink) !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
}

body.e-task-history-page #topicsResult .tab-desc {
    grid-area: desc !important;
    display: block !important;
    margin: 0 !important;
    color: var(--front-ink-soft) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
}

body.e-task-history-page #topicsResult .tab-count {
    grid-area: count !important;
    justify-self: start !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 24px !important;
    margin-top: 4px !important;
    padding: 2px 9px !important;
    color: var(--front-blue) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
    background: rgba(10, 132, 255, 0.10) !important;
    border: 1px solid rgba(10, 132, 255, 0.14) !important;
    border-radius: 5px !important;
}

body.e-task-history-page #topicsResult .tab.active .tab-count {
    color: #fff !important;
    background: linear-gradient(135deg, var(--front-blue), var(--front-cyan)) !important;
    border-color: transparent !important;
}

body.e-task-history-page #topicsResult .search-section {
    margin: 0 0 24px 0 !important;
    padding: 0 !important;
}

body.e-task-history-page #topicsResult .search-box input {
    height: 46px !important;
    background: rgba(255,255,255,.78) !important;
    border: 1px solid rgba(10, 132, 255, 0.18) !important;
}

body.e-task-history-page #topicsResult .stats {
    min-width: 110px !important;
    justify-content: flex-end !important;
}

body.e-task-history-page #topicsResult .total-count {
    color: var(--front-ink) !important;
    font-weight: 800 !important;
}

body.e-task-history-page #topicsResult .topics-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    padding: 16px !important;
    background: rgba(255, 255, 255, 0.46) !important;
    border: 1px solid rgba(10, 132, 255, 0.16) !important;
    border-radius: 5px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72) !important;
}

body.e-task-history-page #topicsResult .topic-item {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 15px 16px !important;
    background: rgba(255, 255, 255, 0.82) !important;
    border: 1px solid rgba(10, 132, 255, 0.14) !important;
    border-radius: 5px !important;
    box-shadow: 0 5px 16px rgba(38, 102, 164, 0.045) !important;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

body.e-task-history-page #topicsResult .topic-item:hover {
    transform: translateY(-1px) !important;
    border-color: rgba(10, 132, 255, 0.32) !important;
    box-shadow: 0 10px 22px rgba(10, 132, 255, 0.08) !important;
}

body.e-task-history-page #topicsResult .topic-item.topic-hidden {
    display: none !important;
}

body.e-task-history-page #topicsResult .topic-info {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    width: 100% !important;
}

body.e-task-history-page #topicsResult .topic-number {
    flex: 0 0 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    background: linear-gradient(135deg, var(--front-blue), var(--front-cyan)) !important;
    border-radius: 5px !important;
}

body.e-task-history-page #topicsResult .topic-info > div:not(.topic-number) {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

body.e-task-history-page #topicsResult .topic-title {
    margin: 0 0 8px 0 !important;
    color: var(--front-ink) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.55 !important;
}

body.e-task-history-page #topicsResult .topic-meta {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

body.e-task-history-page #topicsResult .topic-difficulty {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 24px !important;
    padding: 2px 10px !important;
    color: var(--front-blue) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    background: rgba(10, 132, 255, 0.10) !important;
    border: 1px solid rgba(10, 132, 255, 0.10) !important;
    border-radius: 5px !important;
}

body.e-task-history-page #topicsResult .topic-score {
    color: #f5a400 !important;
    font-size: 13px !important;
    letter-spacing: 1px !important;
}

@media (max-width: 1200px) {
    body.e-task-history-page #topicsResult .tabs {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 768px) {
    body.e-task-history-page #topicsResult {
        padding: 18px !important;
    }

    body.e-task-history-page #topicsResult .tabs {
        grid-template-columns: 1fr !important;
    }

    body.e-task-history-page #topicsResult .tab {
        min-height: 96px !important;
    }

    body.e-task-history-page #topicsResult .search-section {
        display: block !important;
    }

    body.e-task-history-page #topicsResult .stats {
        justify-content: flex-start !important;
        margin-top: 10px !important;
    }
}

/* ===== v4.5 targeted polish: g_task_history generated copy content spacing ===== */
body.g-task-history-page #copyResult {
    padding: 30px !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.82), rgba(246,251,255,.64)),
        radial-gradient(circle at 0 0, rgba(10,132,255,.08), transparent 36%) !important;
    border: 1px solid rgba(10, 132, 255, 0.14) !important;
    border-radius: 5px !important;
}

body.g-task-history-page #copyResult .front-inline-178 {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 24px !important;
}

body.g-task-history-page #copyContent {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    padding: 18px !important;
    white-space: normal !important;
    background: rgba(255,255,255,.48) !important;
    border: 1px solid rgba(10, 132, 255, 0.12) !important;
    border-radius: 5px !important;
}

body.g-task-history-page #copyContent .result-item {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 20px 22px !important;
    color: var(--front-ink) !important;
    background: rgba(255,255,255,.86) !important;
    border: 1px solid rgba(10, 132, 255, 0.16) !important;
    border-radius: 5px !important;
    box-shadow: 0 6px 18px rgba(38, 102, 164, 0.045) !important;
}

body.g-task-history-page #copyContent .front-inline-201 {
    margin: 0 0 14px 0 !important;
    padding: 0 0 12px 0 !important;
    color: var(--front-blue) !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    line-height: 1.4 !important;
    border-bottom: 1px solid rgba(10, 132, 255, 0.14) !important;
}

body.g-task-history-page #copyContent .item-content {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    color: var(--front-ink) !important;
}

body.g-task-history-page #copyContent .copy-paragraph {
    margin: 0 !important;
    padding: 2px 0 !important;
    color: var(--front-ink) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.85 !important;
    white-space: pre-wrap !important;
}

body.g-task-history-page #copyContent .copy-content-list,
body.g-task-history-page #copyContent .copy-content-obj,
body.g-task-history-page #copyContent .nested-content {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.g-task-history-page #copyContent .copy-nested-box,
body.g-task-history-page #copyContent .copy-card-node,
body.g-task-history-page #copyContent .copy-list-row {
    margin: 0 0 12px 0 !important;
    padding: 16px 18px !important;
    color: var(--front-ink) !important;
    background: rgba(255,255,255,.66) !important;
    border: 1px solid rgba(10, 132, 255, 0.12) !important;
    border-radius: 5px !important;
}

body.g-task-history-page #copyContent .copy-list-row {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
}

body.g-task-history-page #copyContent .copy-card-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.g-task-history-page #copyContent .copy-card-node {
    min-width: 0 !important;
    margin-bottom: 0 !important;
}

body.g-task-history-page #copyContent .copy-node-title,
body.g-task-history-page #copyContent .copy-nested-title {
    display: block !important;
    margin: 0 0 8px 0 !important;
    color: var(--front-blue) !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1.45 !important;
}

body.g-task-history-page #copyContent .copy-text,
body.g-task-history-page #copyContent .copy-node-body {
    color: var(--front-ink) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.85 !important;
}

body.g-task-history-page #copyContent .copy-bullet,
body.g-task-history-page #copyContent .copy-index {
    flex: 0 0 auto !important;
    color: var(--front-blue) !important;
    font-weight: 900 !important;
}

body.g-task-history-page #resultSection {
    padding: 22px !important;
    border-radius: 5px !important;
}

@media (max-width: 900px) {
    body.g-task-history-page #copyContent .copy-card-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 768px) {
    body.g-task-history-page #copyResult {
        padding: 20px !important;
    }

    body.g-task-history-page #copyContent {
        padding: 14px !important;
    }

    body.g-task-history-page #copyContent .result-item {
        padding: 16px !important;
    }
}

/* ===== v4.6 targeted polish: f/i_task_history dynamic shooting lists borders ===== */
body.shooting-task-page #resultSection {
    padding: 28px !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.80), rgba(246,251,255,.60)),
        radial-gradient(circle at 0 0, rgba(10,132,255,.08), transparent 36%) !important;
    border: 1px solid rgba(10, 132, 255, 0.14) !important;
    border-radius: 5px !important;
}

body.shooting-task-page #resultSection .script-section,
body.shooting-task-page #resultSection .plan-section,
body.shooting-task-page #resultSection .teleprompter-section {
    margin-bottom: 24px !important;
    padding: 22px !important;
    background: rgba(255,255,255,.58) !important;
    border: 1px solid rgba(10, 132, 255, 0.14) !important;
    border-radius: 5px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72) !important;
}

body.shooting-task-page #resultSection .script-list,
body.shooting-task-page #resultSection .plan-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

body.shooting-task-page #resultSection .script-item,
body.shooting-task-page #resultSection .plan-item,
body.shooting-task-page #resultSection .teleprompter-content {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 18px 20px !important;
    color: var(--front-ink) !important;
    background: rgba(255,255,255,.84) !important;
    border: 1px solid rgba(10, 132, 255, 0.18) !important;
    border-radius: 5px !important;
    box-shadow: 0 6px 18px rgba(38, 102, 164, 0.045) !important;
}

body.shooting-task-page #resultSection .script-item:hover,
body.shooting-task-page #resultSection .plan-item:hover {
    border-color: rgba(10, 132, 255, 0.32) !important;
    box-shadow: 0 10px 24px rgba(10, 132, 255, 0.08) !important;
}

body.shooting-task-page #resultSection .script-time,
body.shooting-task-page #resultSection .script-shot {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 28px !important;
    margin: 0 10px 12px 0 !important;
    padding: 3px 10px !important;
    color: var(--front-blue) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    background: rgba(10, 132, 255, 0.10) !important;
    border: 1px solid rgba(10, 132, 255, 0.12) !important;
    border-radius: 5px !important;
}

body.shooting-task-page #resultSection .script-description,
body.shooting-task-page #resultSection .script-target,
body.shooting-task-page #resultSection .script画面,
body.shooting-task-page #resultSection .script-audio {
    margin: 0 0 10px 0 !important;
    padding: 12px 14px !important;
    color: var(--front-ink) !important;
    background: rgba(255,255,255,.56) !important;
    border: 1px solid rgba(10, 132, 255, 0.10) !important;
    border-radius: 5px !important;
}

body.shooting-task-page #resultSection .script-description:last-child,
body.shooting-task-page #resultSection .script-audio:last-child {
    margin-bottom: 0 !important;
}

body.shooting-task-page #resultSection .script-description-label,
body.shooting-task-page #resultSection .script-audio-label,
body.shooting-task-page #resultSection .script-label,
body.shooting-task-page #resultSection .plan-item-title {
    color: var(--front-blue) !important;
    font-weight: 900 !important;
}

body.shooting-task-page #resultSection .script-value,
body.shooting-task-page #resultSection .plan-item-content,
body.shooting-task-page #resultSection .teleprompter-text {
    color: var(--front-ink) !important;
    font-size: 15px !important;
    font-weight: 650 !important;
    line-height: 1.78 !important;
}

body.shooting-task-page #resultSection .plan-item-title {
    margin: 0 0 10px 0 !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid rgba(10, 132, 255, 0.12) !important;
}

body.shooting-task-page #resultSection .teleprompter-content {
    margin-top: 0 !important;
}

@media (max-width: 768px) {
    body.shooting-task-page #resultSection {
        padding: 20px !important;
    }

    body.shooting-task-page #resultSection .script-section,
    body.shooting-task-page #resultSection .plan-section,
    body.shooting-task-page #resultSection .teleprompter-section {
        padding: 16px !important;
    }

    body.shooting-task-page #resultSection .script-item,
    body.shooting-task-page #resultSection .plan-item,
    body.shooting-task-page #resultSection .teleprompter-content {
        padding: 15px !important;
    }
}

/* ===== v4.7 targeted polish: h_task_history major live-plan modules use solid white panels ===== */
body.h-task-history-page :is(
    .drainage-section,
    .product-section,
    .interaction-section,
    .objection-section,
    .optimization-section
) {
    margin: 0 0 30px 0 !important;
    padding: 0 !important;
}

body.h-task-history-page :is(
    .drainage-strategy,
    .product-design,
    .interaction-tips,
    .objection-handling,
    .data-optimization
) {
    display: block !important;
    width: 100% !important;
    min-height: 1px !important;
    margin: 0 !important;
    padding: 30px !important;
    color: var(--front-ink) !important;
    background: #ffffff !important;
    border: 1px solid rgba(10, 132, 255, 0.12) !important;
    border-radius: 5px !important;
    box-shadow: 0 8px 22px rgba(38, 102, 164, 0.055) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.h-task-history-page :is(
    .drainage-strategy:empty,
    .product-design:empty,
    .interaction-tips:empty,
    .objection-handling:empty,
    .data-optimization:empty
) {
    display: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}

body.h-task-history-page :is(
    .drainage-strategy h3,
    .product-design h3,
    .interaction-header,
    .objection-header,
    .optimization-header,
    .product-design-header
) {
    margin-top: 0 !important;
    margin-bottom: 22px !important;
}

body.h-task-history-page :is(
    .strategy-card,
    .product-item,
    .interaction-template,
    .interaction-item,
    .objection-item,
    .optimization-item
) {
    background: #ffffff !important;
    border: 1px solid rgba(10, 132, 255, 0.13) !important;
    border-radius: 5px !important;
    box-shadow: 0 5px 15px rgba(38, 102, 164, 0.04) !important;
}

body.h-task-history-page .product-item.limited {
    background: #ffffff !important;
    border-color: rgba(255, 71, 87, 0.26) !important;
}

body.h-task-history-page .interaction-template {
    padding: 20px !important;
}

body.h-task-history-page :is(.strategy-list p, .product-item p, .scene-content, .objection-answer, .optimization-content) {
    color: var(--front-ink) !important;
}

@media (max-width: 768px) {
    body.h-task-history-page :is(
        .drainage-strategy,
        .product-design,
        .interaction-tips,
        .objection-handling,
        .data-optimization
    ) {
        padding: 20px !important;
    }
}

/* ===== v4.8 targeted fix: b_task_history identity and slogan blocks centered in two lines ===== */
body.b-task-history-page #resultSection .identity-tag-container,
body.b-task-history-page #resultSection .personal-slogan-section {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    min-height: 86px !important;
    text-align: center !important;
}

body.b-task-history-page #resultSection .identity-tag-label,
body.b-task-history-page #resultSection .slogan-label,
body.b-task-history-page #resultSection .identity-tag,
body.b-task-history-page #resultSection .personal-slogan {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
}

body.b-task-history-page #resultSection .identity-tag-label,
body.b-task-history-page #resultSection .slogan-label {
    line-height: 1.35 !important;
}

body.b-task-history-page #resultSection .identity-tag,
body.b-task-history-page #resultSection .personal-slogan {
    line-height: 1.55 !important;
}

/* ===== v4.9 targeted fix: b_task_history blue chips for implementation/content angle ===== */
body.b-task-history-page #resultSection .memory-point-implementation,
body.b-task-history-page #resultSection .core-concept .content-angle,
body.b-task-history-page #resultSection .unique-viewpoints .content-angle,
body.b-task-history-page #resultSection .catchphrase-design .content-angle {
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin-top: 10px !important;
    min-height: 24px !important;
    padding: 2px 10px !important;
    color: var(--front-blue) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    background: rgba(10, 132, 255, 0.10) !important;
    border: 0 !important;
    border-radius: 5px !important;
}

body.b-task-history-page #resultSection .memory-point-implementation {
    margin-bottom: 0 !important;
}

/* ===== v5.2 targeted fix: b_task_history visual style content green chips ===== */
body.b-task-history-page #resultSection .visual-style-item p,
body.b-task-history-page #resultSection .visual-style-item .front-inline-088 {
    display: inline-block !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 5px 10px !important;
    color: #10a56a !important;
    font-weight: 800 !important;
    line-height: 1.55 !important;
    background: rgba(16, 185, 129, 0.12) !important;
    border-radius: 5px !important;
}

/* ===== v5.3 targeted fix: b_task_history trust method chips ===== */
body.b-task-history-page #resultSection .trust-endorsement .front-inline-088 {
    display: inline-block !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin: 4px 0 0 0 !important;
    padding: 5px 10px !important;
    color: #ec3ce3 !important;
    font-weight: 800 !important;
    line-height: 1.55 !important;
    background: rgba(214, 51, 132, 0.12) !important;
    border-radius: 5px !important;
}

body.b-task-history-page #resultSection .social-proof .front-inline-088 {
    display: inline-block !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin: 4px 0 0 0 !important;
    padding: 5px 10px !important;
    color: #b77900 !important;
    font-weight: 800 !important;
    line-height: 1.55 !important;
    background: rgba(245, 158, 11, 0.16) !important;
    border-radius: 5px !important;
}

/* ===== v5.4 homepage focused polish ===== */
body.front-page {
    background:
        radial-gradient(circle at 50% 7%, rgba(18, 200, 223, 0.16), transparent 28%),
        radial-gradient(circle at 13% 72%, rgba(10, 132, 255, 0.10), transparent 26%),
        linear-gradient(180deg, #fafdff 0%, #edf7ff 44%, #eef0ff 100%) !important;
}

body.front-page #app {
    min-height: 100vh;
}

body.front-page .main.container {
    width: min(1180px, calc(100% - 48px)) !important;
    max-width: none !important;
    padding: 108px 0 72px !important;
}

body.front-page .hero-section {
    margin-bottom: 56px !important;
}

body.front-page .hero-title-container {
    height: 94px !important;
    margin-bottom: 20px !important;
}

body.front-page .hero-title,
body.front-page .typing-cursor {
    font-size: 72px !important;
    line-height: 1.05 !important;
}

body.front-page .hero-title {
    letter-spacing: 0 !important;
    color: #087df1 !important;
    background: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    -webkit-text-fill-color: currentColor !important;
}

body.front-page .hero-quote {
    margin-bottom: 20px !important;
    font-size: 17px !important;
    font-weight: 800 !important;
}

body.front-page .hero-quote + .hero-quote {
    margin-bottom: 34px !important;
}

body.front-page .hero-buttons {
    width: 100% !important;
}

body.front-page .btn-secondary {
    width: 100% !important;
    min-height: 44px !important;
    color: #fff !important;
    font-weight: 800 !important;
    background: linear-gradient(92deg, #0b86f0 0%, #08b5dc 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.62) !important;
    box-shadow: 0 14px 30px rgba(10, 132, 255, 0.16), inset 0 1px 0 rgba(255,255,255,.42) !important;
}

body.front-page .btn-secondary:hover {
    transform: translateY(-1px);
    box-shadow: 0 18px 36px rgba(10, 132, 255, 0.20), inset 0 1px 0 rgba(255,255,255,.48) !important;
}

body.front-page .ip-progress-section {
    margin: 0 auto !important;
    padding: 32px 30px 30px !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.86), rgba(245,250,255,.62)),
        radial-gradient(circle at 0 0, rgba(10,132,255,.08), transparent 34%) !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    box-shadow: 0 18px 50px rgba(52, 98, 168, 0.10), inset 0 1px 0 rgba(255,255,255,.72) !important;
}

body.front-page .ip-progress-section::before {
    display: none !important;
}

body.front-page .progress-header {
    margin-bottom: 18px !important;
}

body.front-page .progress-header h2 {
    color: #16233a !important;
    font-size: 20px !important;
    font-weight: 900 !important;
}

body.front-page .progress-info {
    margin-bottom: 18px !important;
    color: #506277 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

body.front-page .progress-bar-container {
    gap: 10px !important;
    margin-bottom: 30px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

body.front-page .progress-bar {
    height: 10px !important;
    margin-right: 0 !important;
    background: rgba(223, 236, 250, 0.86) !important;
    border: 1px solid rgba(255,255,255,.92) !important;
    box-shadow: inset 0 1px 2px rgba(20, 80, 140, 0.08) !important;
}

body.front-page .progress-fill {
    background: linear-gradient(90deg, #0b86f0 0%, #08b8dd 55%, #2ac56f 100%) !important;
    box-shadow: 0 0 12px rgba(8, 181, 220, 0.32) !important;
}

body.front-page .progress-percentage {
    flex: 0 0 auto !important;
    min-width: 44px !important;
    height: 24px !important;
    border-radius: 5px !important;
    font-size: 12px !important;
    line-height: 24px !important;
    text-align: center !important;
}

body.front-page .progress-steps {
    display: grid !important;
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

body.front-page .progress-steps::before {
    left: 16px !important;
    right: 16px !important;
    top: 22px !important;
    background: rgba(10, 132, 255, 0.16) !important;
}

body.front-page .progress-step {
    min-width: 0 !important;
}

body.front-page .step-wrapper {
    width: 100% !important;
    min-height: 44px !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 9px 8px !important;
    color: #18263a !important;
    background: rgba(255,255,255,.92) !important;
    border: 1px solid rgba(10, 132, 255, 0.16) !important;
    box-shadow: 0 6px 18px rgba(38, 102, 164, 0.045) !important;
}

body.front-page .step-wrapper:hover {
    border-color: rgba(10, 132, 255, 0.34) !important;
    box-shadow: 0 10px 24px rgba(10,132,255,.10) !important;
    transform: translateY(-1px);
}

body.front-page .step-icon {
    flex: 0 0 auto !important;
    font-size: 15px !important;
}

body.front-page .step-label {
    overflow: hidden !important;
    color: #1d2a3a !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.front-page .step-check {
    top: -7px !important;
    right: -5px !important;
    width: 18px !important;
    height: 18px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #05a8ff, #08c8d0) !important;
    box-shadow: 0 5px 12px rgba(10, 132, 255, 0.22) !important;
}

@media (max-width: 1100px) {
    body.front-page .progress-steps {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    body.front-page .progress-steps::before {
        display: none !important;
    }
}

@media (max-width: 768px) {
    body.front-page .main.container {
        width: calc(100% - 24px) !important;
        padding: 92px 0 44px !important;
    }

    body.front-page .hero-section {
        margin-bottom: 34px !important;
    }

    body.front-page .hero-title-container {
        height: 62px !important;
        margin-bottom: 16px !important;
    }

    body.front-page .hero-title,
    body.front-page .typing-cursor {
        font-size: 42px !important;
    }

    body.front-page .hero-quote {
        font-size: 14px !important;
    }

    body.front-page .ip-progress-section {
        padding: 22px 16px 18px !important;
    }

    body.front-page .progress-steps {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
}

/* ===== v5.5 iOS 26 liquid glass homepage ===== */
body.liquid-home-page {
    --liquid-ink: #12223a;
    --liquid-muted: rgba(28, 53, 83, 0.72);
    --liquid-blue: #087df1;
    --liquid-cyan: #02c6d3;
    --liquid-mint: #35d977;
    --liquid-violet: #7c8cff;
    --liquid-glass: rgba(255, 255, 255, 0.36);
    --liquid-glass-strong: rgba(255, 255, 255, 0.58);
    --liquid-edge: rgba(255, 255, 255, 0.78);
    --liquid-edge-soft: rgba(255, 255, 255, 0.48);
    --liquid-shadow: 0 24px 70px rgba(48, 99, 169, 0.16);
    --liquid-shadow-tight: 0 12px 34px rgba(31, 98, 178, 0.12);
    color: var(--liquid-ink) !important;
    background:
        radial-gradient(circle at 23% 20%, rgba(0, 200, 255, 0.32), transparent 25%),
        radial-gradient(circle at 76% 10%, rgba(139, 124, 255, 0.20), transparent 28%),
        radial-gradient(circle at 68% 68%, rgba(57, 217, 119, 0.18), transparent 26%),
        linear-gradient(145deg, #fafdff 0%, #e9f7ff 43%, #eef1ff 100%) !important;
    background-attachment: fixed !important;
}

body.liquid-home-page::before {
    background:
        radial-gradient(ellipse at 50% 0%, rgba(255,255,255,.92), transparent 42%),
        linear-gradient(120deg, rgba(255,255,255,.34), transparent 36%, rgba(255,255,255,.20) 62%, transparent 78%) !important;
    background-size: auto !important;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.95), transparent 86%) !important;
}

.liquid-glass-scene {
    position: fixed;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    overflow: hidden;
}

.liquid-glass-scene::before,
.liquid-glass-scene::after {
    content: "";
    position: absolute;
    border-radius: 999px;
    filter: blur(2px);
    opacity: .72;
    transform: translateZ(0);
}

.liquid-glass-scene::before {
    width: min(52vw, 760px);
    height: min(52vw, 760px);
    left: 10%;
    top: 16%;
    background:
        radial-gradient(circle at 34% 30%, rgba(255,255,255,.92), transparent 0 14%, transparent 24%),
        conic-gradient(from 210deg, rgba(6,154,246,.30), rgba(0,204,214,.22), rgba(124,140,255,.18), rgba(53,217,119,.16), rgba(6,154,246,.30));
}

.liquid-glass-scene::after {
    width: min(44vw, 620px);
    height: min(44vw, 620px);
    right: 8%;
    top: 38%;
    background:
        radial-gradient(circle at 68% 36%, rgba(255,255,255,.74), transparent 0 12%, transparent 22%),
        conic-gradient(from 40deg, rgba(53,217,119,.18), rgba(2,198,211,.26), rgba(124,140,255,.20), rgba(8,125,241,.22), rgba(53,217,119,.18));
}

body.liquid-home-page #stars-container {
    opacity: .16 !important;
}

body.liquid-home-page .front-header {
    height: 76px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.62), rgba(255,255,255,.34)) !important;
    border-bottom: 1px solid rgba(255,255,255,.62) !important;
    box-shadow: 0 12px 34px rgba(63, 104, 164, 0.08), inset 0 1px 0 rgba(255,255,255,.72) !important;
    backdrop-filter: blur(34px) saturate(1.8) contrast(1.04) !important;
    -webkit-backdrop-filter: blur(34px) saturate(1.8) contrast(1.04) !important;
}

body.liquid-home-page .front-header-inner {
    width: min(1180px, calc(100% - 44px)) !important;
}

body.liquid-home-page .front-logo,
body.liquid-home-page .front-nav-btn,
body.liquid-home-page .front-login-status {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(145deg, rgba(255,255,255,.70), rgba(255,255,255,.30)),
        radial-gradient(circle at 18% 10%, rgba(255,255,255,.92), transparent 34%) !important;
    border: 1px solid rgba(255,255,255,.76) !important;
    box-shadow: 0 10px 24px rgba(23, 105, 196, .12), inset 0 1px 0 rgba(255,255,255,.72), inset 0 -18px 32px rgba(8,125,241,.07) !important;
    backdrop-filter: blur(24px) saturate(1.75) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.75) !important;
}

body.liquid-home-page .front-logo {
    min-height: 46px;
    padding: 5px 14px 5px 6px;
    border-radius: 24px;
}

body.liquid-home-page .front-logo-icon {
    border-radius: 17px !important;
    background:
        radial-gradient(circle at 28% 18%, rgba(255,255,255,.95), transparent 26%),
        linear-gradient(145deg, rgba(6,137,246,.96), rgba(0,196,214,.88)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 6px 15px rgba(6,137,246,.24) !important;
}

body.liquid-home-page .front-logo-title {
    color: #087df1 !important;
    font-size: 17px !important;
    font-weight: 900 !important;
}

body.liquid-home-page .front-nav-btn {
    min-height: 46px !important;
    padding: 0 22px !important;
    color: #fff !important;
    border-radius: 18px !important;
    background:
        radial-gradient(circle at 24% 12%, rgba(255,255,255,.90), transparent 25%),
        linear-gradient(135deg, rgba(8,125,241,.96), rgba(2,198,211,.92)) !important;
    text-shadow: 0 1px 8px rgba(15, 54, 112, .24);
}

body.liquid-home-page .front-login-status {
    width: 38px !important;
    height: 38px !important;
    color: #16a34a !important;
    background:
        radial-gradient(circle at 28% 18%, rgba(255,255,255,.92), transparent 28%),
        linear-gradient(145deg, rgba(255,255,255,.62), rgba(213, 255, 232, .30)) !important;
    border-radius: 19px !important;
}

body.liquid-home-page .liquid-home-shell {
    position: relative;
    width: min(1180px, calc(100% - 48px)) !important;
    max-width: none !important;
    padding: 112px 0 80px !important;
}

body.liquid-home-page .liquid-home-shell::before {
    content: "";
    position: absolute;
    inset: 86px -34px auto -34px;
    height: 480px;
    z-index: -1;
    border-radius: 42px;
    background:
        linear-gradient(125deg, rgba(255,255,255,.36), transparent 38%),
        radial-gradient(circle at 50% 20%, rgba(255,255,255,.50), transparent 34%);
    filter: blur(.2px);
    opacity: .78;
}

body.liquid-home-page .liquid-hero {
    position: relative;
    margin: 0 0 42px 0 !important;
    padding: 28px 0 0 !important;
    text-align: center;
}

body.liquid-home-page .hero-title-container {
    height: 86px !important;
    margin-bottom: 18px !important;
}

body.liquid-home-page .hero-title,
body.liquid-home-page .typing-cursor {
    font-size: clamp(48px, 6.2vw, 82px) !important;
    line-height: 1.02 !important;
}

body.liquid-home-page .hero-title {
    color: #087df1 !important;
    text-shadow: 0 14px 44px rgba(6, 137, 246, .14);
    background: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    -webkit-text-fill-color: #087df1 !important;
    letter-spacing: 0 !important;
    text-wrap: balance;
}

body.liquid-home-page .typing-cursor {
    color: rgba(8,125,241,.82) !important;
    text-shadow: 0 0 22px rgba(2,198,211,.24);
}

body.liquid-home-page .hero-quote {
    width: fit-content;
    max-width: 100%;
    margin: 0 auto 14px !important;
    padding: 8px 18px;
    color: #2568e8 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.54), rgba(255,255,255,.22)),
        radial-gradient(circle at 12% 0, rgba(255,255,255,.84), transparent 34%) !important;
    border: 1px solid rgba(255,255,255,.58);
    border-radius: 999px;
    box-shadow: 0 9px 24px rgba(52, 98, 168, .07), inset 0 1px 0 rgba(255,255,255,.72);
    backdrop-filter: blur(20px) saturate(1.55);
    -webkit-backdrop-filter: blur(20px) saturate(1.55);
    -webkit-text-fill-color: currentColor !important;
    text-wrap: balance;
}

body.liquid-home-page .hero-quote + .hero-quote {
    margin-bottom: 28px !important;
    color: #1d67df !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.44), rgba(255,255,255,.18)),
        radial-gradient(circle at 88% 0, rgba(2,198,211,.20), transparent 36%) !important;
}

body.liquid-home-page .hero-buttons {
    width: min(100%, 1180px) !important;
    margin: 0 auto !important;
}

body.liquid-home-page .liquid-primary-action {
    position: relative;
    overflow: hidden;
    width: 100% !important;
    min-height: 52px !important;
    border-radius: 17px !important;
    border: 1px solid rgba(255,255,255,.78) !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    background:
        radial-gradient(circle at 18% 10%, rgba(255,255,255,.86), transparent 24%),
        linear-gradient(92deg, rgba(8,125,241,.97), rgba(2,198,211,.94) 62%, rgba(30,210,191,.92)) !important;
    box-shadow: 0 20px 42px rgba(8,125,241,.18), inset 0 1px 0 rgba(255,255,255,.64), inset 0 -20px 36px rgba(0, 72, 160, .10) !important;
    backdrop-filter: blur(24px) saturate(1.8);
    -webkit-backdrop-filter: blur(24px) saturate(1.8);
}

body.liquid-home-page .liquid-primary-action::before {
    content: "";
    position: absolute;
    inset: 1px 2px auto 2px;
    height: 46%;
    border-radius: 15px 15px 10px 10px;
    background: linear-gradient(180deg, rgba(255,255,255,.52), rgba(255,255,255,0));
    pointer-events: none;
}

body.liquid-home-page .liquid-primary-action:hover {
    transform: translateY(-2px);
    filter: saturate(1.08) brightness(1.02);
    box-shadow: 0 26px 54px rgba(8,125,241,.22), inset 0 1px 0 rgba(255,255,255,.72), inset 0 -20px 36px rgba(0, 72, 160, .10) !important;
}

body.liquid-home-page .liquid-progress-panel {
    position: relative;
    overflow: hidden !important;
    margin: 0 auto !important;
    padding: 34px 34px 32px !important;
    border-radius: 30px !important;
    color: var(--liquid-ink) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.56), rgba(255,255,255,.24)),
        radial-gradient(circle at 10% 0, rgba(255,255,255,.78), transparent 34%),
        radial-gradient(circle at 92% 12%, rgba(2,198,211,.18), transparent 34%) !important;
    border: 1px solid var(--liquid-edge) !important;
    box-shadow: var(--liquid-shadow), inset 0 1px 0 rgba(255,255,255,.84), inset 0 -34px 60px rgba(8,125,241,.06) !important;
    backdrop-filter: blur(38px) saturate(1.85) contrast(1.06) !important;
    -webkit-backdrop-filter: blur(38px) saturate(1.85) contrast(1.06) !important;
}

body.liquid-home-page .liquid-progress-panel::before,
body.liquid-home-page .liquid-progress-panel::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

body.liquid-home-page .liquid-progress-panel::before {
    inset: 1px 1px auto 1px;
    height: 48%;
    border-radius: 29px 29px 20px 20px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.64), rgba(255,255,255,.08) 72%, transparent);
    z-index: 0;
}

body.liquid-home-page .liquid-progress-panel::after {
    width: 360px;
    height: 360px;
    right: -110px;
    top: -150px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(2,198,211,.22), transparent 68%);
    filter: blur(3px);
    z-index: 0;
}

body.liquid-home-page .liquid-progress-panel > * {
    position: relative;
    z-index: 1;
}

body.liquid-home-page .progress-header {
    margin-bottom: 12px !important;
}

body.liquid-home-page .progress-header h2 {
    color: #13243b !important;
    font-size: 21px !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
}

body.liquid-home-page .progress-info {
    margin-bottom: 22px !important;
    color: var(--liquid-muted) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

body.liquid-home-page .liquid-progress-meter {
    gap: 12px !important;
    margin-bottom: 32px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.liquid-home-page .progress-bar {
    height: 11px !important;
    margin-right: 0 !important;
    border-radius: 999px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.42), rgba(255,255,255,.18)),
        rgba(204, 225, 246, .56) !important;
    border: 1px solid rgba(255,255,255,.70) !important;
    box-shadow: inset 0 2px 4px rgba(29,78,137,.10), 0 6px 16px rgba(56,111,174,.08) !important;
}

body.liquid-home-page .progress-fill {
    border-radius: inherit !important;
    background:
        linear-gradient(90deg, #087df1 0%, #02c6d3 58%, #35d977 100%) !important;
    box-shadow: 0 0 18px rgba(2,198,211,.42), inset 0 1px 0 rgba(255,255,255,.42) !important;
}

body.liquid-home-page .progress-percentage {
    min-width: 48px !important;
    height: 28px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 28px !important;
    text-align: center !important;
    background:
        radial-gradient(circle at 28% 18%, rgba(255,255,255,.82), transparent 24%),
        linear-gradient(135deg, rgba(8,125,241,.96), rgba(2,198,211,.92)) !important;
    border: 1px solid rgba(255,255,255,.68) !important;
    box-shadow: 0 10px 24px rgba(8,125,241,.18), inset 0 1px 0 rgba(255,255,255,.64) !important;
}

body.liquid-home-page .liquid-step-grid {
    display: grid !important;
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

body.liquid-home-page .liquid-step-grid::before {
    display: none !important;
}

body.liquid-home-page .progress-step {
    min-width: 0 !important;
}

body.liquid-home-page .step-wrapper {
    position: relative;
    overflow: visible;
    width: 100% !important;
    min-height: 48px !important;
    justify-content: center !important;
    gap: 7px !important;
    padding: 10px 9px !important;
    border-radius: 15px !important;
    color: #17263d !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.66), rgba(255,255,255,.26)),
        radial-gradient(circle at 20% 0, rgba(255,255,255,.86), transparent 30%) !important;
    border: 1px solid rgba(255,255,255,.70) !important;
    box-shadow: 0 11px 26px rgba(38, 102, 164, .075), inset 0 1px 0 rgba(255,255,255,.76), inset 0 -18px 28px rgba(8,125,241,.04) !important;
    backdrop-filter: blur(24px) saturate(1.7) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.7) !important;
}

body.liquid-home-page .step-wrapper::before {
    content: "";
    position: absolute;
    inset: 1px 1px auto 1px;
    height: 44%;
    border-radius: 14px 14px 8px 8px;
    background: linear-gradient(180deg, rgba(255,255,255,.54), transparent);
    pointer-events: none;
}

body.liquid-home-page .step-wrapper:hover,
body.liquid-home-page .step-wrapper:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(255,255,255,.92) !important;
    box-shadow: 0 16px 34px rgba(8,125,241,.14), inset 0 1px 0 rgba(255,255,255,.84), inset 0 -18px 28px rgba(8,125,241,.06) !important;
    outline: none;
}

body.liquid-home-page .step-icon {
    position: relative;
    z-index: 1;
    flex: 0 0 auto !important;
    font-size: 16px !important;
    filter: saturate(1.1);
}

body.liquid-home-page .step-label {
    position: relative;
    z-index: 1;
    overflow: hidden !important;
    color: #1c2a3f !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.liquid-home-page .step-check {
    top: -7px !important;
    right: -5px !important;
    width: 19px !important;
    height: 19px !important;
    z-index: 2;
    color: #fff !important;
    border-radius: 999px !important;
    background:
        radial-gradient(circle at 30% 20%, rgba(255,255,255,.82), transparent 28%),
        linear-gradient(135deg, #087df1, #02c6d3) !important;
    border: 1px solid rgba(255,255,255,.76) !important;
    box-shadow: 0 8px 18px rgba(8,125,241,.22), inset 0 1px 0 rgba(255,255,255,.62) !important;
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    body.liquid-home-page .front-header,
    body.liquid-home-page .front-logo,
    body.liquid-home-page .front-nav-btn,
    body.liquid-home-page .front-login-status,
    body.liquid-home-page .hero-quote,
    body.liquid-home-page .liquid-progress-panel,
    body.liquid-home-page .step-wrapper {
        background-color: rgba(255,255,255,.86) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.liquid-home-page .front-nav-btn,
    body.liquid-home-page .front-logo,
    body.liquid-home-page .front-login-status,
    body.liquid-home-page .liquid-primary-action,
    body.liquid-home-page .step-wrapper {
        transition: none !important;
    }
}

@media (max-width: 1100px) {
    body.liquid-home-page .liquid-step-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    body.liquid-home-page .liquid-progress-panel {
        padding: 30px 26px 28px !important;
    }
}

@media (max-width: 768px) {
    body.liquid-home-page .front-header {
        height: 68px !important;
    }

    body.liquid-home-page .front-header-inner {
        width: calc(100% - 24px) !important;
        gap: 10px !important;
    }

    body.liquid-home-page .front-header-left {
        gap: 10px !important;
    }

    body.liquid-home-page .front-logo {
        min-height: 42px;
        padding-right: 10px;
    }

    body.liquid-home-page .front-logo-title {
        font-size: 14px !important;
    }

    body.liquid-home-page .front-nav-btn {
        min-height: 42px !important;
        padding: 0 12px !important;
        font-size: 12px !important;
    }

    body.liquid-home-page .front-login-status {
        width: 34px !important;
        height: 34px !important;
    }

    body.liquid-home-page .liquid-home-shell {
        width: calc(100% - 24px) !important;
        padding: 86px 0 46px !important;
    }

    body.liquid-home-page .liquid-hero {
        margin-bottom: 28px !important;
        padding-top: 12px !important;
    }

    body.liquid-home-page .hero-title-container {
        height: 58px !important;
        margin-bottom: 14px !important;
    }

    body.liquid-home-page .hero-title,
    body.liquid-home-page .typing-cursor {
        font-size: clamp(36px, 11vw, 46px) !important;
    }

    body.liquid-home-page .hero-quote {
        padding: 7px 12px;
        font-size: 13px !important;
    }

    body.liquid-home-page .liquid-primary-action {
        min-height: 48px !important;
        border-radius: 16px !important;
    }

    body.liquid-home-page .liquid-progress-panel {
        padding: 22px 15px 18px !important;
        border-radius: 24px !important;
    }

    body.liquid-home-page .progress-header h2 {
        font-size: 18px !important;
    }

    body.liquid-home-page .liquid-progress-meter {
        align-items: stretch !important;
        gap: 8px !important;
        margin-bottom: 24px !important;
    }

    body.liquid-home-page .progress-bar {
        height: 10px !important;
        align-self: center !important;
    }

    body.liquid-home-page .progress-percentage {
        height: 26px !important;
        min-width: 46px !important;
        line-height: 26px !important;
    }

    body.liquid-home-page .liquid-step-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    body.liquid-home-page .step-wrapper {
        min-height: 46px !important;
    }
}

/* ===== v5.6 liquid glass transparency tuning ===== */
body.liquid-home-page {
    --liquid-glass: rgba(255, 255, 255, 0.18);
    --liquid-glass-strong: rgba(255, 255, 255, 0.32);
    --liquid-edge: rgba(255, 255, 255, 0.68);
    --liquid-edge-soft: rgba(255, 255, 255, 0.38);
}

body.liquid-home-page .front-header {
    background:
        linear-gradient(180deg, rgba(255,255,255,.36), rgba(255,255,255,.16)),
        radial-gradient(circle at 50% 0, rgba(255,255,255,.42), transparent 60%) !important;
    border-bottom-color: rgba(255,255,255,.44) !important;
}

body.liquid-home-page .front-logo,
body.liquid-home-page .front-login-status {
    background:
        linear-gradient(145deg, rgba(255,255,255,.42), rgba(255,255,255,.16)),
        radial-gradient(circle at 18% 10%, rgba(255,255,255,.72), transparent 34%) !important;
    border-color: rgba(255,255,255,.62) !important;
    box-shadow: 0 10px 24px rgba(23,105,196,.09), inset 0 1px 0 rgba(255,255,255,.64), inset 0 -18px 32px rgba(8,125,241,.04) !important;
}

body.liquid-home-page .front-logo-icon {
    background:
        radial-gradient(circle at 28% 18%, rgba(255,255,255,.78), transparent 26%),
        linear-gradient(145deg, rgba(6,137,246,.78), rgba(0,196,214,.54)) !important;
}

body.liquid-home-page .front-nav-btn,
body.liquid-home-page .liquid-primary-action {
    background:
        radial-gradient(circle at 18% 10%, rgba(255,255,255,.70), transparent 24%),
        linear-gradient(92deg, rgba(8,125,241,.66), rgba(2,198,211,.50) 62%, rgba(30,210,191,.42)),
        rgba(255,255,255,.16) !important;
    border-color: rgba(255,255,255,.68) !important;
    box-shadow: 0 18px 42px rgba(8,125,241,.13), inset 0 1px 0 rgba(255,255,255,.70), inset 0 -18px 34px rgba(255,255,255,.10) !important;
}

body.liquid-home-page .hero-quote {
    color: #1267de !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.30), rgba(255,255,255,.10)),
        radial-gradient(circle at 12% 0, rgba(255,255,255,.58), transparent 34%) !important;
    border-color: rgba(255,255,255,.50);
    box-shadow: 0 9px 22px rgba(52,98,168,.05), inset 0 1px 0 rgba(255,255,255,.62), inset 0 -12px 24px rgba(255,255,255,.08);
}

body.liquid-home-page .hero-quote + .hero-quote {
    background:
        linear-gradient(145deg, rgba(255,255,255,.24), rgba(255,255,255,.08)),
        radial-gradient(circle at 88% 0, rgba(2,198,211,.12), transparent 36%) !important;
}

body.liquid-home-page .liquid-progress-panel {
    background:
        linear-gradient(145deg, rgba(255,255,255,.28), rgba(255,255,255,.10)),
        radial-gradient(circle at 10% 0, rgba(255,255,255,.52), transparent 34%),
        radial-gradient(circle at 92% 12%, rgba(2,198,211,.13), transparent 34%) !important;
    border-color: rgba(255,255,255,.62) !important;
    box-shadow: 0 26px 80px rgba(48,99,169,.13), inset 0 1px 0 rgba(255,255,255,.72), inset 0 -34px 60px rgba(255,255,255,.06) !important;
    backdrop-filter: blur(42px) saturate(1.95) contrast(1.08) !important;
    -webkit-backdrop-filter: blur(42px) saturate(1.95) contrast(1.08) !important;
}

body.liquid-home-page .liquid-progress-panel::before {
    background:
        linear-gradient(180deg, rgba(255,255,255,.42), rgba(255,255,255,.05) 72%, transparent) !important;
}

body.liquid-home-page .liquid-progress-panel::after {
    background: radial-gradient(circle, rgba(2,198,211,.16), transparent 68%) !important;
}

body.liquid-home-page .progress-bar {
    background:
        linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,.08)),
        rgba(168, 210, 246, .22) !important;
    border-color: rgba(255,255,255,.55) !important;
}

body.liquid-home-page .progress-fill {
    background:
        linear-gradient(90deg, rgba(8,125,241,.90) 0%, rgba(2,198,211,.76) 58%, rgba(53,217,119,.82) 100%) !important;
}

body.liquid-home-page .progress-percentage {
    background:
        radial-gradient(circle at 28% 18%, rgba(255,255,255,.68), transparent 24%),
        linear-gradient(135deg, rgba(8,125,241,.78), rgba(2,198,211,.58)),
        rgba(255,255,255,.16) !important;
    border-color: rgba(255,255,255,.62) !important;
}

body.liquid-home-page .step-wrapper {
    background:
        linear-gradient(145deg, rgba(255,255,255,.36), rgba(255,255,255,.12)),
        radial-gradient(circle at 20% 0, rgba(255,255,255,.62), transparent 30%) !important;
    border-color: rgba(255,255,255,.55) !important;
    box-shadow: 0 10px 24px rgba(38,102,164,.055), inset 0 1px 0 rgba(255,255,255,.64), inset 0 -18px 28px rgba(255,255,255,.06) !important;
}

body.liquid-home-page .step-wrapper::before {
    background: linear-gradient(180deg, rgba(255,255,255,.36), transparent) !important;
}

body.liquid-home-page .step-check {
    background:
        radial-gradient(circle at 30% 20%, rgba(255,255,255,.70), transparent 28%),
        linear-gradient(135deg, rgba(8,125,241,.84), rgba(2,198,211,.66)) !important;
}

/* ===== v5.7 blue-violet product shell color alignment ===== */
body.liquid-home-page {
    --liquid-ink: #17213a;
    --liquid-muted: rgba(42, 56, 91, 0.74);
    --liquid-blue: #2f6bff;
    --liquid-cyan: #5fa8ff;
    --liquid-mint: #a9ebe1;
    --liquid-violet: #8b5cf6;
    background:
        radial-gradient(circle at 18% 18%, rgba(47,107,255,.22), transparent 27%),
        radial-gradient(circle at 75% 9%, rgba(139,92,246,.18), transparent 30%),
        radial-gradient(circle at 67% 68%, rgba(169,235,225,.22), transparent 27%),
        linear-gradient(145deg, #fbfdff 0%, #eaf6ff 38%, #eef0ff 100%) !important;
}

.liquid-glass-scene::before {
    background:
        radial-gradient(circle at 34% 30%, rgba(255,255,255,.86), transparent 0 14%, transparent 24%),
        conic-gradient(from 210deg, rgba(47,107,255,.24), rgba(139,92,246,.18), rgba(95,168,255,.18), rgba(169,235,225,.18), rgba(47,107,255,.24)) !important;
}

.liquid-glass-scene::after {
    background:
        radial-gradient(circle at 68% 36%, rgba(255,255,255,.70), transparent 0 12%, transparent 22%),
        conic-gradient(from 40deg, rgba(169,235,225,.18), rgba(95,168,255,.22), rgba(139,92,246,.18), rgba(47,107,255,.20), rgba(169,235,225,.18)) !important;
}

body.liquid-home-page .front-logo-title,
body.liquid-home-page .hero-title,
body.liquid-home-page .typing-cursor {
    color: #2f6bff !important;
    -webkit-text-fill-color: currentColor !important;
}

body.liquid-home-page .front-logo-icon,
body.liquid-home-page .front-nav-btn,
body.liquid-home-page .liquid-primary-action,
body.liquid-home-page .progress-percentage,
body.liquid-home-page .step-check {
    background:
        radial-gradient(circle at 24% 14%, rgba(255,255,255,.68), transparent 26%),
        linear-gradient(135deg, rgba(47,107,255,.76), rgba(139,92,246,.60)),
        rgba(255,255,255,.14) !important;
}

body.liquid-home-page .front-nav-btn,
body.liquid-home-page .liquid-primary-action {
    text-shadow: 0 1px 8px rgba(46, 54, 140, .22);
}

body.liquid-home-page .hero-quote,
body.liquid-home-page .hero-quote + .hero-quote {
    color: #2f6bff !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.28), rgba(255,255,255,.10)),
        radial-gradient(circle at 88% 0, rgba(139,92,246,.12), transparent 36%) !important;
}

body.liquid-home-page .liquid-progress-panel {
    background:
        linear-gradient(145deg, rgba(255,255,255,.28), rgba(255,255,255,.10)),
        radial-gradient(circle at 10% 0, rgba(255,255,255,.50), transparent 34%),
        radial-gradient(circle at 88% 12%, rgba(139,92,246,.12), transparent 32%),
        radial-gradient(circle at 78% 76%, rgba(169,235,225,.18), transparent 34%) !important;
}

body.liquid-home-page .liquid-progress-panel::after {
    background: radial-gradient(circle, rgba(139,92,246,.13), transparent 68%) !important;
}

body.liquid-home-page .progress-fill {
    background:
        linear-gradient(90deg, rgba(47,107,255,.92) 0%, rgba(95,168,255,.76) 52%, rgba(169,235,225,.82) 100%) !important;
    box-shadow: 0 0 18px rgba(95,168,255,.34), inset 0 1px 0 rgba(255,255,255,.40) !important;
}

body.liquid-home-page .step-wrapper {
    background:
        linear-gradient(145deg, rgba(255,255,255,.36), rgba(255,255,255,.12)),
        radial-gradient(circle at 16% 0, rgba(255,255,255,.58), transparent 30%),
        radial-gradient(circle at 90% 100%, rgba(139,92,246,.08), transparent 44%) !important;
}

body.liquid-home-page .step-wrapper:hover,
body.liquid-home-page .step-wrapper:focus-visible {
    box-shadow: 0 16px 34px rgba(47,107,255,.12), inset 0 1px 0 rgba(255,255,255,.82), inset 0 -18px 28px rgba(255,255,255,.06) !important;
}

/* ===== v5.8 sampled cyan-blue gradient tone ===== */
body.liquid-home-page {
    --liquid-blue: #0b86fe;
    --liquid-cyan: #16c7df;
    --liquid-mint: #57b6f1;
    --liquid-violet: #0c97f6;
    background:
        radial-gradient(circle at 20% 18%, rgba(11,134,254,.22), transparent 28%),
        radial-gradient(circle at 74% 12%, rgba(87,182,241,.18), transparent 32%),
        radial-gradient(circle at 70% 70%, rgba(22,199,223,.20), transparent 29%),
        linear-gradient(145deg, #fbfdff 0%, #eaf7ff 38%, #eef6ff 100%) !important;
}

.liquid-glass-scene::before {
    background:
        radial-gradient(circle at 34% 30%, rgba(255,255,255,.86), transparent 0 14%, transparent 24%),
        conic-gradient(from 210deg, rgba(11,134,254,.24), rgba(12,151,246,.20), rgba(87,182,241,.20), rgba(22,199,223,.18), rgba(11,134,254,.24)) !important;
}

.liquid-glass-scene::after {
    background:
        radial-gradient(circle at 68% 36%, rgba(255,255,255,.70), transparent 0 12%, transparent 22%),
        conic-gradient(from 40deg, rgba(22,199,223,.18), rgba(87,182,241,.22), rgba(13,191,227,.20), rgba(11,143,250,.20), rgba(22,199,223,.18)) !important;
}

body.liquid-home-page .front-logo-title,
body.liquid-home-page .hero-title,
body.liquid-home-page .typing-cursor,
body.liquid-home-page .hero-quote,
body.liquid-home-page .hero-quote + .hero-quote {
    color: #0b86fe !important;
    -webkit-text-fill-color: currentColor !important;
}

body.liquid-home-page .front-logo-icon,
body.liquid-home-page .front-nav-btn,
body.liquid-home-page .liquid-primary-action,
body.liquid-home-page .progress-percentage,
body.liquid-home-page .step-check {
    background:
        radial-gradient(circle at 24% 14%, rgba(255,255,255,.68), transparent 26%),
        linear-gradient(90deg, rgba(11,134,254,.78) 0%, rgba(87,182,241,.64) 54%, rgba(22,199,223,.58) 100%),
        rgba(255,255,255,.14) !important;
}

body.liquid-home-page .front-nav-btn,
body.liquid-home-page .liquid-primary-action {
    text-shadow: 0 1px 8px rgba(11, 92, 178, .22);
}

body.liquid-home-page .hero-quote,
body.liquid-home-page .hero-quote + .hero-quote {
    background:
        linear-gradient(145deg, rgba(255,255,255,.28), rgba(255,255,255,.10)),
        radial-gradient(circle at 88% 0, rgba(22,199,223,.12), transparent 36%) !important;
}

body.liquid-home-page .liquid-progress-panel {
    background:
        linear-gradient(145deg, rgba(255,255,255,.28), rgba(255,255,255,.10)),
        radial-gradient(circle at 10% 0, rgba(255,255,255,.50), transparent 34%),
        radial-gradient(circle at 88% 12%, rgba(87,182,241,.14), transparent 32%),
        radial-gradient(circle at 78% 76%, rgba(22,199,223,.16), transparent 34%) !important;
}

body.liquid-home-page .liquid-progress-panel::after {
    background: radial-gradient(circle, rgba(22,199,223,.14), transparent 68%) !important;
}

body.liquid-home-page .progress-fill {
    background:
        linear-gradient(90deg, rgba(11,134,254,.92) 0%, rgba(87,182,241,.82) 52%, rgba(22,199,223,.86) 100%) !important;
    box-shadow: 0 0 18px rgba(22,199,223,.34), inset 0 1px 0 rgba(255,255,255,.40) !important;
}

body.liquid-home-page .step-wrapper {
    background:
        linear-gradient(145deg, rgba(255,255,255,.36), rgba(255,255,255,.12)),
        radial-gradient(circle at 16% 0, rgba(255,255,255,.58), transparent 30%),
        radial-gradient(circle at 90% 100%, rgba(22,199,223,.08), transparent 44%) !important;
}

body.liquid-home-page .step-wrapper:hover,
body.liquid-home-page .step-wrapper:focus-visible {
    box-shadow: 0 16px 34px rgba(11,134,254,.12), inset 0 1px 0 rgba(255,255,255,.82), inset 0 -18px 28px rgba(255,255,255,.06) !important;
}

/* ===== v5.9 shared liquid glass front header ===== */
body.front-page .front-header {
    height: 76px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.36), rgba(255,255,255,.16)),
        radial-gradient(circle at 50% 0, rgba(255,255,255,.42), transparent 60%) !important;
    border-bottom: 1px solid rgba(255,255,255,.44) !important;
    box-shadow: 0 12px 34px rgba(63,104,164,.08), inset 0 1px 0 rgba(255,255,255,.72) !important;
    backdrop-filter: blur(34px) saturate(1.8) contrast(1.04) !important;
    -webkit-backdrop-filter: blur(34px) saturate(1.8) contrast(1.04) !important;
}

body.front-page .front-header-inner {
    width: min(1180px, calc(100% - 44px)) !important;
}

body.front-page .front-logo,
body.front-page .front-nav-btn,
body.front-page .front-login-status {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(145deg, rgba(255,255,255,.42), rgba(255,255,255,.16)),
        radial-gradient(circle at 18% 10%, rgba(255,255,255,.72), transparent 34%) !important;
    border: 1px solid rgba(255,255,255,.62) !important;
    box-shadow: 0 10px 24px rgba(23,105,196,.09), inset 0 1px 0 rgba(255,255,255,.64), inset 0 -18px 32px rgba(8,125,241,.04) !important;
    backdrop-filter: blur(24px) saturate(1.75) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.75) !important;
}

body.front-page .front-logo {
    min-height: 46px !important;
    padding: 5px 14px 5px 6px !important;
    border-radius: 24px !important;
}

body.front-page .front-logo-icon {
    border-radius: 17px !important;
    background:
        radial-gradient(circle at 24% 14%, rgba(255,255,255,.68), transparent 26%),
        linear-gradient(90deg, rgba(11,134,254,.78) 0%, rgba(87,182,241,.64) 54%, rgba(22,199,223,.58) 100%),
        rgba(255,255,255,.14) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 6px 15px rgba(6,137,246,.18) !important;
}

body.front-page .front-logo-title {
    color: #0b86fe !important;
    -webkit-text-fill-color: currentColor !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
}

body.front-page .front-nav-btn {
    min-height: 46px !important;
    padding: 0 22px !important;
    border-radius: 18px !important;
    color: #fff !important;
    background:
        radial-gradient(circle at 24% 14%, rgba(255,255,255,.68), transparent 26%),
        linear-gradient(90deg, rgba(11,134,254,.78) 0%, rgba(87,182,241,.64) 54%, rgba(22,199,223,.58) 100%),
        rgba(255,255,255,.14) !important;
    text-shadow: 0 1px 8px rgba(11,92,178,.22);
    white-space: nowrap;
}

body.front-page .front-nav-btn:hover,
body.front-page .front-nav-btn:focus-visible,
body.front-page .front-logo:hover,
body.front-page .front-logo:focus-visible {
    transform: translateY(-1px);
    box-shadow: 0 16px 34px rgba(11,134,254,.12), inset 0 1px 0 rgba(255,255,255,.82), inset 0 -18px 28px rgba(255,255,255,.06) !important;
}

body.front-page .front-login-status {
    width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
    border-radius: 19px !important;
}

body.front-page .front-login-status.is-login {
    color: #16a34a !important;
    background:
        radial-gradient(circle at 28% 18%, rgba(255,255,255,.70), transparent 28%),
        linear-gradient(145deg, rgba(255,255,255,.42), rgba(213,255,232,.22)) !important;
    border-color: rgba(255,255,255,.62) !important;
}

body.front-page .front-login-status.is-logout {
    color: #ef4444 !important;
    background:
        radial-gradient(circle at 28% 18%, rgba(255,255,255,.70), transparent 28%),
        linear-gradient(145deg, rgba(255,255,255,.42), rgba(255,226,226,.22)) !important;
    border-color: rgba(255,255,255,.62) !important;
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    body.front-page .front-header,
    body.front-page .front-logo,
    body.front-page .front-nav-btn,
    body.front-page .front-login-status {
        background-color: rgba(255,255,255,.86) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.front-page .front-nav-btn,
    body.front-page .front-logo,
    body.front-page .front-login-status {
        transition: none !important;
    }
}

@media (max-width: 768px) {
    body.front-page .front-header {
        height: 68px !important;
    }

    body.front-page .front-header-inner {
        width: calc(100% - 24px) !important;
        gap: 10px !important;
    }

    body.front-page .front-header-left {
        gap: 10px !important;
    }

    body.front-page .front-logo {
        min-height: 42px !important;
        padding-right: 10px !important;
    }

    body.front-page .front-logo-title {
        font-size: 14px !important;
    }

    body.front-page .front-nav-btn {
        min-height: 42px !important;
        padding: 0 12px !important;
        font-size: 12px !important;
    }

    body.front-page .front-login-status {
        width: 34px !important;
        height: 34px !important;
        flex-basis: 34px !important;
    }
}

/* ===== v6.0 shared homepage cyan-blue background ===== */
html,
body.front-page {
    background:
        radial-gradient(circle at 20% 18%, rgba(11,134,254,.22), transparent 28%),
        radial-gradient(circle at 74% 12%, rgba(87,182,241,.18), transparent 32%),
        radial-gradient(circle at 70% 70%, rgba(22,199,223,.20), transparent 29%),
        linear-gradient(145deg, #fbfdff 0%, #eaf7ff 38%, #eef6ff 100%) !important;
    background-attachment: fixed !important;
}

body.front-page::before {
    background:
        radial-gradient(ellipse at 50% 0%, rgba(255,255,255,.92), transparent 42%),
        linear-gradient(120deg, rgba(255,255,255,.34), transparent 36%, rgba(255,255,255,.20) 62%, transparent 78%) !important;
    background-size: auto !important;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.95), transparent 86%) !important;
}

body.front-page #stars-container {
    opacity: .16 !important;
}

/* ===== v6.1 liquid glass industry selector ===== */
body.liquid-industry-page {
    --industry-glass: rgba(255,255,255,.28);
    --industry-glass-strong: rgba(255,255,255,.38);
    --industry-glass-soft: rgba(255,255,255,.18);
    --industry-edge: rgba(255,255,255,.62);
    --industry-edge-soft: rgba(255,255,255,.42);
    --industry-ink: #12223a;
    --industry-muted: rgba(30,54,82,.74);
    --industry-blue: #0b86fe;
    --industry-cyan: #16c7df;
    color: var(--industry-ink) !important;
}

body.liquid-industry-page .liquid-industry-shell {
    position: relative;
    width: min(1180px, calc(100% - 48px)) !important;
    max-width: none !important;
    padding-top: 112px !important;
    padding-bottom: 64px !important;
}

body.liquid-industry-page .liquid-industry-shell::before {
    content: "";
    position: fixed;
    width: min(50vw, 680px);
    height: min(50vw, 680px);
    right: -11%;
    top: 118px;
    z-index: -1;
    border-radius: 999px;
    pointer-events: none;
    opacity: .58;
    filter: blur(3px);
    background:
        radial-gradient(circle at 32% 28%, rgba(255,255,255,.78), transparent 0 12%, transparent 24%),
        conic-gradient(from 48deg, rgba(22,199,223,.22), rgba(87,182,241,.24), rgba(11,134,254,.20), rgba(255,255,255,.18), rgba(22,199,223,.22));
}

body.liquid-industry-page > .liquid-industry-shell > .header {
    position: relative !important;
    margin-bottom: 24px !important;
    padding: 30px 34px !important;
    overflow: hidden;
    border-radius: 30px !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.30), rgba(255,255,255,.10)),
        radial-gradient(circle at 10% 0, rgba(255,255,255,.58), transparent 34%),
        radial-gradient(circle at 92% 18%, rgba(22,199,223,.15), transparent 34%) !important;
    border: 1px solid var(--industry-edge) !important;
    box-shadow: 0 24px 70px rgba(48,99,169,.13), inset 0 1px 0 rgba(255,255,255,.72), inset 0 -28px 50px rgba(255,255,255,.06) !important;
    backdrop-filter: blur(40px) saturate(1.85) contrast(1.06) !important;
    -webkit-backdrop-filter: blur(40px) saturate(1.85) contrast(1.06) !important;
}

body.liquid-industry-page > .liquid-industry-shell > .header::after {
    content: "";
    position: absolute;
    inset: 1px 1px auto 1px;
    height: 46%;
    border-radius: 29px 29px 44px 44px;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255,255,255,.38), rgba(255,255,255,.04) 76%, transparent);
}

body.liquid-industry-page .header-top {
    position: relative;
    z-index: 1;
}

body.liquid-industry-page .step-indicator {
    min-height: 36px !important;
    display: inline-flex !important;
    align-items: center;
    width: auto !important;
    margin-bottom: 14px !important;
    padding: 0 14px !important;
    color: #0b5fb8 !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.66) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.42), rgba(255,255,255,.16)),
        radial-gradient(circle at 18% 10%, rgba(255,255,255,.72), transparent 34%) !important;
    box-shadow: 0 10px 22px rgba(11,134,254,.08), inset 0 1px 0 rgba(255,255,255,.68) !important;
    backdrop-filter: blur(22px) saturate(1.55) !important;
    -webkit-backdrop-filter: blur(22px) saturate(1.55) !important;
}

body.liquid-industry-page .header-title {
    position: relative;
    z-index: 1;
    margin: 0 !important;
    color: var(--industry-blue) !important;
    font-size: 34px !important;
    line-height: 1.16 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-wrap: balance;
    -webkit-text-fill-color: currentColor !important;
}

body.liquid-industry-page .header-subtitle {
    position: relative;
    z-index: 1;
    max-width: 72ch;
    margin: 12px 0 0 !important;
    color: var(--industry-muted) !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    text-wrap: pretty;
}

body.liquid-industry-page .front-inline-203,
body.liquid-industry-page .industry-profile-fields,
body.liquid-industry-page .search-box,
body.liquid-industry-page .industry-tabs,
body.liquid-industry-page .selected-industry,
body.liquid-industry-page .bottom-confirm {
    position: relative;
    border: 1px solid var(--industry-edge) !important;
    background:
        linear-gradient(145deg, var(--industry-glass), var(--industry-glass-soft)),
        radial-gradient(circle at 8% 0, rgba(255,255,255,.52), transparent 32%) !important;
    box-shadow: 0 16px 44px rgba(48,99,169,.09), inset 0 1px 0 rgba(255,255,255,.68), inset 0 -22px 42px rgba(255,255,255,.06) !important;
    backdrop-filter: blur(34px) saturate(1.78) contrast(1.04) !important;
    -webkit-backdrop-filter: blur(34px) saturate(1.78) contrast(1.04) !important;
}

body.liquid-industry-page .front-inline-203,
body.liquid-industry-page .industry-profile-fields {
    margin-bottom: 18px !important;
    padding: 22px !important;
    border-radius: 26px !important;
}

body.liquid-industry-page .front-inline-203 {
    display: grid;
    gap: 10px;
}

body.liquid-industry-page .industry-profile-grid {
    gap: 18px !important;
}

body.liquid-industry-page .front-inline-204 {
    margin-bottom: 8px !important;
    color: #193553 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
}

body.liquid-industry-page .required-mark {
    color: #d92d20 !important;
}

body.liquid-industry-page .front-inline-205,
body.liquid-industry-page .search-input {
    min-height: 48px;
    color: var(--industry-ink) !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,.58) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.34), rgba(255,255,255,.14)),
        radial-gradient(circle at 18% 0, rgba(255,255,255,.50), transparent 32%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.66), 0 8px 18px rgba(11,134,254,.055) !important;
    backdrop-filter: blur(22px) saturate(1.55) !important;
    -webkit-backdrop-filter: blur(22px) saturate(1.55) !important;
}

body.liquid-industry-page .front-inline-205:focus,
body.liquid-industry-page .search-input:focus {
    border-color: rgba(11,134,254,.36) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.46), rgba(255,255,255,.20)),
        radial-gradient(circle at 18% 0, rgba(255,255,255,.62), transparent 32%) !important;
    box-shadow: 0 0 0 4px rgba(11,134,254,.10), 0 12px 26px rgba(11,134,254,.08), inset 0 1px 0 rgba(255,255,255,.72) !important;
}

body.liquid-industry-page .front-inline-205::placeholder,
body.liquid-industry-page .search-input::placeholder {
    color: rgba(30,54,82,.68) !important;
}

body.liquid-industry-page .industry-platform-options {
    display: flex;
    flex-wrap: wrap;
    gap: 10px !important;
    margin-top: 0 !important;
}

body.liquid-industry-page .platform-option,
body.liquid-industry-page .industry-tab {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px !important;
    color: #173653 !important;
    border: 1px solid rgba(255,255,255,.52) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.30), rgba(255,255,255,.12)),
        radial-gradient(circle at 18% 0, rgba(255,255,255,.50), transparent 32%) !important;
    box-shadow: 0 8px 18px rgba(48,99,169,.055), inset 0 1px 0 rgba(255,255,255,.62) !important;
    backdrop-filter: blur(24px) saturate(1.55) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.55) !important;
}

body.liquid-industry-page .platform-option.active,
body.liquid-industry-page .industry-tab.active {
    color: #fff !important;
    border-color: rgba(255,255,255,.70) !important;
    background:
        radial-gradient(circle at 24% 14%, rgba(255,255,255,.68), transparent 26%),
        linear-gradient(90deg, rgba(11,134,254,.82) 0%, rgba(87,182,241,.68) 54%, rgba(22,199,223,.62) 100%),
        rgba(255,255,255,.14) !important;
    box-shadow: 0 14px 32px rgba(11,134,254,.16), inset 0 1px 0 rgba(255,255,255,.72), inset 0 -18px 30px rgba(255,255,255,.08) !important;
    text-shadow: 0 1px 8px rgba(11,92,178,.22);
    transform: translateY(-1px);
}

body.liquid-industry-page .search-box {
    margin-bottom: 18px !important;
    padding: 10px !important;
    border-radius: 28px !important;
}

body.liquid-industry-page .search-input {
    padding: 0 48px 0 18px !important;
    border-radius: 22px !important;
}

body.liquid-industry-page .search-icon {
    right: 28px !important;
    color: var(--industry-blue) !important;
}

body.liquid-industry-page .industry-tabs {
    margin-bottom: 22px !important;
    padding: 12px !important;
    border-radius: 26px !important;
    gap: 10px !important;
}

body.liquid-industry-page .selected-industry {
    margin-bottom: 22px !important;
    padding: 16px 18px !important;
    border-radius: 24px !important;
    align-items: center !important;
}

body.liquid-industry-page .selected-industry-text,
body.liquid-industry-page #selectedIndustryName {
    color: var(--industry-ink) !important;
    font-weight: 750;
    line-height: 1.55;
}

body.liquid-industry-page .selected-industry-icon {
    color: var(--industry-blue) !important;
}

body.liquid-industry-page .industry-grid {
    grid-template-columns: repeat(auto-fit, minmax(148px, 1fr)) !important;
    gap: 14px !important;
    margin-bottom: 24px !important;
}

body.liquid-industry-page .industry-item {
    min-height: 124px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 18px 14px !important;
    border-radius: 24px !important;
    color: var(--industry-ink) !important;
    border: 1px solid rgba(255,255,255,.50) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.26), rgba(255,255,255,.11)),
        radial-gradient(circle at 20% 0, rgba(255,255,255,.50), transparent 34%),
        radial-gradient(circle at 84% 100%, rgba(22,199,223,.08), transparent 38%) !important;
    box-shadow: 0 12px 28px rgba(38,102,164,.07), inset 0 1px 0 rgba(255,255,255,.62), inset 0 -18px 28px rgba(255,255,255,.05) !important;
    backdrop-filter: blur(30px) saturate(1.72) contrast(1.03) !important;
    -webkit-backdrop-filter: blur(30px) saturate(1.72) contrast(1.03) !important;
    will-change: transform;
}

body.liquid-industry-page .industry-item:hover,
body.liquid-industry-page .industry-item:focus-visible,
body.liquid-industry-page .industry-item.selected {
    border-color: rgba(255,255,255,.72) !important;
    transform: translateY(-2px);
    background:
        linear-gradient(145deg, rgba(255,255,255,.38), rgba(255,255,255,.16)),
        radial-gradient(circle at 20% 0, rgba(255,255,255,.62), transparent 34%),
        radial-gradient(circle at 86% 100%, rgba(22,199,223,.16), transparent 40%) !important;
    box-shadow: 0 18px 38px rgba(11,134,254,.13), inset 0 1px 0 rgba(255,255,255,.76), inset 0 -18px 28px rgba(255,255,255,.06) !important;
}

body.liquid-industry-page .industry-item.selected {
    color: var(--industry-blue) !important;
}

body.liquid-industry-page .industry-item.selected::after {
    top: 10px !important;
    right: 10px !important;
    width: 24px !important;
    height: 24px !important;
    line-height: 24px !important;
    border-radius: 50% !important;
    color: #fff !important;
    background:
        radial-gradient(circle at 30% 20%, rgba(255,255,255,.68), transparent 28%),
        linear-gradient(135deg, rgba(11,134,254,.92), rgba(22,199,223,.78)) !important;
    box-shadow: 0 8px 18px rgba(11,134,254,.18), inset 0 1px 0 rgba(255,255,255,.62) !important;
}

body.liquid-industry-page .industry-icon {
    width: 42px;
    height: 42px;
    margin: 0 auto 8px !important;
    display: grid;
    place-items: center;
    border-radius: 17px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.38), rgba(255,255,255,.16)),
        radial-gradient(circle at 22% 8%, rgba(255,255,255,.62), transparent 34%) !important;
    border: 1px solid rgba(255,255,255,.54);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.64), 0 8px 16px rgba(11,134,254,.08);
}

body.liquid-industry-page .industry-icon img {
    width: 24px !important;
    height: 24px !important;
    object-fit: contain;
}

body.liquid-industry-page .industry-name {
    color: var(--industry-ink) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    overflow-wrap: anywhere;
}

body.liquid-industry-page .bottom-confirm {
    justify-content: flex-end !important;
    margin-top: 10px !important;
    padding: 14px !important;
    border-radius: 24px !important;
}

body.liquid-industry-page .confirm-btn,
body.liquid-industry-page .bottom-confirm-btn {
    min-height: 46px !important;
    padding: 0 22px !important;
    border-radius: 18px !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.68) !important;
    background:
        radial-gradient(circle at 18% 10%, rgba(255,255,255,.70), transparent 24%),
        linear-gradient(92deg, rgba(11,134,254,.78), rgba(87,182,241,.64) 60%, rgba(22,199,223,.58)),
        rgba(255,255,255,.16) !important;
    box-shadow: 0 16px 34px rgba(11,134,254,.15), inset 0 1px 0 rgba(255,255,255,.70), inset 0 -18px 34px rgba(255,255,255,.10) !important;
    text-shadow: 0 1px 8px rgba(11,92,178,.22);
}

body.liquid-industry-page .bottom-confirm-btn:disabled {
    color: rgba(30,54,82,.48) !important;
    cursor: not-allowed;
    text-shadow: none;
    background:
        linear-gradient(145deg, rgba(255,255,255,.22), rgba(255,255,255,.08)),
        rgba(255,255,255,.10) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.48), 0 8px 18px rgba(48,99,169,.04) !important;
}

body.liquid-industry-page .loading {
    grid-column: 1 / -1;
    min-height: 96px;
    display: grid;
    place-items: center;
    color: var(--industry-blue) !important;
    border-radius: 24px;
    border: 1px solid var(--industry-edge-soft);
    background: rgba(255,255,255,.20);
    backdrop-filter: blur(22px) saturate(1.5);
    -webkit-backdrop-filter: blur(22px) saturate(1.5);
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    body.liquid-industry-page > .liquid-industry-shell > .header,
    body.liquid-industry-page .front-inline-203,
    body.liquid-industry-page .industry-profile-fields,
    body.liquid-industry-page .search-box,
    body.liquid-industry-page .industry-tabs,
    body.liquid-industry-page .selected-industry,
    body.liquid-industry-page .bottom-confirm,
    body.liquid-industry-page .industry-item {
        background-color: rgba(255,255,255,.82) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.liquid-industry-page :is(.industry-item, .industry-tab, .platform-option, .confirm-btn, .bottom-confirm-btn) {
        transition: none !important;
    }
}

@media (max-width: 768px) {
    body.liquid-industry-page .liquid-industry-shell {
        width: calc(100% - 24px) !important;
        padding-top: 92px !important;
        padding-bottom: 38px !important;
    }

    body.liquid-industry-page > .liquid-industry-shell > .header {
        padding: 22px 18px !important;
        border-radius: 24px !important;
    }

    body.liquid-industry-page .header-title {
        font-size: 28px !important;
    }

    body.liquid-industry-page .front-inline-203,
    body.liquid-industry-page .industry-profile-fields {
        padding: 18px !important;
        border-radius: 22px !important;
    }

    body.liquid-industry-page .industry-profile-grid {
        grid-template-columns: 1fr !important;
    }

    body.liquid-industry-page .industry-tabs {
        padding: 10px !important;
        gap: 8px !important;
    }

    body.liquid-industry-page .industry-tab,
    body.liquid-industry-page .platform-option {
        min-height: 44px;
        padding: 0 13px !important;
        font-size: 13px !important;
    }

    body.liquid-industry-page .industry-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    body.liquid-industry-page .industry-item {
        min-height: 112px;
        padding: 14px 10px !important;
        border-radius: 20px !important;
    }

    body.liquid-industry-page .selected-industry {
        align-items: stretch !important;
        gap: 12px;
        flex-direction: column;
    }

    body.liquid-industry-page .selected-industry-content {
        margin-right: 0 !important;
    }

    body.liquid-industry-page .selected-industry-actions,
    body.liquid-industry-page .confirm-btn,
    body.liquid-industry-page .bottom-confirm-btn {
        width: 100%;
    }

    body.liquid-industry-page .bottom-confirm {
        justify-content: stretch !important;
    }
}

/* ===== v6.2 liquid glass industry workflow pages ===== */
body.liquid-industry-page .form-container,
body.liquid-industry-page .form-section,
body.liquid-industry-page .content-section,
body.liquid-industry-page .topic-section,
body.liquid-industry-page .execution-plan-section,
body.liquid-industry-page .result-container,
body.liquid-industry-page .result-section,
body.liquid-industry-page .topics-result,
body.liquid-industry-page .script-section,
body.liquid-industry-page .plan-section,
body.liquid-industry-page .teleprompter-section,
body.liquid-industry-page .core-identity-section,
body.liquid-industry-page .ideology-section,
body.liquid-industry-page .content-persona-section,
body.liquid-industry-page .trust-building-section,
body.liquid-industry-page .persona-roadmap-section,
body.liquid-industry-page .overview-section,
body.liquid-industry-page .stage-section,
body.liquid-industry-page .daily-schedule-section,
body.liquid-industry-page .danger-signals-section,
body.liquid-industry-page .success-standards-section,
body.liquid-industry-page .drainage-section,
body.liquid-industry-page .product-section,
body.liquid-industry-page .interaction-section,
body.liquid-industry-page .objection-section,
body.liquid-industry-page .optimization-section,
body.liquid-industry-page .front-inline-192,
body.liquid-industry-page .front-inline-196 {
    position: relative;
    overflow: hidden;
    margin-bottom: 22px !important;
    padding: 26px !important;
    border-radius: 30px !important;
    color: var(--industry-ink) !important;
    border: 1px solid var(--industry-edge) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.30), rgba(255,255,255,.11)),
        radial-gradient(circle at 10% 0, rgba(255,255,255,.54), transparent 34%),
        radial-gradient(circle at 90% 12%, rgba(22,199,223,.11), transparent 34%) !important;
    box-shadow: 0 24px 70px rgba(48,99,169,.12), inset 0 1px 0 rgba(255,255,255,.72), inset 0 -30px 52px rgba(255,255,255,.06) !important;
    backdrop-filter: blur(38px) saturate(1.82) contrast(1.05) !important;
    -webkit-backdrop-filter: blur(38px) saturate(1.82) contrast(1.05) !important;
}

body.liquid-industry-page .form-container::before,
body.liquid-industry-page .form-section::before,
body.liquid-industry-page .content-section::before,
body.liquid-industry-page .topic-section::before,
body.liquid-industry-page .execution-plan-section::before,
body.liquid-industry-page .result-container::before,
body.liquid-industry-page .result-section::before,
body.liquid-industry-page .topics-result::before,
body.liquid-industry-page .front-inline-192::before,
body.liquid-industry-page .front-inline-196::before {
    content: "";
    position: absolute;
    inset: 1px 1px auto 1px;
    height: 42%;
    border-radius: 29px 29px 42px 42px;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255,255,255,.36), rgba(255,255,255,.04) 78%, transparent);
}

body.liquid-industry-page :is(.form-container, .form-section, .content-section, .topic-section, .execution-plan-section, .result-container, .result-section, .topics-result, .front-inline-192, .front-inline-196) > * {
    position: relative;
    z-index: 1;
}

body.liquid-industry-page .form-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px !important;
}

body.liquid-industry-page .form-group,
body.liquid-industry-page .platform-section,
body.liquid-industry-page .experience-section,
body.liquid-industry-page .script-type-section,
body.liquid-industry-page .elements-section,
body.liquid-industry-page .service-description,
body.liquid-industry-page .search-section,
body.liquid-industry-page .topic-input,
body.liquid-industry-page .current-script {
    margin-bottom: 16px !important;
}

body.liquid-industry-page label,
body.liquid-industry-page .form-header,
body.liquid-industry-page .script-type-header,
body.liquid-industry-page .topic-header,
body.liquid-industry-page .result-title,
body.liquid-industry-page .script-title,
body.liquid-industry-page .plan-title,
body.liquid-industry-page .teleprompter-title,
body.liquid-industry-page .section-title,
body.liquid-industry-page .section-title2,
body.liquid-industry-page .front-inline-201 {
    color: #173653 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
}

body.liquid-industry-page .result-title,
body.liquid-industry-page .script-title,
body.liquid-industry-page .plan-title,
body.liquid-industry-page .teleprompter-title {
    color: var(--industry-blue) !important;
}

body.liquid-industry-page :is(input, textarea, select) {
    min-height: 48px;
    border-radius: 18px !important;
}

body.liquid-industry-page textarea {
    line-height: 1.65 !important;
}

body.liquid-industry-page .platform-options,
body.liquid-industry-page .script-type-list,
body.liquid-industry-page .elements-grid,
body.liquid-industry-page .topics-list,
body.liquid-industry-page .script-list,
body.liquid-industry-page .plan-list,
body.liquid-industry-page .strategy-cards,
body.liquid-industry-page .product-grid,
body.liquid-industry-page .interaction-list,
body.liquid-industry-page .objection-list,
body.liquid-industry-page .optimization-grid,
body.liquid-industry-page .copy-card-grid {
    gap: 12px !important;
}

body.liquid-industry-page :is(
    .design-card,
    .dynamic-card,
    .dynamic-content-wrapper,
    .naming-strategy,
    .nickname-recommendations,
    .video-references,
    .script-type-item,
    .element-item,
    .topic-item,
    .script-item,
    .plan-item,
    .schedule-time-block,
    .schedule-task-row,
    .strategy-card,
    .product-card,
    .interaction-item,
    .objection-item,
    .optimization-item,
    .copy-card-node,
    .copy-nested-box,
    .copy-list-row,
    .result-item,
    .front-inline-047,
    .front-inline-125,
    .front-inline-128,
    .front-inline-132,
    .front-inline-138,
    .front-inline-139,
    .front-inline-147,
    .front-inline-158,
    .front-inline-160,
    .front-inline-165,
    .front-inline-169,
    .front-inline-174,
    .front-inline-180,
    .front-inline-192,
    .front-inline-195,
    .front-inline-196,
    .front-inline-200
) {
    color: var(--industry-ink) !important;
    border-radius: 22px !important;
    border: 1px solid rgba(255,255,255,.48) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.24), rgba(255,255,255,.10)),
        radial-gradient(circle at 16% 0, rgba(255,255,255,.46), transparent 32%),
        radial-gradient(circle at 90% 100%, rgba(22,199,223,.08), transparent 42%) !important;
    box-shadow: 0 12px 28px rgba(38,102,164,.065), inset 0 1px 0 rgba(255,255,255,.60), inset 0 -18px 28px rgba(255,255,255,.04) !important;
    backdrop-filter: blur(28px) saturate(1.68) contrast(1.03) !important;
    -webkit-backdrop-filter: blur(28px) saturate(1.68) contrast(1.03) !important;
}

body.liquid-industry-page :is(.script-type-item.active, .element-item.active, .topic-item:hover, .script-item:hover, .plan-item:hover, .strategy-card:hover, .copy-card-node:hover) {
    transform: translateY(-1px);
    border-color: rgba(255,255,255,.70) !important;
    box-shadow: 0 16px 36px rgba(11,134,254,.12), inset 0 1px 0 rgba(255,255,255,.72), inset 0 -18px 28px rgba(255,255,255,.06) !important;
}

body.liquid-industry-page .front-inline-047 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 22px !important;
    padding: 18px !important;
}

body.liquid-industry-page .front-inline-048 {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

body.liquid-industry-page .front-inline-049 {
    flex: 0 0 34px;
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    display: grid;
    place-items: center;
    color: #fff !important;
    background:
        radial-gradient(circle at 30% 20%, rgba(255,255,255,.70), transparent 28%),
        linear-gradient(135deg, rgba(11,134,254,.88), rgba(22,199,223,.72)) !important;
    box-shadow: 0 8px 18px rgba(11,134,254,.18), inset 0 1px 0 rgba(255,255,255,.62) !important;
}

body.liquid-industry-page .front-inline-051,
body.liquid-industry-page .front-inline-052 {
    margin: 0 !important;
}

body.liquid-industry-page .front-inline-051 {
    color: var(--industry-ink) !important;
    font-weight: 900 !important;
}

body.liquid-industry-page .front-inline-052,
body.liquid-industry-page .topic-meta,
body.liquid-industry-page .script-type-desc,
body.liquid-industry-page .copy-text,
body.liquid-industry-page .item-content,
body.liquid-industry-page .plan-item-content,
body.liquid-industry-page .teleprompter-text {
    color: var(--industry-muted) !important;
}

body.liquid-industry-page .front-inline-053 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

body.liquid-industry-page :is(.generate-btn, .confirm-btn, .action-btn, .front-inline-054, .front-inline-055, .front-inline-191, .front-inline-199) {
    min-height: 46px !important;
    padding: 0 22px !important;
    border-radius: 18px !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.68) !important;
    background:
        radial-gradient(circle at 18% 10%, rgba(255,255,255,.70), transparent 24%),
        linear-gradient(92deg, rgba(11,134,254,.78), rgba(87,182,241,.64) 60%, rgba(22,199,223,.58)),
        rgba(255,255,255,.16) !important;
    box-shadow: 0 16px 34px rgba(11,134,254,.15), inset 0 1px 0 rgba(255,255,255,.70), inset 0 -18px 34px rgba(255,255,255,.10) !important;
    text-shadow: 0 1px 8px rgba(11,92,178,.22);
}

body.liquid-industry-page .front-inline-055 {
    color: #0b5fb8 !important;
    text-shadow: none;
    background:
        linear-gradient(145deg, rgba(255,255,255,.38), rgba(255,255,255,.14)),
        radial-gradient(circle at 18% 10%, rgba(255,255,255,.60), transparent 34%) !important;
}

body.liquid-industry-page :is(h2, h3, h4, h5, .copy-node-title, .copy-nested-title, .plan-item-title, .optimization-title, .topic-title, .script-type-title) {
    color: var(--industry-blue) !important;
    font-weight: 900 !important;
}

body.liquid-industry-page .script-count,
body.liquid-industry-page .topic-number,
body.liquid-industry-page .topic-score,
body.liquid-industry-page .objection-count,
body.liquid-industry-page .copy-index,
body.liquid-industry-page .copy-bullet {
    color: #fff !important;
    border-radius: 999px;
    background:
        radial-gradient(circle at 30% 20%, rgba(255,255,255,.66), transparent 28%),
        linear-gradient(135deg, rgba(11,134,254,.86), rgba(22,199,223,.68)) !important;
    box-shadow: 0 8px 16px rgba(11,134,254,.14), inset 0 1px 0 rgba(255,255,255,.58) !important;
}

body.liquid-industry-page .teleprompter-content,
body.liquid-industry-page .plan-content,
body.liquid-industry-page .drainage-strategy,
body.liquid-industry-page .product-design,
body.liquid-industry-page .interaction-tips,
body.liquid-industry-page .objection-handling,
body.liquid-industry-page .data-optimization {
    color: var(--industry-ink) !important;
}

body.liquid-industry-page .front-inline-108[style*="block"],
body.liquid-industry-page .front-inline-188[style*="block"],
body.liquid-industry-page .front-inline-192[style*="block"],
body.liquid-industry-page .front-inline-196[style*="block"],
body.liquid-industry-page #resultSection[style*="block"],
body.liquid-industry-page #resultContainer[style*="block"],
body.liquid-industry-page #executionPlanSection[style*="block"],
body.liquid-industry-page #topicsResult[style*="block"] {
    display: block !important;
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    body.liquid-industry-page :is(.form-container, .form-section, .content-section, .topic-section, .execution-plan-section, .result-container, .result-section, .topics-result, .script-section, .plan-section, .teleprompter-section, .front-inline-047, .front-inline-192, .front-inline-196, .dynamic-card, .result-item, .topic-item, .script-item, .plan-item) {
        background-color: rgba(255,255,255,.84) !important;
    }
}

@media (max-width: 768px) {
    body.liquid-industry-page .form-container,
    body.liquid-industry-page .form-section,
    body.liquid-industry-page .content-section,
    body.liquid-industry-page .topic-section,
    body.liquid-industry-page .execution-plan-section,
    body.liquid-industry-page .result-container,
    body.liquid-industry-page .result-section,
    body.liquid-industry-page .topics-result,
    body.liquid-industry-page .script-section,
    body.liquid-industry-page .plan-section,
    body.liquid-industry-page .teleprompter-section,
    body.liquid-industry-page .front-inline-192,
    body.liquid-industry-page .front-inline-196 {
        padding: 18px !important;
        border-radius: 24px !important;
    }

    body.liquid-industry-page .form-row,
    body.liquid-industry-page .product-grid,
    body.liquid-industry-page .optimization-grid,
    body.liquid-industry-page .copy-card-grid {
        grid-template-columns: 1fr !important;
    }

    body.liquid-industry-page .front-inline-047,
    body.liquid-industry-page .front-inline-048,
    body.liquid-industry-page .front-inline-053 {
        align-items: stretch;
        flex-direction: column;
    }

    body.liquid-industry-page :is(.generate-btn, .confirm-btn, .action-btn, .front-inline-054, .front-inline-055, .front-inline-191, .front-inline-199) {
        width: 100%;
    }
}

/* ===== v6.3 hidden result glass consistency ===== */
body.liquid-industry-page :is(
    #resultSection,
    #resultContainer,
    #executionPlanSection,
    #topicsResult,
    #copyResult,
    #livePlanResult
) {
    color: var(--industry-ink) !important;
    border: 1px solid var(--industry-edge) !important;
    border-radius: 30px !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.30), rgba(255,255,255,.11)),
        radial-gradient(circle at 10% 0, rgba(255,255,255,.54), transparent 34%),
        radial-gradient(circle at 90% 12%, rgba(22,199,223,.11), transparent 34%) !important;
    box-shadow: 0 24px 70px rgba(48,99,169,.12), inset 0 1px 0 rgba(255,255,255,.72), inset 0 -30px 52px rgba(255,255,255,.06) !important;
    backdrop-filter: blur(38px) saturate(1.82) contrast(1.05) !important;
    -webkit-backdrop-filter: blur(38px) saturate(1.82) contrast(1.05) !important;
}

/* ===== v6.4 dynamic result liquid glass polish ===== */
body.liquid-industry-page {
    --industry-card-glass: rgba(255,255,255,.22);
    --industry-card-glass-soft: rgba(255,255,255,.10);
    --industry-card-highlight: rgba(255,255,255,.56);
    --industry-text-soft: rgba(18,34,58,.78);
    --industry-success: #0f9f73;
    --industry-warning: #bf6b09;
    --industry-danger: #c9343f;
}

body.liquid-industry-page :is(
    #videoReferences,
    #nicknameRecommendations,
    #namingStrategy,
    #avatarDesignSection,
    #backgroundDesignSection,
    #introductionSection,
    #overallStrategySection,
    #coreIdentitySection,
    #ideologySection,
    #contentPersonaSection,
    #trustBuildingSection,
    #personaRoadmapSection,
    #overviewSection,
    #stageSection,
    #dailyScheduleSection,
    #dangerSignalsSection,
    #successStandardsSection,
    #market_analysis,
    #months_one,
    #months_two,
    #months_three,
    #income_structure,
    #success_cases,
    #topicsList,
    #scriptList,
    #planList,
    #teleprompterContent,
    #copyContent,
    #planContent,
    #drainageStrategy,
    #productDesign,
    #interactionTemplate,
    #objectionHandling,
    #dataOptimization
) {
    min-width: 0;
    color: var(--industry-ink) !important;
}

body.liquid-industry-page :is(
    .dynamic-content-wrapper,
    .video-references-container,
    .nicknameContainer,
    .design-section,
    .design-card,
    .ip-plan-content,
    .personal-slogan-section,
    .speaking-style,
    .speaking-style-explanation,
    .sample-script,
    .visual-style,
    .content-pillars,
    .trust-endorsement,
    .social-proof,
    .personal-story,
    .live-flow,
    .conversion-core,
    .key-metrics,
    .flow-timeline,
    .interaction-template,
    .copy-content-list,
    .copy-content-obj,
    .nested-content
) {
    position: relative;
    min-width: 0;
    overflow: hidden;
    border-radius: 24px !important;
    border: 1px solid rgba(255,255,255,.50) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.24), rgba(255,255,255,.09)),
        radial-gradient(circle at 12% 0, rgba(255,255,255,.48), transparent 34%),
        radial-gradient(circle at 88% 100%, rgba(22,199,223,.10), transparent 40%) !important;
    box-shadow: 0 16px 40px rgba(48,99,169,.08), inset 0 1px 0 rgba(255,255,255,.64), inset 0 -20px 34px rgba(255,255,255,.05) !important;
    backdrop-filter: blur(30px) saturate(1.72) contrast(1.04) !important;
    -webkit-backdrop-filter: blur(30px) saturate(1.72) contrast(1.04) !important;
}

body.liquid-industry-page :is(
    .dynamic-content-wrapper,
    .design-card,
    .ip-plan-content,
    .plan-content,
    .drainage-strategy,
    .product-design,
    .interaction-tips,
    .objection-handling,
    .data-optimization
) {
    padding: 18px !important;
}

body.liquid-industry-page :is(
    .dynamic-card,
    .core-concept,
    .core-concept-item,
    .unique-viewpoints,
    .viewpoint-item,
    .catchphrase-design,
    .catchphrase-item,
    .identity-tag-container,
    .memory-point,
    .explanation-list,
    .visual-style-item,
    .pillar-item,
    .endorsement-item,
    .social-proof-item,
    .roadmap-phase,
    .phase-task,
    .overview-item,
    .stage-item,
    .schedule-period-block,
    .schedule-task-item,
    .schedule-task-row,
    .schedule-item,
    .schedule-time-block,
    .content-plan-content,
    .topic-item,
    .script-type-item,
    .element-item,
    .result-item,
    .script-item,
    .plan-item,
    .copy-card-node,
    .copy-nested-box,
    .copy-list-row,
    .strategy-card,
    .product-item,
    .interaction-item,
    .objection-item,
    .optimization-item,
    .flow-phase,
    .flow-step,
    .info-item,
    .front-inline-080,
    .front-inline-097,
    .front-inline-125,
    .front-inline-128,
    .front-inline-130,
    .front-inline-132,
    .front-inline-134,
    .front-inline-138,
    .front-inline-139,
    .front-inline-147,
    .front-inline-158,
    .front-inline-160,
    .front-inline-165,
    .front-inline-169,
    .front-inline-174,
    .front-inline-180
) {
    min-width: 0;
    color: var(--industry-ink) !important;
    border-radius: 20px !important;
    border: 1px solid rgba(255,255,255,.48) !important;
    background:
        linear-gradient(145deg, var(--industry-card-glass), var(--industry-card-glass-soft)),
        radial-gradient(circle at 18% 0, var(--industry-card-highlight), transparent 30%),
        radial-gradient(circle at 96% 100%, rgba(22,199,223,.10), transparent 38%) !important;
    box-shadow: 0 10px 24px rgba(38,102,164,.06), inset 0 1px 0 rgba(255,255,255,.62), inset 0 -18px 28px rgba(255,255,255,.045) !important;
    backdrop-filter: blur(26px) saturate(1.62) contrast(1.03) !important;
    -webkit-backdrop-filter: blur(26px) saturate(1.62) contrast(1.03) !important;
}

body.liquid-industry-page :is(
    #overviewSection,
    #stageSection,
    #dailyScheduleSection,
    #dangerSignalsSection,
    #successStandardsSection,
    #avatarDesignSection,
    #backgroundDesignSection
) :is(div[style*="background"], div[style*="border"]) {
    color: var(--industry-ink) !important;
    border-radius: 20px !important;
    border: 1px solid rgba(255,255,255,.48) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.24), rgba(255,255,255,.10)),
        radial-gradient(circle at 18% 0, rgba(255,255,255,.48), transparent 30%),
        radial-gradient(circle at 96% 100%, rgba(22,199,223,.10), transparent 38%) !important;
    box-shadow: 0 10px 24px rgba(38,102,164,.06), inset 0 1px 0 rgba(255,255,255,.62) !important;
    backdrop-filter: blur(26px) saturate(1.62) contrast(1.03) !important;
    -webkit-backdrop-filter: blur(26px) saturate(1.62) contrast(1.03) !important;
}

body.liquid-industry-page :is(
    .dynamic-card,
    .topic-item,
    .script-type-item,
    .element-item,
    .script-item,
    .plan-item,
    .copy-card-node,
    .strategy-card,
    .product-item,
    .interaction-item,
    .objection-item,
    .optimization-item,
    .roadmap-phase,
    .front-inline-147,
    .front-inline-165,
    .front-inline-174,
    .front-inline-180
) {
    transition: transform .18s ease-out, border-color .18s ease-out, box-shadow .18s ease-out, background .18s ease-out;
}

body.liquid-industry-page :is(
    .dynamic-card,
    .topic-item,
    .script-type-item,
    .element-item,
    .script-item,
    .plan-item,
    .copy-card-node,
    .strategy-card,
    .product-item,
    .interaction-item,
    .objection-item,
    .optimization-item,
    .front-inline-147,
    .front-inline-165,
    .front-inline-174,
    .front-inline-180
):hover {
    transform: translateY(-1px);
    border-color: rgba(255,255,255,.74) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.32), rgba(255,255,255,.14)),
        radial-gradient(circle at 18% 0, rgba(255,255,255,.62), transparent 31%),
        radial-gradient(circle at 96% 100%, rgba(22,199,223,.14), transparent 40%) !important;
    box-shadow: 0 16px 34px rgba(11,134,254,.10), inset 0 1px 0 rgba(255,255,255,.74), inset 0 -18px 30px rgba(255,255,255,.06) !important;
}

body.liquid-industry-page :is(
    .result-header,
    .script-header,
    .plan-header,
    .teleprompter-header,
    .elements-header,
    .product-design-header,
    .interaction-header,
    .objection-header,
    .optimization-header,
    .section-header,
    .roadmap-header,
    .stage-header,
    .front-inline-078,
    .front-inline-109,
    .front-inline-140,
    .front-inline-178,
    .front-inline-181
) {
    min-width: 0;
    gap: 12px !important;
}

body.liquid-industry-page :is(
    h2,
    h3,
    h4,
    h5,
    .result-title,
    .section-title,
    .section-title2,
    .script-title,
    .plan-title,
    .teleprompter-title,
    .category-title,
    .tab-title,
    .topic-title,
    .script-type-title,
    .copy-node-title,
    .copy-nested-title,
    .plan-item-title,
    .optimization-title,
    .scene-name,
    .front-inline-056,
    .front-inline-061,
    .front-inline-064,
    .front-inline-071,
    .front-inline-075,
    .front-inline-076,
    .front-inline-079,
    .front-inline-093,
    .front-inline-098,
    .front-inline-102,
    .front-inline-105,
    .front-inline-112,
    .front-inline-114,
    .front-inline-122,
    .front-inline-126,
    .front-inline-129,
    .front-inline-133,
    .front-inline-136,
    .front-inline-142,
    .front-inline-146,
    .front-inline-157,
    .front-inline-164,
    .front-inline-173,
    .front-inline-179,
    .front-inline-182,
    .front-inline-183,
    .front-inline-185,
    .front-inline-194,
    .front-inline-198,
    .front-inline-201
) {
    color: var(--industry-blue) !important;
    letter-spacing: 0 !important;
    text-wrap: balance;
}

body.liquid-industry-page :is(
    p,
    li,
    .front-inline-057,
    .front-inline-062,
    .front-inline-063,
    .front-inline-065,
    .front-inline-068,
    .front-inline-072,
    .front-inline-074,
    .front-inline-077,
    .front-inline-081,
    .front-inline-087,
    .front-inline-088,
    .front-inline-094,
    .front-inline-101,
    .front-inline-113,
    .front-inline-115,
    .front-inline-116,
    .front-inline-117,
    .front-inline-121,
    .front-inline-144,
    .front-inline-148,
    .front-inline-151,
    .front-inline-152,
    .front-inline-186,
    .front-inline-187,
    .topic-meta,
    .script-type-desc,
    .copy-text,
    .copy-node-body,
    .item-content,
    .script-description,
    .script-target,
    .script-audio,
    .script-value,
    .plan-item-content,
    .teleprompter-text,
    .memory-point-content,
    .memory-point-implementation,
    .scene-content,
    .objection-answer,
    .optimization-content,
    .answer-text,
    .phase-detail,
    .flow-details
) {
    color: var(--industry-text-soft) !important;
    line-height: 1.68 !important;
    overflow-wrap: anywhere;
}

body.liquid-industry-page :is(
    .front-inline-059,
    .front-inline-066,
    .front-inline-123,
    .front-inline-154,
    .copy-list-row,
    .schedule-task-row,
    .schedule-item,
    .flow-step,
    .interaction-item,
    .objection-question
) {
    align-items: flex-start !important;
}

body.liquid-industry-page :is(
    .front-inline-060,
    .front-inline-084,
    .front-inline-085,
    .front-inline-096,
    .front-inline-120,
    .front-inline-124,
    .front-inline-143,
    .front-inline-150,
    .front-inline-152,
    .front-inline-162,
    .front-inline-167,
    .front-inline-171,
    .front-inline-176,
    .identity-tag,
    .viewpoint-tag,
    .personality-trait,
    .topic-difficulty,
    .topic-score,
    .script-count,
    .scene-count,
    .objection-count,
    .tab-count,
    .copy-index,
    .copy-bullet
) {
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    max-width: 100%;
    padding: 4px 10px !important;
    border-radius: 999px !important;
    color: #0b5fb8 !important;
    border: 1px solid rgba(255,255,255,.58) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.40), rgba(255,255,255,.16)),
        radial-gradient(circle at 18% 0, rgba(255,255,255,.66), transparent 34%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.70), 0 8px 16px rgba(11,134,254,.07) !important;
    backdrop-filter: blur(20px) saturate(1.48) !important;
    -webkit-backdrop-filter: blur(20px) saturate(1.48) !important;
    line-height: 1.3 !important;
    white-space: normal;
}

body.liquid-industry-page :is(
    .front-inline-067,
    .front-inline-070,
    .front-inline-073,
    .front-inline-091,
    .front-inline-092,
    .front-inline-099,
    .front-inline-103,
    .front-inline-106,
    .front-inline-111,
    .front-inline-141,
    .front-inline-145,
    .front-inline-155,
    .front-inline-156,
    .front-inline-159,
    .front-inline-161,
    .front-inline-163,
    .front-inline-168,
    .front-inline-170,
    .front-inline-172,
    .front-inline-177,
    .memory-icon,
    .objection-icon
) {
    flex: 0 0 auto;
    color: var(--industry-blue) !important;
    text-shadow: 0 1px 10px rgba(11,134,254,.16);
}

body.liquid-industry-page :is(
    .front-inline-070,
    .front-inline-092,
    .front-inline-156,
    .front-inline-157,
    .front-inline-159,
    .objection-icon
) {
    color: var(--industry-danger) !important;
}

body.liquid-industry-page :is(
    .front-inline-091,
    .front-inline-099,
    .front-inline-100,
    .front-inline-155,
    .front-inline-168,
    .front-inline-177
) {
    color: var(--industry-success) !important;
}

body.liquid-industry-page :is(
    .identity-tag-label,
    .slogan-label,
    .script-label,
    .script-description-label,
    .script-audio-label,
    .answer-label,
    .question-text,
    .schedule-time,
    .schedule-task-time,
    .script-time,
    .script-shot,
    .plan-info h3
) {
    color: #173653 !important;
    font-weight: 850 !important;
}

body.liquid-industry-page :is(
    .front-inline-137,
    .front-inline-184,
    .overview-grid,
    .visual-style-grid,
    .product-grid,
    .optimization-grid,
    .info-grid,
    .copy-card-grid
) {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
    gap: 14px !important;
    min-width: 0;
}

body.liquid-industry-page :is(
    .topics-list,
    .script-list,
    .plan-list,
    .strategy-list,
    .interaction-list,
    .objection-list
) {
    display: grid;
    gap: 12px !important;
}

body.liquid-industry-page .topic-info {
    min-width: 0;
    gap: 12px !important;
}

body.liquid-industry-page .topic-info > div:not(.topic-number) {
    min-width: 0;
}

body.liquid-industry-page .topic-title {
    overflow-wrap: anywhere;
}

body.liquid-industry-page .copy-paragraph {
    margin: 0 0 10px !important;
    color: var(--industry-text-soft) !important;
}

body.liquid-industry-page .copy-card-grid {
    margin: 12px 0 !important;
}

body.liquid-industry-page :is(.copy-nested-box, .copy-card-node, .copy-list-row) {
    margin: 8px 0 !important;
    padding: 14px !important;
}

body.liquid-industry-page .copy-list-row {
    display: flex;
    gap: 10px;
}

body.liquid-industry-page :is(.script-item, .plan-item) {
    padding: 16px !important;
}

body.liquid-industry-page :is(.script-time, .script-shot) {
    margin-bottom: 8px !important;
}

body.liquid-industry-page :is(.script-description, .script-target, .script-audio) {
    margin-top: 8px !important;
}

body.liquid-industry-page .teleprompter-content {
    padding: 18px !important;
}

body.liquid-industry-page .front-inline-189 {
    min-height: 88px;
    display: grid;
    place-items: center;
    padding: 22px !important;
    color: var(--industry-muted) !important;
    border-radius: 20px !important;
    border: 1px solid rgba(255,255,255,.48);
    background:
        linear-gradient(145deg, rgba(255,255,255,.22), rgba(255,255,255,.10)),
        radial-gradient(circle at 18% 0, rgba(255,255,255,.50), transparent 34%);
    backdrop-filter: blur(24px) saturate(1.5);
    -webkit-backdrop-filter: blur(24px) saturate(1.5);
}

body.b-task-history-page #resultSection .identity-tag-label,
body.b-task-history-page #resultSection .slogan-label {
    color: #0b5fb8 !important;
}

body.h-task-history-page .info-item.theme-info-item {
    border-color: rgba(255,255,255,.60) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.28), rgba(255,255,255,.12)),
        radial-gradient(circle at 18% 0, rgba(255,255,255,.56), transparent 34%),
        radial-gradient(circle at 92% 100%, rgba(22,199,223,.12), transparent 40%) !important;
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    body.liquid-industry-page :is(
        .dynamic-content-wrapper,
        .design-card,
        .dynamic-card,
        .topic-item,
        .script-item,
        .plan-item,
        .copy-card-node,
        .copy-nested-box,
        .strategy-card,
        .product-item,
        .interaction-item,
        .objection-item,
        .optimization-item
    ) {
        background-color: rgba(255,255,255,.86) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.liquid-industry-page :is(
        .dynamic-card,
        .topic-item,
        .script-type-item,
        .element-item,
        .script-item,
        .plan-item,
        .copy-card-node,
        .strategy-card,
        .product-item,
        .interaction-item,
        .objection-item,
        .optimization-item,
        .front-inline-147,
        .front-inline-165,
        .front-inline-174,
        .front-inline-180
    ) {
        transition: none !important;
    }
}

@media (max-width: 768px) {
    body.liquid-industry-page :is(
        .dynamic-content-wrapper,
        .design-card,
        .ip-plan-content,
        .plan-content,
        .drainage-strategy,
        .product-design,
        .interaction-tips,
        .objection-handling,
        .data-optimization,
        .dynamic-card,
        .topic-item,
        .script-item,
        .plan-item,
        .copy-card-node,
        .copy-nested-box,
        .copy-list-row,
        .strategy-card,
        .product-item,
        .interaction-item,
        .objection-item,
        .optimization-item,
        .front-inline-125,
        .front-inline-139,
        .front-inline-160,
        .front-inline-169
    ) {
        border-radius: 18px !important;
        padding: 14px !important;
    }

    body.liquid-industry-page :is(
        .front-inline-137,
        .front-inline-184,
        .overview-grid,
        .visual-style-grid,
        .product-grid,
        .optimization-grid,
        .info-grid,
        .copy-card-grid
    ) {
        grid-template-columns: 1fr !important;
    }

    body.liquid-industry-page :is(
        .topic-info,
        .front-inline-123,
        .front-inline-140,
        .front-inline-178,
        .front-inline-181,
        .result-header,
        .script-header,
        .plan-header,
        .teleprompter-header,
        .product-design-header,
        .interaction-header,
        .objection-header,
        .optimization-header
    ) {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    body.liquid-industry-page :is(.topic-number, .script-count, .objection-count, .scene-count) {
        min-width: 34px;
    }
}

/* ===== v6.5 dynamic generated HTML spacing and glass correction ===== */
body.liquid-industry-page {
    --industry-result-pad: 22px;
    --industry-result-pad-sm: 16px;
    --industry-inner-gap: 16px;
}

body.liquid-industry-page :is(
    #resultContainer,
    #resultSection,
    #executionPlanSection,
    #topicsResult,
    #copyResult,
    #livePlanResult
) {
    overflow: visible !important;
}

body.liquid-industry-page :is(
    #resultContainer > .result-section,
    #resultSection > .result-section,
    #executionPlanSection > .overview-section,
    #executionPlanSection > .stage-section,
    #executionPlanSection > .daily-schedule-section,
    #executionPlanSection > .danger-signals-section,
    #executionPlanSection > .success-standards-section,
    #copyResult,
    #livePlanResult,
    .drainage-section,
    .product-section,
    .interaction-section,
    .objection-section,
    .optimization-section
) {
    position: relative !important;
    margin: 0 0 24px !important;
    padding: var(--industry-result-pad) !important;
    border-radius: 28px !important;
    border: 1px solid rgba(255,255,255,.54) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.24), rgba(255,255,255,.10)),
        radial-gradient(circle at 12% 0, rgba(255,255,255,.48), transparent 34%),
        radial-gradient(circle at 92% 100%, rgba(22,199,223,.09), transparent 42%) !important;
    box-shadow: 0 18px 44px rgba(48,99,169,.085), inset 0 1px 0 rgba(255,255,255,.66), inset 0 -24px 42px rgba(255,255,255,.05) !important;
    backdrop-filter: blur(32px) saturate(1.72) contrast(1.04) !important;
    -webkit-backdrop-filter: blur(32px) saturate(1.72) contrast(1.04) !important;
}

body.a-task-history-page #resultContainer > .result-section + .result-section {
    border-top: 0 !important;
    padding-top: var(--industry-result-pad) !important;
}

body.liquid-industry-page :is(
    #resultContainer > .result-section > h3,
    #resultSection > .result-section > h3,
    #executionPlanSection :is(.front-inline-126, .front-inline-129, .front-inline-133),
    #copyResult .front-inline-194,
    #livePlanResult .plan-header h2
) {
    min-height: 36px;
    margin: 0 0 16px !important;
    padding: 0 0 14px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: #0b5fb8 !important;
    border-bottom: 1px solid rgba(11,134,254,.12) !important;
    font-size: 21px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
}

body.a-task-history-page #resultContainer > .result-section > h3 {
    font-size: 0 !important;
}

body.a-task-history-page #resultContainer > .result-section:nth-of-type(1) > h3::after { content: "视频参考案例"; }
body.a-task-history-page #resultContainer > .result-section:nth-of-type(2) > h3::after { content: "昵称推荐"; }
body.a-task-history-page #resultContainer > .result-section:nth-of-type(3) > h3::after { content: "头像设计方案"; }
body.a-task-history-page #resultContainer > .result-section:nth-of-type(4) > h3::after { content: "背景设计方案"; }
body.a-task-history-page #resultContainer > .result-section:nth-of-type(5) > h3::after { content: "简介文案方案"; }
body.a-task-history-page #resultContainer > .result-section:nth-of-type(6) > h3::after { content: "整体包装策略"; }

body.a-task-history-page #resultContainer > .result-section > h3::after {
    font-size: 21px;
    line-height: 1.35;
    font-weight: 900;
}

body.a-task-history-page #resultContainer > .result-section > h3::before {
    content: "";
    width: 8px;
    height: 22px;
    flex: 0 0 8px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(11,134,254,.82), rgba(22,199,223,.60));
    box-shadow: 0 8px 18px rgba(11,134,254,.16);
}

body.liquid-industry-page :is(
    #resultContainer .dynamic-content-wrapper,
    #resultContainer .video-references-container,
    #resultContainer .nicknameContainer,
    #resultContainer .design-section,
    #resultContainer .design-card,
    #resultContainer .naming-strategy,
    #introductionSection,
    #overallStrategySection,
    #coreIdentitySection,
    #ideologySection,
    #contentPersonaSection,
    #trustBuildingSection,
    #personaRoadmapSection,
    #overviewSection,
    #stageSection,
    #dailyScheduleSection,
    #dangerSignalsSection,
    #successStandardsSection,
    #market_analysis,
    #months_one,
    #months_two,
    #months_three,
    #income_structure,
    #success_cases,
    #topicsList,
    #scriptList,
    #planList,
    #teleprompterContent,
    #copyContent,
    #planContent,
    #drainageStrategy,
    #productDesign,
    #interactionTemplate,
    #objectionHandling,
    #dataOptimization
) {
    min-width: 0 !important;
    padding: var(--industry-result-pad-sm) !important;
    border-radius: 22px !important;
    border: 1px solid rgba(255,255,255,.44) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.18), rgba(255,255,255,.07)),
        radial-gradient(circle at 12% 0, rgba(255,255,255,.40), transparent 32%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.58), 0 10px 24px rgba(48,99,169,.045) !important;
    backdrop-filter: blur(24px) saturate(1.56) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.56) !important;
    overflow: visible !important;
}

body.a-task-history-page #resultContainer .design-section {
    margin: 0 !important;
}

body.a-task-history-page #resultContainer .dynamic-content-wrapper {
    width: 100% !important;
    box-sizing: border-box !important;
}

body.a-task-history-page #resultContainer .dynamic-content-wrapper > div[style*="grid"],
body.a-task-history-page #resultContainer .dynamic-content-wrapper > div[style*="display: grid"],
body.a-task-history-page #resultContainer .video-references-container > div[style*="grid"],
body.a-task-history-page #resultContainer .nicknameContainer > div[style*="grid"] {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: var(--industry-inner-gap) !important;
    margin: 0 0 var(--industry-inner-gap) !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.liquid-industry-page :is(
    #resultContainer .dynamic-card,
    #resultContainer .design-card .dynamic-card,
    #resultContainer #avatarDesignSection div[style*="border"],
    #resultContainer #backgroundDesignSection div[style*="border"],
    #resultContainer #introductionSection > div,
    #resultContainer #overallStrategySection > div,
    #resultSection .dynamic-card,
    #resultSection .core-concept,
    #resultSection .core-concept-item,
    #resultSection .unique-viewpoints,
    #resultSection .viewpoint-item,
    #resultSection .catchphrase-design,
    #resultSection .catchphrase-item,
    #resultSection .identity-tag-container,
    #resultSection .memory-point,
    #resultSection .visual-style-item,
    #resultSection .pillar-item,
    #resultSection .endorsement-item,
    #resultSection .social-proof-item,
    #resultSection .roadmap-phase,
    #resultSection .script-item,
    #resultSection .plan-item,
    #topicsResult .topic-item,
    #copyContent .copy-card-node,
    #copyContent .copy-nested-box,
    #copyContent .copy-list-row,
    #planContent .info-item,
    #planContent .flow-step,
    #planContent .flow-phase,
    #drainageStrategy .strategy-card,
    #productDesign .product-item,
    #interactionTemplate .interaction-item,
    #objectionHandling .objection-item,
    #dataOptimization .optimization-item,
    .front-inline-125,
    .front-inline-128,
    .front-inline-130,
    .front-inline-132,
    .front-inline-134,
    .front-inline-138,
    .front-inline-139,
    .front-inline-147,
    .front-inline-158,
    .front-inline-160,
    .front-inline-165,
    .front-inline-169,
    .front-inline-174,
    .front-inline-180
) {
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 18px !important;
    border-radius: 20px !important;
    border: 1px solid rgba(255,255,255,.50) !important;
    color: var(--industry-ink) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.23), rgba(255,255,255,.08)),
        radial-gradient(circle at 16% 0, rgba(255,255,255,.44), transparent 30%),
        radial-gradient(circle at 96% 100%, rgba(22,199,223,.08), transparent 38%) !important;
    box-shadow: 0 10px 24px rgba(38,102,164,.055), inset 0 1px 0 rgba(255,255,255,.62) !important;
    backdrop-filter: blur(26px) saturate(1.62) contrast(1.03) !important;
    -webkit-backdrop-filter: blur(26px) saturate(1.62) contrast(1.03) !important;
    overflow: visible !important;
}

body.a-task-history-page #resultContainer .dynamic-card {
    display: block !important;
}

body.a-task-history-page #resultContainer .dynamic-card :is(h4, h5, .front-inline-064, .front-inline-071, .front-inline-075, .front-inline-076) {
    margin: 0 0 10px !important;
    color: #173653 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1.45 !important;
}

body.a-task-history-page #resultContainer .dynamic-card :is(p, div, span, li, .front-inline-065, .front-inline-068, .front-inline-072, .front-inline-074, .front-inline-077) {
    color: rgba(18,34,58,.78) !important;
    font-size: 14px !important;
    line-height: 1.72 !important;
}

body.a-task-history-page #resultContainer :is(.front-inline-066, .front-inline-059) {
    display: flex !important;
    gap: 10px !important;
    padding: 9px 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(11,134,254,.08);
}

body.a-task-history-page #resultContainer :is(.front-inline-066, .front-inline-059):last-child {
    border-bottom: 0;
}

body.a-task-history-page #resultContainer :is(.front-inline-067, .front-inline-073) {
    width: 20px;
    flex: 0 0 20px;
    text-align: center;
}

body.a-task-history-page #resultContainer :is(.front-inline-070) {
    width: 20px;
    flex: 0 0 20px;
    text-align: center;
}

body.a-task-history-page #resultContainer .front-inline-047 {
    padding: 18px !important;
    border-radius: 22px !important;
}

@media (max-width: 768px) {
    body.liquid-industry-page {
        --industry-result-pad: 16px;
        --industry-result-pad-sm: 12px;
        --industry-inner-gap: 12px;
    }

    body.liquid-industry-page :is(
        #resultContainer > .result-section,
        #resultSection > .result-section,
        #copyResult,
        #livePlanResult,
        .drainage-section,
        .product-section,
        .interaction-section,
        .objection-section,
        .optimization-section
    ) {
        border-radius: 22px !important;
    }

    body.a-task-history-page #resultContainer .dynamic-content-wrapper > div[style*="grid"],
    body.a-task-history-page #resultContainer .dynamic-content-wrapper > div[style*="display: grid"],
    body.a-task-history-page #resultContainer .video-references-container > div[style*="grid"],
    body.a-task-history-page #resultContainer .nicknameContainer > div[style*="grid"] {
        grid-template-columns: 1fr !important;
    }
}

/* ===== v6.6 dynamic JS result padding hardening ===== */
body.liquid-industry-page {
    --industry-result-outer-pad: clamp(22px, 2.4vw, 34px);
    --industry-result-section-pad: clamp(18px, 1.8vw, 28px);
    --industry-result-wrapper-pad: clamp(16px, 1.45vw, 22px);
    --industry-result-card-pad: clamp(16px, 1.35vw, 22px);
}

body.liquid-industry-page #resultContainer.result-container,
body.liquid-industry-page #resultSection.result-section,
body.liquid-industry-page #executionPlanSection.execution-plan-section,
body.liquid-industry-page #topicsResult.topics-result,
body.liquid-industry-page #copyResult.front-inline-192,
body.liquid-industry-page #livePlanResult.front-inline-192 {
    box-sizing: border-box !important;
    width: 100% !important;
    margin-top: 34px !important;
    padding: var(--industry-result-outer-pad) !important;
    border-radius: 34px !important;
    border: 1px solid rgba(255,255,255,.66) !important;
    color: var(--industry-ink) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.28), rgba(255,255,255,.10)),
        radial-gradient(circle at 8% 0, rgba(255,255,255,.58), transparent 34%),
        radial-gradient(circle at 92% 10%, rgba(22,199,223,.13), transparent 38%) !important;
    box-shadow: 0 26px 74px rgba(48,99,169,.13), inset 0 1px 0 rgba(255,255,255,.76), inset 0 -32px 56px rgba(255,255,255,.06) !important;
    backdrop-filter: blur(40px) saturate(1.86) contrast(1.04) !important;
    -webkit-backdrop-filter: blur(40px) saturate(1.86) contrast(1.04) !important;
    overflow: visible !important;
}

body.liquid-industry-page #resultContainer.result-container::before,
body.liquid-industry-page #resultSection.result-section::before,
body.liquid-industry-page #executionPlanSection.execution-plan-section::before,
body.liquid-industry-page #topicsResult.topics-result::before,
body.liquid-industry-page #copyResult.front-inline-192::before,
body.liquid-industry-page #livePlanResult.front-inline-192::before {
    border-radius: 33px 33px 46px 46px !important;
}

body.liquid-industry-page #resultContainer.result-container > .result-section,
body.liquid-industry-page #resultSection.result-section > :is(
    .core-identity-section,
    .ideology-section,
    .content-persona-section,
    .trust-building-section,
    .persona-roadmap-section,
    .script-section,
    .plan-section,
    .teleprompter-section
),
body.liquid-industry-page #executionPlanSection.execution-plan-section > :is(
    .overview-section,
    .stage-section,
    .daily-schedule-section,
    .danger-signals-section,
    .success-standards-section
),
body.liquid-industry-page #topicsResult.topics-result > :is(.tabs, .topic-category, .topics-list),
body.liquid-industry-page #copyResult.front-inline-192 > #copyContent,
body.liquid-industry-page #livePlanResult.front-inline-192 > :is(
    #planContent,
    #drainageStrategy,
    #productDesign,
    #interactionTemplate,
    #objectionHandling,
    #dataOptimization
) {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 24px !important;
    padding: var(--industry-result-section-pad) !important;
    border-radius: 30px !important;
    border: 1px solid rgba(255,255,255,.56) !important;
    color: var(--industry-ink) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.22), rgba(255,255,255,.08)),
        radial-gradient(circle at 12% 0, rgba(255,255,255,.46), transparent 32%),
        radial-gradient(circle at 92% 96%, rgba(11,134,254,.06), transparent 42%) !important;
    box-shadow: 0 18px 46px rgba(48,99,169,.08), inset 0 1px 0 rgba(255,255,255,.66), inset 0 -24px 42px rgba(255,255,255,.045) !important;
    backdrop-filter: blur(30px) saturate(1.7) contrast(1.03) !important;
    -webkit-backdrop-filter: blur(30px) saturate(1.7) contrast(1.03) !important;
    overflow: visible !important;
}

body.liquid-industry-page #resultContainer.result-container > .result-section:last-child,
body.liquid-industry-page #resultSection.result-section > :is(
    .core-identity-section,
    .ideology-section,
    .content-persona-section,
    .trust-building-section,
    .persona-roadmap-section,
    .script-section,
    .plan-section,
    .teleprompter-section
):last-child,
body.liquid-industry-page #executionPlanSection.execution-plan-section > :is(
    .overview-section,
    .stage-section,
    .daily-schedule-section,
    .danger-signals-section,
    .success-standards-section
):last-child,
body.liquid-industry-page #copyResult.front-inline-192 > #copyContent:last-child,
body.liquid-industry-page #livePlanResult.front-inline-192 > :is(
    #planContent,
    #drainageStrategy,
    #productDesign,
    #interactionTemplate,
    #objectionHandling,
    #dataOptimization
):last-child {
    margin-bottom: 0 !important;
}

body.liquid-industry-page :is(
    #resultContainer,
    #resultSection,
    #executionPlanSection,
    #topicsResult,
    #copyResult,
    #livePlanResult
) :is(
    .dynamic-content-wrapper,
    .video-references-container,
    .nicknameContainer,
    .nickname-recommendations,
    .video-references,
    .naming-strategy,
    .design-section,
    .design-card,
    .core-concept,
    .unique-viewpoints,
    .catchphrase-design,
    .speaking-style,
    .speaking-style-explanation,
    .sample-script,
    .visual-style,
    .content-pillars,
    .trust-endorsement,
    .social-proof,
    .personal-story,
    .roadmap-phase,
    .plan-info,
    .live-flow,
    .drainage-strategy,
    .product-design,
    .interaction-tips,
    .objection-handling,
    .data-optimization,
    .front-inline-125,
    .front-inline-128,
    .front-inline-132,
    .front-inline-139,
    .front-inline-160,
    .front-inline-169
) {
    box-sizing: border-box !important;
    min-width: 0 !important;
    margin: 0 0 18px !important;
    padding: var(--industry-result-wrapper-pad) !important;
    border-radius: 24px !important;
    border: 1px solid rgba(255,255,255,.48) !important;
    color: var(--industry-ink) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.18), rgba(255,255,255,.07)),
        radial-gradient(circle at 14% 0, rgba(255,255,255,.40), transparent 34%) !important;
    box-shadow: 0 12px 30px rgba(48,99,169,.055), inset 0 1px 0 rgba(255,255,255,.60) !important;
    backdrop-filter: blur(26px) saturate(1.62) !important;
    -webkit-backdrop-filter: blur(26px) saturate(1.62) !important;
    overflow: visible !important;
}

body.liquid-industry-page :is(
    #resultContainer,
    #resultSection,
    #executionPlanSection,
    #topicsResult,
    #copyResult,
    #livePlanResult
) :is(
    .dynamic-content-wrapper,
    .video-references-container,
    .nicknameContainer,
    .nickname-recommendations,
    .video-references,
    .naming-strategy,
    .design-section,
    .design-card,
    .core-concept,
    .unique-viewpoints,
    .catchphrase-design,
    .speaking-style,
    .speaking-style-explanation,
    .sample-script,
    .visual-style,
    .content-pillars,
    .trust-endorsement,
    .social-proof,
    .personal-story,
    .roadmap-phase,
    .plan-info,
    .live-flow,
    .drainage-strategy,
    .product-design,
    .interaction-tips,
    .objection-handling,
    .data-optimization,
    .front-inline-125,
    .front-inline-128,
    .front-inline-132,
    .front-inline-139,
    .front-inline-160,
    .front-inline-169
):last-child {
    margin-bottom: 0 !important;
}

body.liquid-industry-page :is(
    #resultContainer,
    #resultSection,
    #executionPlanSection,
    #topicsResult,
    #copyResult,
    #livePlanResult
) :is(
    .dynamic-card,
    .core-concept-item,
    .viewpoint-item,
    .catchphrase-item,
    .identity-tag-container,
    .memory-point,
    .visual-style-item,
    .pillar-item,
    .endorsement-item,
    .social-proof-item,
    .roadmap-phase,
    .script-item,
    .plan-item,
    .topic-item,
    .result-item,
    .info-item,
    .flow-step,
    .flow-phase,
    .strategy-card,
    .product-card,
    .product-item,
    .interaction-item,
    .objection-item,
    .optimization-item,
    .copy-card-node,
    .copy-nested-box,
    .copy-list-row,
    .front-inline-130,
    .front-inline-134,
    .front-inline-138,
    .front-inline-147,
    .front-inline-158,
    .front-inline-165,
    .front-inline-174,
    .front-inline-180,
    .front-inline-200,
    div[style*="backgroundColor"],
    div[style*="background-color"],
    div[style*="borderRadius"],
    div[style*="border-radius: 5px"],
    div[style*="rgba(255, 255, 255, 0.03)"],
    div[style*="rgba(255, 255, 255, 0.05)"],
    div[style*="rgba(30, 144, 255, 0.2)"]
) {
    box-sizing: border-box !important;
    min-width: 0 !important;
    padding: var(--industry-result-card-pad) !important;
    border-radius: 22px !important;
    border: 1px solid rgba(255,255,255,.52) !important;
    color: var(--industry-ink) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.24), rgba(255,255,255,.09)),
        radial-gradient(circle at 16% 0, rgba(255,255,255,.44), transparent 31%),
        radial-gradient(circle at 96% 100%, rgba(22,199,223,.08), transparent 40%) !important;
    box-shadow: 0 12px 28px rgba(38,102,164,.06), inset 0 1px 0 rgba(255,255,255,.64) !important;
    backdrop-filter: blur(28px) saturate(1.66) contrast(1.03) !important;
    -webkit-backdrop-filter: blur(28px) saturate(1.66) contrast(1.03) !important;
    overflow: visible !important;
}

body.liquid-industry-page :is(
    #resultContainer,
    #resultSection,
    #executionPlanSection,
    #topicsResult,
    #copyResult,
    #livePlanResult
) :is(
    div[style*="display: grid"],
    div[style*="grid-template-columns"],
    .visual-style-grid,
    .info-grid,
    .flow-steps,
    .flow-details,
    .product-grid,
    .optimization-grid,
    .copy-card-grid,
    .topics-list,
    .script-list,
    .plan-list
) {
    box-sizing: border-box !important;
    min-width: 0 !important;
    gap: var(--industry-inner-gap) !important;
}

body.liquid-industry-page #resultContainer.result-container .dynamic-content-wrapper > div[style*="display: grid"],
body.liquid-industry-page #resultContainer.result-container .dynamic-content-wrapper > div[style*="grid-template-columns"],
body.liquid-industry-page #resultContainer.result-container :is(.video-references-container, .nicknameContainer) > div[style*="display: grid"],
body.liquid-industry-page #resultContainer.result-container :is(.video-references-container, .nicknameContainer) > div[style*="grid-template-columns"] {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.liquid-industry-page :is(
    #resultContainer,
    #resultSection,
    #executionPlanSection,
    #topicsResult,
    #copyResult,
    #livePlanResult
) :is(h2, h3, h4, h5, .section-title, .section-title2, .topic-title, .script-title, .plan-title, .front-inline-056, .front-inline-061, .front-inline-075, .front-inline-110, .front-inline-126, .front-inline-129, .front-inline-133, .front-inline-136, .front-inline-142, .front-inline-146, .front-inline-157, .front-inline-164, .front-inline-173, .front-inline-179, .front-inline-183, .front-inline-194, .front-inline-201) {
    letter-spacing: 0 !important;
    color: #173653 !important;
}

body.liquid-industry-page :is(
    #resultContainer,
    #resultSection,
    #executionPlanSection,
    #topicsResult,
    #copyResult,
    #livePlanResult
) :is(p, span, li, .item-content, .topic-meta, .script-description, .script-audio, .plan-item-content, .front-inline-072, .front-inline-087, .front-inline-088, .front-inline-113, .front-inline-115, .front-inline-116, .front-inline-121, .front-inline-148, .front-inline-151, .front-inline-152, .front-inline-186, .front-inline-187) {
    color: rgba(18,34,58,.78) !important;
}

@media (max-width: 768px) {
    body.liquid-industry-page {
        --industry-result-outer-pad: 16px;
        --industry-result-section-pad: 14px;
        --industry-result-wrapper-pad: 12px;
        --industry-result-card-pad: 14px;
    }

    body.liquid-industry-page #resultContainer.result-container,
    body.liquid-industry-page #resultSection.result-section,
    body.liquid-industry-page #executionPlanSection.execution-plan-section,
    body.liquid-industry-page #topicsResult.topics-result,
    body.liquid-industry-page #copyResult.front-inline-192,
    body.liquid-industry-page #livePlanResult.front-inline-192 {
        border-radius: 26px !important;
    }

    body.liquid-industry-page #resultContainer.result-container > .result-section,
    body.liquid-industry-page #resultSection.result-section > :is(
        .core-identity-section,
        .ideology-section,
        .content-persona-section,
        .trust-building-section,
        .persona-roadmap-section,
        .script-section,
        .plan-section,
        .teleprompter-section
    ),
    body.liquid-industry-page #executionPlanSection.execution-plan-section > :is(
        .overview-section,
        .stage-section,
        .daily-schedule-section,
        .danger-signals-section,
        .success-standards-section
    ),
    body.liquid-industry-page #copyResult.front-inline-192 > #copyContent,
    body.liquid-industry-page #livePlanResult.front-inline-192 > :is(
        #planContent,
        #drainageStrategy,
        #productDesign,
        #interactionTemplate,
        #objectionHandling,
        #dataOptimization
    ) {
        border-radius: 22px !important;
    }
}

/* ===== v6.7 dynamic card specificity override ===== */
body.liquid-industry-page :is(
    #resultContainer#resultContainer,
    #resultSection#resultSection,
    #executionPlanSection#executionPlanSection,
    #topicsResult#topicsResult,
    #copyResult#copyResult,
    #livePlanResult#livePlanResult
) :is(
    .dynamic-card,
    .core-concept-item,
    .viewpoint-item,
    .catchphrase-item,
    .identity-tag-container,
    .memory-point,
    .visual-style-item,
    .pillar-item,
    .endorsement-item,
    .social-proof-item,
    .roadmap-phase,
    .script-item,
    .plan-item,
    .topic-item,
    .result-item,
    .info-item,
    .flow-step,
    .flow-phase,
    .strategy-card,
    .product-card,
    .product-item,
    .interaction-item,
    .objection-item,
    .optimization-item,
    .copy-card-node,
    .copy-nested-box,
    .copy-list-row,
    .front-inline-130,
    .front-inline-134,
    .front-inline-138,
    .front-inline-147,
    .front-inline-158,
    .front-inline-165,
    .front-inline-174,
    .front-inline-180,
    .front-inline-200,
    div[style*="backgroundColor"],
    div[style*="background-color"],
    div[style*="borderRadius"],
    div[style*="border-radius: 5px"],
    div[style*="rgba(255, 255, 255, 0.03)"],
    div[style*="rgba(255, 255, 255, 0.05)"],
    div[style*="rgba(30, 144, 255, 0.2)"]
) {
    box-sizing: border-box !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: var(--industry-result-card-pad) !important;
    border-radius: 22px !important;
    border: 1px solid rgba(255,255,255,.52) !important;
    color: var(--industry-ink) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.24), rgba(255,255,255,.09)),
        radial-gradient(circle at 16% 0, rgba(255,255,255,.44), transparent 31%),
        radial-gradient(circle at 96% 100%, rgba(22,199,223,.08), transparent 40%) !important;
    box-shadow: 0 12px 28px rgba(38,102,164,.06), inset 0 1px 0 rgba(255,255,255,.64) !important;
    backdrop-filter: blur(28px) saturate(1.66) contrast(1.03) !important;
    -webkit-backdrop-filter: blur(28px) saturate(1.66) contrast(1.03) !important;
    overflow: visible !important;
}

@media (max-width: 768px) {
    body.liquid-industry-page :is(
        #resultContainer#resultContainer,
        #resultSection#resultSection,
        #executionPlanSection#executionPlanSection,
        #topicsResult#topicsResult,
        #copyResult#copyResult,
        #livePlanResult#livePlanResult
    ) :is(
        .dynamic-card,
        .core-concept-item,
        .viewpoint-item,
        .catchphrase-item,
        .identity-tag-container,
        .memory-point,
        .visual-style-item,
        .pillar-item,
        .endorsement-item,
        .social-proof-item,
        .roadmap-phase,
        .script-item,
        .plan-item,
        .topic-item,
        .result-item,
        .info-item,
        .flow-step,
        .flow-phase,
        .strategy-card,
        .product-card,
        .product-item,
        .interaction-item,
        .objection-item,
        .optimization-item,
        .copy-card-node,
        .copy-nested-box,
        .copy-list-row,
        .front-inline-130,
        .front-inline-134,
        .front-inline-138,
        .front-inline-147,
        .front-inline-158,
        .front-inline-165,
        .front-inline-174,
        .front-inline-180,
        .front-inline-200,
        div[style*="backgroundColor"],
        div[style*="background-color"],
        div[style*="borderRadius"],
        div[style*="border-radius: 5px"],
        div[style*="rgba(255, 255, 255, 0.03)"],
        div[style*="rgba(255, 255, 255, 0.05)"],
        div[style*="rgba(30, 144, 255, 0.2)"]
    ) {
        border-radius: 18px !important;
    }
}

/* ===== v6.8 flatten dynamic result glass layers ===== */
body.liquid-industry-page {
    --industry-result-outer-pad: clamp(22px, 2.2vw, 30px);
    --industry-result-section-pad: clamp(22px, 2vw, 30px);
    --industry-result-card-pad: clamp(18px, 1.45vw, 22px);
    --industry-result-section-gap: clamp(28px, 2.6vw, 36px);
    --industry-inner-gap: clamp(14px, 1.35vw, 18px);
}

body.liquid-industry-page #resultContainer.result-container,
body.liquid-industry-page #resultSection.result-section,
body.liquid-industry-page #executionPlanSection.execution-plan-section,
body.liquid-industry-page #topicsResult.topics-result,
body.liquid-industry-page #copyResult.front-inline-192,
body.liquid-industry-page #livePlanResult.front-inline-192 {
    padding: var(--industry-result-outer-pad) !important;
    border-radius: 32px !important;
}

body.liquid-industry-page #resultContainer.result-container > .result-section,
body.liquid-industry-page #resultSection.result-section > :is(
    .core-identity-section,
    .ideology-section,
    .content-persona-section,
    .trust-building-section,
    .persona-roadmap-section,
    .script-section,
    .plan-section,
    .teleprompter-section
),
body.liquid-industry-page #executionPlanSection.execution-plan-section > :is(
    .overview-section,
    .stage-section,
    .daily-schedule-section,
    .danger-signals-section,
    .success-standards-section
),
body.liquid-industry-page #topicsResult.topics-result > :is(.tabs, .topic-category, .topics-list),
body.liquid-industry-page #copyResult.front-inline-192 > #copyContent,
body.liquid-industry-page #livePlanResult.front-inline-192 > :is(
    #planContent,
    #drainageStrategy,
    #productDesign,
    #interactionTemplate,
    #objectionHandling,
    #dataOptimization
) {
    margin: 0 0 var(--industry-result-section-gap) !important;
    padding: var(--industry-result-section-pad) !important;
    border-radius: 28px !important;
    border: 1px solid rgba(255,255,255,.58) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.24), rgba(255,255,255,.09)),
        radial-gradient(circle at 12% 0, rgba(255,255,255,.44), transparent 34%),
        radial-gradient(circle at 92% 96%, rgba(11,134,254,.055), transparent 42%) !important;
    box-shadow: 0 18px 44px rgba(48,99,169,.075), inset 0 1px 0 rgba(255,255,255,.66) !important;
    backdrop-filter: blur(32px) saturate(1.72) contrast(1.03) !important;
    -webkit-backdrop-filter: blur(32px) saturate(1.72) contrast(1.03) !important;
}

body.liquid-industry-page #resultContainer.result-container > .result-section:last-child,
body.liquid-industry-page #resultSection.result-section > :is(
    .core-identity-section,
    .ideology-section,
    .content-persona-section,
    .trust-building-section,
    .persona-roadmap-section,
    .script-section,
    .plan-section,
    .teleprompter-section
):last-child,
body.liquid-industry-page #executionPlanSection.execution-plan-section > :is(
    .overview-section,
    .stage-section,
    .daily-schedule-section,
    .danger-signals-section,
    .success-standards-section
):last-child,
body.liquid-industry-page #copyResult.front-inline-192 > #copyContent:last-child,
body.liquid-industry-page #livePlanResult.front-inline-192 > :is(
    #planContent,
    #drainageStrategy,
    #productDesign,
    #interactionTemplate,
    #objectionHandling,
    #dataOptimization
):last-child {
    margin-bottom: 0 !important;
}

/* ===== v7.4 high-priority flatten: one shell plus spaced leaf glass cards ===== */
body.liquid-industry-page {
    --industry-result-outer-pad: clamp(24px, 2.4vw, 34px);
    --industry-result-section-gap: clamp(34px, 3.2vw, 48px);
    --industry-inner-gap: clamp(18px, 1.8vw, 26px);
    --industry-card-stack-gap: clamp(16px, 1.5vw, 22px);
    --industry-blue-hairline: rgba(57, 157, 255, .42);
    --industry-blue-hairline-soft: rgba(57, 157, 255, .30);
    --industry-blue-hairline-inner: rgba(170, 226, 255, .38);
}

body.liquid-industry-page #resultContainer#resultContainer.result-container,
body.liquid-industry-page #resultSection#resultSection.result-section,
body.liquid-industry-page #executionPlanSection#executionPlanSection.execution-plan-section,
body.liquid-industry-page #topicsResult#topicsResult.topics-result,
body.liquid-industry-page #copyResult#copyResult.front-inline-192,
body.liquid-industry-page #livePlanResult#livePlanResult.front-inline-192,
body.liquid-industry-page #resultSection#resultSection.front-inline-196 {
    box-sizing: border-box !important;
    width: 100% !important;
    padding: var(--industry-result-outer-pad) !important;
    border-radius: 32px !important;
    border: 1px solid var(--industry-blue-hairline) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.27), rgba(255,255,255,.09)),
        radial-gradient(circle at 8% 0, rgba(255,255,255,.52), transparent 34%),
        radial-gradient(circle at 92% 10%, rgba(22,199,223,.11), transparent 38%) !important;
    box-shadow:
        0 26px 74px rgba(48,99,169,.12),
        inset 0 0 0 .5px var(--industry-blue-hairline-inner),
        inset 0 1px 0 rgba(255,255,255,.74) !important;
    backdrop-filter: blur(40px) saturate(1.86) contrast(1.04) !important;
    -webkit-backdrop-filter: blur(40px) saturate(1.86) contrast(1.04) !important;
    overflow: visible !important;
}

body.liquid-industry-page #resultContainer#resultContainer.result-container > .result-section,
body.liquid-industry-page #resultSection#resultSection.result-section > .ip-plan-content,
body.liquid-industry-page #resultSection#resultSection.result-section > :is(
    .core-identity-section,
    .ideology-section,
    .content-persona-section,
    .trust-building-section,
    .persona-roadmap-section,
    .script-section,
    .plan-section,
    .teleprompter-section
),
body.b-task-history-page #resultSection#resultSection > .ip-plan-content > #coreIdentitySection,
body.b-task-history-page #resultSection#resultSection > :is(
    #ideologySection,
    #contentPersonaSection,
    #trustBuildingSection,
    #personaRoadmapSection
),
body.liquid-industry-page #executionPlanSection#executionPlanSection.execution-plan-section > :is(
    .overview-section,
    .stage-section,
    .daily-schedule-section,
    .danger-signals-section,
    .success-standards-section,
    #market_analysis,
    #months_one,
    #months_two,
    #months_three,
    #income_structure,
    #success_cases
),
body.liquid-industry-page #topicsResult#topicsResult.topics-result > :is(.tabs, .search-section, .topic-category, .topics-list, #topicsList),
body.liquid-industry-page #copyResult#copyResult.front-inline-192 > #copyContent,
body.liquid-industry-page #livePlanResult#livePlanResult.front-inline-192 > :is(
    #planContent,
    #drainageStrategy,
    #productDesign,
    #interactionTemplate,
    #objectionHandling,
    #dataOptimization
) {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 0 var(--industry-result-section-gap) !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow: visible !important;
}

body.liquid-industry-page #resultContainer#resultContainer.result-container > .result-section:last-child,
body.liquid-industry-page #resultSection#resultSection.result-section > .ip-plan-content:last-child,
body.liquid-industry-page #resultSection#resultSection.result-section > :is(
    .core-identity-section,
    .ideology-section,
    .content-persona-section,
    .trust-building-section,
    .persona-roadmap-section,
    .script-section,
    .plan-section,
    .teleprompter-section
):last-child,
body.b-task-history-page #resultSection#resultSection > :is(
    #ideologySection,
    #contentPersonaSection,
    #trustBuildingSection,
    #personaRoadmapSection
):last-child,
body.liquid-industry-page #executionPlanSection#executionPlanSection.execution-plan-section > :is(
    .overview-section,
    .stage-section,
    .daily-schedule-section,
    .danger-signals-section,
    .success-standards-section,
    #market_analysis,
    #months_one,
    #months_two,
    #months_three,
    #income_structure,
    #success_cases
):last-child,
body.liquid-industry-page #topicsResult#topicsResult.topics-result > :is(.tabs, .search-section, .topic-category, .topics-list, #topicsList):last-child,
body.liquid-industry-page #copyResult#copyResult.front-inline-192 > #copyContent:last-child,
body.liquid-industry-page #livePlanResult#livePlanResult.front-inline-192 > :is(
    #planContent,
    #drainageStrategy,
    #productDesign,
    #interactionTemplate,
    #objectionHandling,
    #dataOptimization
):last-child {
    margin-bottom: 0 !important;
}

body.liquid-industry-page :is(
    #resultContainer#resultContainer,
    #resultSection#resultSection,
    #executionPlanSection#executionPlanSection,
    #topicsResult#topicsResult,
    #copyResult#copyResult,
    #livePlanResult#livePlanResult
) :is(
    .dynamic-content-wrapper,
    .video-references-container,
    .nicknameContainer,
    .video-references,
    .nickname-recommendations,
    .naming-strategy,
    .design-section,
    .design-card,
    .core-concept,
    .unique-viewpoints,
    .catchphrase-design,
    .speaking-style,
    .speaking-style-explanation,
    .sample-script,
    .visual-style,
    .content-pillars,
    .trust-endorsement,
    .social-proof,
    .personal-story,
    .plan-info,
    .live-flow,
    .drainage-strategy,
    .product-design,
    .interaction-tips,
    .objection-handling,
    .data-optimization,
    .front-inline-025,
    .front-inline-125,
    .front-inline-128,
    .front-inline-132,
    .front-inline-139,
    .front-inline-160,
    .front-inline-169,
    .front-inline-184,
    #market_analysis,
    #months_one,
    #months_two,
    #months_three,
    #income_structure,
    #success_cases,
    #topicsList,
    #scriptList,
    #planList,
    #teleprompterContent,
    #copyContent,
    #planContent,
    #drainageStrategy,
    #productDesign,
    #interactionTemplate,
    #objectionHandling,
    #dataOptimization
) {
    box-sizing: border-box !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 0 var(--industry-inner-gap) !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow: visible !important;
}

body.liquid-industry-page #executionPlanSection#executionPlanSection.execution-plan-section :is(
    .overview-section,
    .stage-section,
    .daily-schedule-section,
    .danger-signals-section,
    .success-standards-section
) > div[style],
body.liquid-industry-page #resultContainer#resultContainer.result-container > .result-section > div[style],
body.liquid-industry-page #resultSection#resultSection.result-section :is(
    .core-identity-section,
    .ideology-section,
    .content-persona-section,
    .trust-building-section,
    .persona-roadmap-section,
    .script-section,
    .plan-section,
    .teleprompter-section
) > div[style],
body.liquid-industry-page #topicsResult#topicsResult.topics-result > :is(.topic-category, .topics-list, #topicsList) > div[style],
body.liquid-industry-page #copyResult#copyResult.front-inline-192 > #copyContent > div[style],
body.liquid-industry-page #livePlanResult#livePlanResult.front-inline-192 > :is(
    #planContent,
    #drainageStrategy,
    #productDesign,
    #interactionTemplate,
    #objectionHandling,
    #dataOptimization
) > div[style] {
    box-sizing: border-box !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 0 var(--industry-inner-gap) !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow: visible !important;
}

body.liquid-industry-page :is(
    #resultContainer#resultContainer,
    #resultSection#resultSection,
    #executionPlanSection#executionPlanSection,
    #topicsResult#topicsResult,
    #copyResult#copyResult,
    #livePlanResult#livePlanResult
) :is(
    .dynamic-card,
    .core-concept-item,
    .viewpoint-item,
    .catchphrase-item,
    .identity-tag-container,
    .personal-slogan-section,
    .differentiation-content,
    .memory-point,
    .personality-trait,
    .speaking-style-content,
    .explanation-list,
    .script-content,
    .story-content,
    .visual-style-item,
    .pillar-item,
    .endorsement-item,
    .social-proof-item,
    .roadmap-phase,
    .script-item,
    .plan-item,
    .topic-item,
    .result-item,
    .info-item,
    .flow-step,
    .flow-phase,
    .strategy-card,
    .product-card,
    .product-item,
    .interaction-item,
    .objection-item,
    .optimization-item,
    .copy-card-node,
    .copy-nested-box,
    .copy-list-row,
    .front-inline-130,
    .front-inline-134,
    .front-inline-138,
    .front-inline-147,
    .front-inline-158,
    .front-inline-165,
    .front-inline-174,
    .front-inline-180,
    .front-inline-200,
    div[style*="background-color: rgba(255, 255, 255, 0.03)"],
    div[style*="background-color: rgba(255, 255, 255, 0.05)"],
    div[style*="background-color: rgba(30, 144, 255, 0.2)"]
) {
    box-sizing: border-box !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 0 var(--industry-card-stack-gap) !important;
    padding: var(--industry-result-card-pad) !important;
    border-radius: 20px !important;
    border: 1px solid var(--industry-blue-hairline-soft) !important;
    color: var(--industry-ink) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.20), rgba(255,255,255,.075)),
        radial-gradient(circle at 14% 0, rgba(255,255,255,.36), transparent 30%),
        radial-gradient(circle at 96% 100%, rgba(22,199,223,.07), transparent 38%) !important;
    box-shadow:
        0 10px 24px rgba(38,102,164,.045),
        inset 0 0 0 .5px var(--industry-blue-hairline-inner),
        inset 0 1px 0 rgba(255,255,255,.58) !important;
    backdrop-filter: blur(24px) saturate(1.58) contrast(1.02) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.58) contrast(1.02) !important;
    overflow: visible !important;
}

body.liquid-industry-page :is(
    #resultContainer#resultContainer,
    #resultSection#resultSection,
    #executionPlanSection#executionPlanSection,
    #topicsResult#topicsResult,
    #copyResult#copyResult,
    #livePlanResult#livePlanResult
) div:is(
    [style*="background-color: rgba(255, 255, 255, 0.03)"],
    [style*="background-color: rgba(255, 255, 255, 0.05)"],
    [style*="background-color: rgba(30, 144, 255, 0.2)"]
):has(> :is(
    div[style*="display: grid"],
    div[style*="grid-template-columns"],
    .front-inline-053,
    .front-inline-137,
    .front-inline-184,
    .visual-style-grid,
    .info-grid,
    .flow-steps,
    .flow-details,
    .product-grid,
    .optimization-grid,
    .copy-card-grid,
    .topics-list,
    .script-list,
    .plan-list
)) {
    box-sizing: border-box !important;
    min-width: 0 !important;
    margin: 0 0 var(--industry-inner-gap) !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow: visible !important;
}

body.liquid-industry-page :is(
    div[style*="display: grid"],
    div[style*="grid-template-columns"],
    .visual-style-grid,
    .info-grid,
    .flow-steps,
    .flow-details,
    .product-grid,
    .optimization-grid,
    .copy-card-grid,
    .topics-list,
    .script-list,
    .plan-list,
    .front-inline-053,
    .front-inline-137,
    .front-inline-184
) {
    gap: var(--industry-card-stack-gap) !important;
}

body.liquid-industry-page :is(
    div[style*="display: grid"],
    div[style*="grid-template-columns"],
    .visual-style-grid,
    .info-grid,
    .flow-steps,
    .flow-details,
    .product-grid,
    .optimization-grid,
    .copy-card-grid,
    .topics-list,
    .script-list,
    .plan-list,
    .front-inline-053,
    .front-inline-137,
    .front-inline-184
) > :is(
    .dynamic-card,
    .visual-style-item,
    .pillar-item,
    .topic-item,
    .script-item,
    .plan-item,
    .info-item,
    .flow-step,
    .flow-phase,
    .strategy-card,
    .product-card,
    .product-item,
    .interaction-item,
    .objection-item,
    .optimization-item,
    .copy-card-node,
    .copy-nested-box,
    .copy-list-row,
    .front-inline-130,
    .front-inline-134,
    .front-inline-138,
    .front-inline-147,
    .front-inline-158,
    .front-inline-165,
    .front-inline-174,
    .front-inline-180,
    div[style*="background-color: rgba(255, 255, 255, 0.03)"],
    div[style*="background-color: rgba(255, 255, 255, 0.05)"],
    div[style*="background-color: rgba(30, 144, 255, 0.2)"]
) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

body.liquid-industry-page :is(
    #resultContainer#resultContainer,
    #resultSection#resultSection,
    #executionPlanSection#executionPlanSection,
    #topicsResult#topicsResult,
    #copyResult#copyResult,
    #livePlanResult#livePlanResult
) div[style*="width: 32px"][style*="height: 32px"] {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 999px !important;
}

body.liquid-industry-page :is(
    #resultContainer#resultContainer,
    #resultSection#resultSection,
    #executionPlanSection#executionPlanSection,
    #topicsResult#topicsResult,
    #copyResult#copyResult,
    #livePlanResult#livePlanResult
) :is(.front-inline-047) {
    margin-top: var(--industry-result-section-gap) !important;
    margin-bottom: 0 !important;
    padding: var(--industry-result-card-pad) !important;
    border-radius: 24px !important;
    border: 1px solid var(--industry-blue-hairline-soft) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.20), rgba(255,255,255,.075)),
        radial-gradient(circle at 14% 0, rgba(255,255,255,.36), transparent 30%) !important;
    box-shadow:
        0 10px 24px rgba(38,102,164,.045),
        inset 0 0 0 .5px var(--industry-blue-hairline-inner),
        inset 0 1px 0 rgba(255,255,255,.58) !important;
}

@media (max-width: 768px) {
    body.liquid-industry-page {
        --industry-result-outer-pad: 16px;
        --industry-result-section-gap: 28px;
        --industry-inner-gap: 16px;
        --industry-card-stack-gap: 14px;
    }

    body.liquid-industry-page #resultContainer#resultContainer.result-container,
    body.liquid-industry-page #resultSection#resultSection.result-section,
    body.liquid-industry-page #executionPlanSection#executionPlanSection.execution-plan-section,
    body.liquid-industry-page #topicsResult#topicsResult.topics-result,
    body.liquid-industry-page #copyResult#copyResult.front-inline-192,
    body.liquid-industry-page #livePlanResult#livePlanResult.front-inline-192,
    body.liquid-industry-page #resultSection#resultSection.front-inline-196 {
        border-radius: 26px !important;
    }
}

/* ===== v7.5 restore colored liquid roadmap phases on persona page ===== */
body.b-task-history-page #resultSection#resultSection #personaRoadmapSection .roadmap-phase {
    position: relative !important;
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 0 var(--industry-card-stack-gap) !important;
    padding: clamp(18px, 1.7vw, 24px) !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    backdrop-filter: blur(28px) saturate(1.72) contrast(1.03) !important;
    -webkit-backdrop-filter: blur(28px) saturate(1.72) contrast(1.03) !important;
}

body.b-task-history-page #resultSection#resultSection #personaRoadmapSection .roadmap-phase::before {
    content: "" !important;
    position: absolute !important;
    inset: 1px !important;
    pointer-events: none !important;
    border-radius: 23px !important;
    border: 1px solid rgba(255,255,255,.34) !important;
    background: linear-gradient(135deg, rgba(255,255,255,.26), rgba(255,255,255,0) 42%) !important;
}

body.b-task-history-page #resultSection#resultSection #personaRoadmapSection .roadmap-phase.phase-1 {
    border: 1px solid rgba(46, 196, 117, .42) !important;
    background:
        linear-gradient(145deg, rgba(46,196,117,.20), rgba(255,255,255,.075)),
        radial-gradient(circle at 8% 0, rgba(103,232,166,.34), transparent 36%),
        radial-gradient(circle at 96% 100%, rgba(13,148,136,.13), transparent 42%) !important;
    box-shadow:
        0 16px 34px rgba(23,122,88,.095),
        inset 0 0 0 .5px rgba(152,246,196,.42),
        inset 0 1px 0 rgba(255,255,255,.64) !important;
}

body.b-task-history-page #resultSection#resultSection #personaRoadmapSection .roadmap-phase.phase-2 {
    border: 1px solid rgba(255, 169, 64, .46) !important;
    background:
        linear-gradient(145deg, rgba(255,169,64,.22), rgba(255,255,255,.075)),
        radial-gradient(circle at 8% 0, rgba(255,211,128,.36), transparent 36%),
        radial-gradient(circle at 96% 100%, rgba(255,122,0,.13), transparent 42%) !important;
    box-shadow:
        0 16px 34px rgba(170,92,18,.095),
        inset 0 0 0 .5px rgba(255,220,154,.44),
        inset 0 1px 0 rgba(255,255,255,.64) !important;
}

body.b-task-history-page #resultSection#resultSection #personaRoadmapSection .roadmap-phase.phase-3 {
    border: 1px solid rgba(164, 111, 255, .46) !important;
    background:
        linear-gradient(145deg, rgba(164,111,255,.20), rgba(255,255,255,.075)),
        radial-gradient(circle at 8% 0, rgba(209,176,255,.34), transparent 36%),
        radial-gradient(circle at 96% 100%, rgba(120,72,210,.13), transparent 42%) !important;
    box-shadow:
        0 16px 34px rgba(92,64,160,.095),
        inset 0 0 0 .5px rgba(221,202,255,.42),
        inset 0 1px 0 rgba(255,255,255,.64) !important;
}

body.b-task-history-page #resultSection#resultSection #personaRoadmapSection .roadmap-phase > :is(h4, div) {
    position: relative !important;
    z-index: 1 !important;
}

body.b-task-history-page #resultSection#resultSection #personaRoadmapSection .roadmap-phase :is(.front-inline-098, .front-inline-102, .front-inline-105) {
    margin: 0 0 16px !important;
    color: #173653 !important;
    font-weight: 900 !important;
}

body.b-task-history-page #resultSection#resultSection #personaRoadmapSection .roadmap-phase :is(.front-inline-099, .front-inline-103, .front-inline-106) {
    color: #0b7fd0 !important;
}

body.b-task-history-page #resultSection#resultSection #personaRoadmapSection .roadmap-phase:last-child {
    margin-bottom: 0 !important;
}

/* ===== v7.6 fix execution daily schedule padding ===== */
body.liquid-industry-page #executionPlanSection#executionPlanSection #dailyScheduleSection .front-inline-127 {
    align-items: stretch !important;
    gap: clamp(16px, 1.6vw, 22px) !important;
}

body.liquid-industry-page #executionPlanSection#executionPlanSection #dailyScheduleSection .schedule-time-block {
    box-sizing: border-box !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: clamp(18px, 1.6vw, 24px) !important;
    border-radius: 22px !important;
    border: 1px solid var(--industry-blue-hairline-soft) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.20), rgba(255,255,255,.075)),
        radial-gradient(circle at 14% 0, rgba(255,255,255,.36), transparent 30%),
        radial-gradient(circle at 96% 100%, rgba(22,199,223,.07), transparent 38%) !important;
    box-shadow:
        0 10px 24px rgba(38,102,164,.045),
        inset 0 0 0 .5px var(--industry-blue-hairline-inner),
        inset 0 1px 0 rgba(255,255,255,.58) !important;
    backdrop-filter: blur(24px) saturate(1.58) contrast(1.02) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.58) contrast(1.02) !important;
    overflow: visible !important;
}

body.liquid-industry-page #executionPlanSection#executionPlanSection #dailyScheduleSection .schedule-time-title {
    margin: 0 0 14px !important;
    padding: 0 0 12px !important;
    border-bottom: 1px solid rgba(57,157,255,.16) !important;
    color: #173653 !important;
}

body.liquid-industry-page #executionPlanSection#executionPlanSection #dailyScheduleSection .schedule-task-row {
    box-sizing: border-box !important;
    margin: 0 0 14px !important;
    padding: clamp(14px, 1.25vw, 18px) !important;
    border-radius: 18px !important;
    border: 1px solid rgba(57,157,255,.22) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.18), rgba(255,255,255,.07)),
        radial-gradient(circle at 12% 0, rgba(255,255,255,.30), transparent 32%) !important;
    box-shadow:
        inset 0 0 0 .5px rgba(170,226,255,.30),
        inset 0 1px 0 rgba(255,255,255,.52) !important;
}

body.liquid-industry-page #executionPlanSection#executionPlanSection #dailyScheduleSection .schedule-task-row:last-child {
    margin-bottom: 0 !important;
}

body.liquid-industry-page #executionPlanSection#executionPlanSection #dailyScheduleSection :is(.schedule-time, .schedule-task-title) {
    margin-bottom: 8px !important;
    color: #173653 !important;
    font-weight: 900 !important;
}

body.liquid-industry-page #executionPlanSection#executionPlanSection #dailyScheduleSection .schedule-task-content {
    color: rgba(18,34,58,.78) !important;
    line-height: 1.72 !important;
}

@media (max-width: 768px) {
    body.liquid-industry-page #executionPlanSection#executionPlanSection #dailyScheduleSection .front-inline-127 {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }
}

/* ===== v7.7 monetization market analysis two columns ===== */
body.d-task-history-page #executionPlanSection#executionPlanSection #market_analysis .front-inline-137 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: clamp(18px, 1.8vw, 26px) !important;
}

body.d-task-history-page #executionPlanSection#executionPlanSection #market_analysis .front-inline-138 {
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
}

@media (max-width: 768px) {
    body.d-task-history-page #executionPlanSection#executionPlanSection #market_analysis .front-inline-137 {
        grid-template-columns: 1fr !important;
    }
}

body.liquid-industry-page :is(
    #resultContainer#resultContainer,
    #resultSection#resultSection,
    #executionPlanSection#executionPlanSection,
    #topicsResult#topicsResult,
    #copyResult#copyResult,
    #livePlanResult#livePlanResult
) :is(
    .dynamic-content-wrapper,
    .video-references-container,
    .nicknameContainer,
    .video-references,
    .nickname-recommendations,
    .naming-strategy,
    .design-section,
    .design-card,
    .core-concept,
    .unique-viewpoints,
    .catchphrase-design,
    .speaking-style,
    .speaking-style-explanation,
    .sample-script,
    .visual-style,
    .content-pillars,
    .trust-endorsement,
    .social-proof,
    .personal-story,
    .plan-info,
    .live-flow,
    .drainage-strategy,
    .product-design,
    .interaction-tips,
    .objection-handling,
    .data-optimization,
    #market_analysis,
    #months_one,
    #months_two,
    #months_three,
    #income_structure,
    #success_cases,
    #topicsList,
    #scriptList,
    #planList,
    #teleprompterContent,
    #copyContent,
    #planContent,
    #drainageStrategy,
    #productDesign,
    #interactionTemplate,
    #objectionHandling,
    #dataOptimization
) {
    box-sizing: border-box !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow: visible !important;
}

body.liquid-industry-page :is(
    #resultContainer#resultContainer,
    #resultSection#resultSection,
    #executionPlanSection#executionPlanSection,
    #topicsResult#topicsResult,
    #copyResult#copyResult,
    #livePlanResult#livePlanResult
) :is(
    .dynamic-content-wrapper,
    .video-references-container,
    .nicknameContainer,
    .video-references,
    .nickname-recommendations,
    .naming-strategy,
    .design-section,
    .design-card,
    .core-concept,
    .unique-viewpoints,
    .catchphrase-design,
    .speaking-style,
    .speaking-style-explanation,
    .sample-script,
    .visual-style,
    .content-pillars,
    .trust-endorsement,
    .social-proof,
    .personal-story,
    .plan-info,
    .live-flow,
    .drainage-strategy,
    .product-design,
    .interaction-tips,
    .objection-handling,
    .data-optimization
) + :is(
    .dynamic-content-wrapper,
    .video-references-container,
    .nicknameContainer,
    .video-references,
    .nickname-recommendations,
    .naming-strategy,
    .design-section,
    .design-card,
    .core-concept,
    .unique-viewpoints,
    .catchphrase-design,
    .speaking-style,
    .speaking-style-explanation,
    .sample-script,
    .visual-style,
    .content-pillars,
    .trust-endorsement,
    .social-proof,
    .personal-story,
    .plan-info,
    .live-flow,
    .drainage-strategy,
    .product-design,
    .interaction-tips,
    .objection-handling,
    .data-optimization
) {
    margin-top: var(--industry-inner-gap) !important;
}

body.liquid-industry-page :is(
    #resultContainer#resultContainer,
    #resultSection#resultSection,
    #executionPlanSection#executionPlanSection,
    #topicsResult#topicsResult,
    #copyResult#copyResult,
    #livePlanResult#livePlanResult
) :is(
    div[style*="display: grid"],
    div[style*="grid-template-columns"],
    .front-inline-137,
    .front-inline-184,
    .visual-style-grid,
    .info-grid,
    .flow-steps,
    .flow-details,
    .product-grid,
    .optimization-grid,
    .copy-card-grid,
    .topics-list,
    .script-list,
    .plan-list
) {
    box-sizing: border-box !important;
    min-width: 0 !important;
    gap: var(--industry-inner-gap) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.liquid-industry-page :is(
    #resultContainer#resultContainer,
    #resultSection#resultSection,
    #executionPlanSection#executionPlanSection,
    #topicsResult#topicsResult,
    #copyResult#copyResult,
    #livePlanResult#livePlanResult
) :is(
    .dynamic-card,
    .core-concept-item,
    .viewpoint-item,
    .catchphrase-item,
    .identity-tag-container,
    .memory-point,
    .visual-style-item,
    .pillar-item,
    .endorsement-item,
    .social-proof-item,
    .roadmap-phase,
    .script-item,
    .plan-item,
    .topic-item,
    .result-item,
    .info-item,
    .flow-step,
    .flow-phase,
    .strategy-card,
    .product-card,
    .product-item,
    .interaction-item,
    .objection-item,
    .optimization-item,
    .copy-card-node,
    .copy-nested-box,
    .copy-list-row,
    .front-inline-125,
    .front-inline-128,
    .front-inline-130,
    .front-inline-132,
    .front-inline-134,
    .front-inline-138,
    .front-inline-139,
    .front-inline-147,
    .front-inline-158,
    .front-inline-160,
    .front-inline-165,
    .front-inline-169,
    .front-inline-174,
    .front-inline-180,
    .front-inline-200,
    div[style*="backgroundColor"],
    div[style*="background-color"],
    div[style*="borderRadius"],
    div[style*="border-radius: 5px"],
    div[style*="rgba(255, 255, 255, 0.03)"],
    div[style*="rgba(255, 255, 255, 0.05)"],
    div[style*="rgba(30, 144, 255, 0.2)"]
) {
    box-sizing: border-box !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: var(--industry-result-card-pad) !important;
    border-radius: 20px !important;
    border: 1px solid rgba(255,255,255,.46) !important;
    color: var(--industry-ink) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.20), rgba(255,255,255,.075)),
        radial-gradient(circle at 14% 0, rgba(255,255,255,.36), transparent 30%),
        radial-gradient(circle at 96% 100%, rgba(22,199,223,.07), transparent 38%) !important;
    box-shadow: 0 10px 24px rgba(38,102,164,.045), inset 0 1px 0 rgba(255,255,255,.58) !important;
    backdrop-filter: blur(24px) saturate(1.58) contrast(1.02) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.58) contrast(1.02) !important;
    overflow: visible !important;
}

body.a-task-history-page #resultContainer .result-section > h3 {
    margin-bottom: 18px !important;
}

body.a-task-history-page #resultContainer .result-section > h3 + :is(
    .video-references,
    .nickname-recommendations,
    .naming-strategy,
    .design-section,
    .design-card
) {
    margin-top: 0 !important;
}

body.a-task-history-page #resultContainer :is(.video-references, .nickname-recommendations) + .naming-strategy {
    margin-top: var(--industry-inner-gap) !important;
}

body.liquid-industry-page :is(
    #resultContainer#resultContainer,
    #resultSection#resultSection,
    #executionPlanSection#executionPlanSection,
    #topicsResult#topicsResult,
    #copyResult#copyResult,
    #livePlanResult#livePlanResult
) :is(.front-inline-047, .front-inline-196) {
    margin-top: var(--industry-result-section-gap) !important;
}

@media (max-width: 768px) {
    body.liquid-industry-page {
        --industry-result-outer-pad: 16px;
        --industry-result-section-pad: 16px;
        --industry-result-card-pad: 14px;
        --industry-result-section-gap: 22px;
        --industry-inner-gap: 12px;
    }
}

/* ===== v6.9 visible ultra-thin blue glass borders ===== */
body.liquid-industry-page {
    --industry-blue-hairline: rgba(74, 168, 255, .28);
    --industry-blue-hairline-soft: rgba(74, 168, 255, .18);
    --industry-blue-hairline-inner: rgba(151, 214, 255, .26);
}

body.liquid-industry-page :is(
    .form-container,
    .form-section,
    .content-section,
    .topic-section,
    .execution-plan-section,
    .result-container,
    .result-section,
    .topics-result,
    .script-section,
    .plan-section,
    .teleprompter-section,
    .front-inline-192,
    .front-inline-196,
    #resultContainer#resultContainer,
    #resultSection#resultSection,
    #executionPlanSection#executionPlanSection,
    #topicsResult#topicsResult,
    #copyResult#copyResult,
    #livePlanResult#livePlanResult
) {
    border-color: var(--industry-blue-hairline) !important;
    box-shadow:
        0 24px 70px rgba(48,99,169,.11),
        inset 0 0 0 .5px var(--industry-blue-hairline-inner),
        inset 0 1px 0 rgba(255,255,255,.68) !important;
}

body.liquid-industry-page #resultContainer.result-container > .result-section,
body.liquid-industry-page #resultSection.result-section > :is(
    .core-identity-section,
    .ideology-section,
    .content-persona-section,
    .trust-building-section,
    .persona-roadmap-section,
    .script-section,
    .plan-section,
    .teleprompter-section
),
body.liquid-industry-page #executionPlanSection.execution-plan-section > :is(
    .overview-section,
    .stage-section,
    .daily-schedule-section,
    .danger-signals-section,
    .success-standards-section
),
body.liquid-industry-page #topicsResult.topics-result > :is(.tabs, .topic-category, .topics-list),
body.liquid-industry-page #copyResult.front-inline-192 > #copyContent,
body.liquid-industry-page #livePlanResult.front-inline-192 > :is(
    #planContent,
    #drainageStrategy,
    #productDesign,
    #interactionTemplate,
    #objectionHandling,
    #dataOptimization
) {
    border-color: var(--industry-blue-hairline) !important;
    box-shadow:
        0 18px 44px rgba(48,99,169,.075),
        inset 0 0 0 .5px var(--industry-blue-hairline-inner),
        inset 0 1px 0 rgba(255,255,255,.64) !important;
}

body.liquid-industry-page :is(
    #resultContainer#resultContainer,
    #resultSection#resultSection,
    #executionPlanSection#executionPlanSection,
    #topicsResult#topicsResult,
    #copyResult#copyResult,
    #livePlanResult#livePlanResult
) :is(
    .dynamic-card,
    .core-concept-item,
    .viewpoint-item,
    .catchphrase-item,
    .identity-tag-container,
    .memory-point,
    .visual-style-item,
    .pillar-item,
    .endorsement-item,
    .social-proof-item,
    .roadmap-phase,
    .script-item,
    .plan-item,
    .topic-item,
    .result-item,
    .info-item,
    .flow-step,
    .flow-phase,
    .strategy-card,
    .product-card,
    .product-item,
    .interaction-item,
    .objection-item,
    .optimization-item,
    .copy-card-node,
    .copy-nested-box,
    .copy-list-row,
    .front-inline-125,
    .front-inline-128,
    .front-inline-130,
    .front-inline-132,
    .front-inline-134,
    .front-inline-138,
    .front-inline-139,
    .front-inline-147,
    .front-inline-158,
    .front-inline-160,
    .front-inline-165,
    .front-inline-169,
    .front-inline-174,
    .front-inline-180,
    .front-inline-200,
    div[style*="backgroundColor"],
    div[style*="background-color"],
    div[style*="borderRadius"],
    div[style*="border-radius: 5px"],
    div[style*="rgba(255, 255, 255, 0.03)"],
    div[style*="rgba(255, 255, 255, 0.05)"],
    div[style*="rgba(30, 144, 255, 0.2)"]
) {
    border-color: var(--industry-blue-hairline-soft) !important;
    box-shadow:
        0 10px 24px rgba(38,102,164,.045),
        inset 0 0 0 .5px var(--industry-blue-hairline-inner),
        inset 0 1px 0 rgba(255,255,255,.58) !important;
}

body.liquid-industry-page :is(
    .platform-option,
    .tab,
    .script-type-item,
    .element-item,
    .industry-item,
    .selected-industry,
    input,
    textarea,
    select,
    .generate-btn,
    .confirm-btn,
    .action-btn,
    .front-nav-btn,
    .front-logo,
    .front-login-status
) {
    border-color: var(--industry-blue-hairline-soft) !important;
    box-shadow:
        0 10px 24px rgba(38,102,164,.045),
        inset 0 0 0 .5px var(--industry-blue-hairline-inner),
        inset 0 1px 0 rgba(255,255,255,.58) !important;
}

/* ===== v7.0 unified liquid result spacing ===== */
body.liquid-industry-page {
    --industry-result-section-gap: clamp(42px, 4vw, 58px);
    --industry-inner-gap: clamp(18px, 1.7vw, 24px);
    --industry-card-stack-gap: clamp(14px, 1.35vw, 20px);
    --industry-blue-hairline: rgba(57, 157, 255, .38);
    --industry-blue-hairline-soft: rgba(57, 157, 255, .26);
    --industry-blue-hairline-inner: rgba(167, 224, 255, .34);
}

body.liquid-industry-page :is(
    #resultContainer#resultContainer,
    #resultSection#resultSection,
    #executionPlanSection#executionPlanSection,
    #topicsResult#topicsResult,
    #copyResult#copyResult,
    #livePlanResult#livePlanResult
) {
    border-color: var(--industry-blue-hairline) !important;
    overflow: visible !important;
}

body.liquid-industry-page #resultContainer.result-container > .result-section,
body.liquid-industry-page #resultSection.result-section > :is(
    .core-identity-section,
    .ideology-section,
    .content-persona-section,
    .trust-building-section,
    .persona-roadmap-section,
    .script-section,
    .plan-section,
    .teleprompter-section
),
body.liquid-industry-page #executionPlanSection.execution-plan-section > :is(
    .overview-section,
    .stage-section,
    .daily-schedule-section,
    .danger-signals-section,
    .success-standards-section
),
body.liquid-industry-page #topicsResult.topics-result > :is(.tabs, .topic-category, .topics-list),
body.liquid-industry-page #copyResult.front-inline-192 > #copyContent,
body.liquid-industry-page #livePlanResult.front-inline-192 > :is(
    #planContent,
    #drainageStrategy,
    #productDesign,
    #interactionTemplate,
    #objectionHandling,
    #dataOptimization
) {
    position: relative !important;
    margin: 0 0 var(--industry-result-section-gap) !important;
    border-color: var(--industry-blue-hairline) !important;
}

body.liquid-industry-page #resultContainer.result-container > .result-section:last-child,
body.liquid-industry-page #resultSection.result-section > :is(
    .core-identity-section,
    .ideology-section,
    .content-persona-section,
    .trust-building-section,
    .persona-roadmap-section,
    .script-section,
    .plan-section,
    .teleprompter-section
):last-child,
body.liquid-industry-page #executionPlanSection.execution-plan-section > :is(
    .overview-section,
    .stage-section,
    .daily-schedule-section,
    .danger-signals-section,
    .success-standards-section
):last-child,
body.liquid-industry-page #copyResult.front-inline-192 > #copyContent:last-child,
body.liquid-industry-page #livePlanResult.front-inline-192 > :is(
    #planContent,
    #drainageStrategy,
    #productDesign,
    #interactionTemplate,
    #objectionHandling,
    #dataOptimization
):last-child {
    margin-bottom: 0 !important;
}

body.liquid-industry-page :is(
    #resultContainer#resultContainer,
    #resultSection#resultSection,
    #executionPlanSection#executionPlanSection,
    #topicsResult#topicsResult,
    #copyResult#copyResult,
    #livePlanResult#livePlanResult
) :is(
    .dynamic-content-wrapper,
    .video-references-container,
    .nicknameContainer,
    .video-references,
    .nickname-recommendations,
    .naming-strategy,
    .design-section,
    .design-card,
    .core-concept,
    .unique-viewpoints,
    .catchphrase-design,
    .speaking-style,
    .speaking-style-explanation,
    .sample-script,
    .visual-style,
    .content-pillars,
    .trust-endorsement,
    .social-proof,
    .personal-story,
    .plan-info,
    .live-flow,
    .drainage-strategy,
    .product-design,
    .interaction-tips,
    .objection-handling,
    .data-optimization
) {
    margin-bottom: var(--industry-inner-gap) !important;
}

body.liquid-industry-page :is(
    #resultContainer#resultContainer,
    #resultSection#resultSection,
    #executionPlanSection#executionPlanSection,
    #topicsResult#topicsResult,
    #copyResult#copyResult,
    #livePlanResult#livePlanResult
) :is(
    .dynamic-content-wrapper,
    .video-references-container,
    .nicknameContainer,
    .video-references,
    .nickname-recommendations,
    .naming-strategy,
    .design-section,
    .design-card,
    .core-concept,
    .unique-viewpoints,
    .catchphrase-design,
    .speaking-style,
    .speaking-style-explanation,
    .sample-script,
    .visual-style,
    .content-pillars,
    .trust-endorsement,
    .social-proof,
    .personal-story,
    .plan-info,
    .live-flow,
    .drainage-strategy,
    .product-design,
    .interaction-tips,
    .objection-handling,
    .data-optimization
):last-child {
    margin-bottom: 0 !important;
}

body.liquid-industry-page :is(
    #resultContainer#resultContainer,
    #resultSection#resultSection,
    #executionPlanSection#executionPlanSection,
    #topicsResult#topicsResult,
    #copyResult#copyResult,
    #livePlanResult#livePlanResult
) :is(
    .dynamic-card,
    .core-concept-item,
    .viewpoint-item,
    .catchphrase-item,
    .identity-tag-container,
    .personal-slogan-section,
    .differentiation-content,
    .memory-point,
    .personality-trait,
    .speaking-style-content,
    .explanation-list,
    .script-content,
    .story-content,
    .visual-style-item,
    .pillar-item,
    .endorsement-item,
    .social-proof-item,
    .roadmap-phase,
    .script-item,
    .plan-item,
    .topic-item,
    .result-item,
    .info-item,
    .flow-step,
    .flow-phase,
    .strategy-card,
    .product-card,
    .product-item,
    .interaction-item,
    .objection-item,
    .optimization-item,
    .copy-card-node,
    .copy-nested-box,
    .copy-list-row,
    .front-inline-125,
    .front-inline-128,
    .front-inline-130,
    .front-inline-132,
    .front-inline-134,
    .front-inline-138,
    .front-inline-139,
    .front-inline-147,
    .front-inline-158,
    .front-inline-160,
    .front-inline-165,
    .front-inline-169,
    .front-inline-174,
    .front-inline-180,
    .front-inline-200,
    div[style*="backgroundColor"],
    div[style*="background-color"],
    div[style*="borderRadius"],
    div[style*="border-radius: 5px"],
    div[style*="rgba(255, 255, 255, 0.03)"],
    div[style*="rgba(255, 255, 255, 0.05)"],
    div[style*="rgba(30, 144, 255, 0.2)"]
) {
    border-color: var(--industry-blue-hairline-soft) !important;
}

body.liquid-industry-page :is(
    #resultContainer#resultContainer,
    #resultSection#resultSection,
    #executionPlanSection#executionPlanSection,
    #topicsResult#topicsResult,
    #copyResult#copyResult,
    #livePlanResult#livePlanResult
) :is(
    .dynamic-card,
    .core-concept-item,
    .viewpoint-item,
    .catchphrase-item,
    .identity-tag-container,
    .personal-slogan-section,
    .differentiation-content,
    .memory-point,
    .personality-trait,
    .speaking-style-content,
    .explanation-list,
    .script-content,
    .story-content,
    .visual-style-item,
    .pillar-item,
    .endorsement-item,
    .social-proof-item,
    .roadmap-phase,
    .script-item,
    .plan-item,
    .topic-item,
    .result-item,
    .info-item,
    .flow-step,
    .flow-phase,
    .strategy-card,
    .product-card,
    .product-item,
    .interaction-item,
    .objection-item,
    .optimization-item,
    .copy-card-node,
    .copy-nested-box,
    .copy-list-row
) + :is(
    .dynamic-card,
    .core-concept-item,
    .viewpoint-item,
    .catchphrase-item,
    .identity-tag-container,
    .personal-slogan-section,
    .differentiation-content,
    .memory-point,
    .personality-trait,
    .speaking-style-content,
    .explanation-list,
    .script-content,
    .story-content,
    .visual-style-item,
    .pillar-item,
    .endorsement-item,
    .social-proof-item,
    .roadmap-phase,
    .script-item,
    .plan-item,
    .topic-item,
    .result-item,
    .info-item,
    .flow-step,
    .flow-phase,
    .strategy-card,
    .product-card,
    .product-item,
    .interaction-item,
    .objection-item,
    .optimization-item,
    .copy-card-node,
    .copy-nested-box,
    .copy-list-row
) {
    margin-top: var(--industry-card-stack-gap) !important;
}

body.liquid-industry-page :is(
    div[style*="display: grid"],
    div[style*="grid-template-columns"],
    .visual-style-grid,
    .info-grid,
    .flow-steps,
    .flow-details,
    .product-grid,
    .optimization-grid,
    .copy-card-grid,
    .topics-list,
    .script-list,
    .plan-list
) > :is(
    .dynamic-card,
    .visual-style-item,
    .pillar-item,
    .topic-item,
    .script-item,
    .plan-item,
    .info-item,
    .flow-step,
    .flow-phase,
    .strategy-card,
    .product-card,
    .product-item,
    .interaction-item,
    .objection-item,
    .optimization-item,
    .copy-card-node,
    .copy-nested-box,
    .copy-list-row
) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

body.b-task-history-page #resultSection > .ip-plan-content {
    display: block !important;
    width: 100% !important;
    margin: 0 0 var(--industry-result-section-gap) !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.b-task-history-page #resultSection > .ip-plan-content > #coreIdentitySection,
body.b-task-history-page #resultSection > :is(
    #ideologySection,
    #contentPersonaSection,
    #trustBuildingSection,
    #personaRoadmapSection,
    .front-inline-047
) {
    display: block !important;
    width: 100% !important;
    margin: 0 0 var(--industry-result-section-gap) !important;
    padding: var(--industry-result-section-pad) !important;
    border-radius: 30px !important;
    border: 1px solid var(--industry-blue-hairline) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.24), rgba(255,255,255,.085)),
        radial-gradient(circle at 12% 0, rgba(255,255,255,.44), transparent 34%),
        radial-gradient(circle at 92% 96%, rgba(11,134,254,.055), transparent 42%) !important;
    box-shadow:
        0 18px 44px rgba(48,99,169,.075),
        inset 0 0 0 .5px var(--industry-blue-hairline-inner),
        inset 0 1px 0 rgba(255,255,255,.64) !important;
    backdrop-filter: blur(32px) saturate(1.72) contrast(1.03) !important;
    -webkit-backdrop-filter: blur(32px) saturate(1.72) contrast(1.03) !important;
    overflow: visible !important;
}

body.b-task-history-page #resultSection > .ip-plan-content > #coreIdentitySection {
    margin-bottom: 0 !important;
}

/* ===== v7.3 no nested glass wrappers around generated grids ===== */
body.liquid-industry-page :is(
    #resultContainer#resultContainer,
    #resultSection#resultSection,
    #executionPlanSection#executionPlanSection,
    #topicsResult#topicsResult,
    #copyResult#copyResult,
    #livePlanResult#livePlanResult
) div:is(
    [style*="background-color: rgba(255, 255, 255, 0.03)"],
    [style*="background-color: rgba(255, 255, 255, 0.05)"],
    [style*="background-color: rgba(30, 144, 255, 0.2)"]
):has(> :is(
    div[style*="display: grid"],
    div[style*="grid-template-columns"],
    .front-inline-053,
    .front-inline-137,
    .front-inline-184,
    .visual-style-grid,
    .info-grid,
    .flow-steps,
    .flow-details,
    .product-grid,
    .optimization-grid,
    .copy-card-grid,
    .topics-list,
    .script-list,
    .plan-list
)) {
    box-sizing: border-box !important;
    min-width: 0 !important;
    margin: 0 0 var(--industry-inner-gap) !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow: visible !important;
}

body.liquid-industry-page :is(
    #resultContainer#resultContainer,
    #resultSection#resultSection,
    #executionPlanSection#executionPlanSection,
    #topicsResult#topicsResult,
    #copyResult#copyResult,
    #livePlanResult#livePlanResult
) div:is(
    [style*="background-color: rgba(255, 255, 255, 0.03)"],
    [style*="background-color: rgba(255, 255, 255, 0.05)"],
    [style*="background-color: rgba(30, 144, 255, 0.2)"]
):has(> :is(
    div[style*="display: grid"],
    div[style*="grid-template-columns"],
    .front-inline-053,
    .front-inline-137,
    .front-inline-184,
    .visual-style-grid,
    .info-grid,
    .flow-steps,
    .flow-details,
    .product-grid,
    .optimization-grid,
    .copy-card-grid,
    .topics-list,
    .script-list,
    .plan-list
)):last-child {
    margin-bottom: 0 !important;
}

body.b-task-history-page #resultSection > .front-inline-047 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

body.b-task-history-page #resultSection :is(
    .core-concept,
    .unique-viewpoints,
    .catchphrase-design,
    .speaking-style,
    .speaking-style-explanation,
    .sample-script,
    .visual-style,
    .content-pillars,
    .trust-endorsement,
    .social-proof,
    .personal-story
) {
    margin: 0 0 var(--industry-inner-gap) !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.b-task-history-page #resultSection :is(
    .personality-trait,
    .core-concept-item,
    .viewpoint-item,
    .catchphrase-item,
    .identity-tag-container,
    .personal-slogan-section,
    .differentiation-content,
    .memory-point,
    .speaking-style-content,
    .explanation-list,
    .script-content,
    .story-content,
    .visual-style-item,
    .pillar-item,
    .endorsement-item,
    .social-proof-item,
    .roadmap-phase
) {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    border-color: var(--industry-blue-hairline-soft) !important;
}

body.b-task-history-page #resultSection :is(
    .personality-trait,
    .core-concept-item,
    .viewpoint-item,
    .catchphrase-item,
    .identity-tag-container,
    .personal-slogan-section,
    .differentiation-content,
    .memory-point,
    .speaking-style-content,
    .explanation-list,
    .script-content,
    .story-content,
    .visual-style-item,
    .pillar-item,
    .endorsement-item,
    .social-proof-item,
    .roadmap-phase
) + :is(
    .personality-trait,
    .core-concept-item,
    .viewpoint-item,
    .catchphrase-item,
    .identity-tag-container,
    .personal-slogan-section,
    .differentiation-content,
    .memory-point,
    .speaking-style-content,
    .explanation-list,
    .script-content,
    .story-content,
    .visual-style-item,
    .pillar-item,
    .endorsement-item,
    .social-proof-item,
    .roadmap-phase
) {
    margin-top: var(--industry-card-stack-gap) !important;
}

@media (max-width: 768px) {
    body.liquid-industry-page {
        --industry-result-section-gap: 32px;
        --industry-inner-gap: 16px;
        --industry-card-stack-gap: 14px;
    }

    body.b-task-history-page #resultSection > .ip-plan-content > #coreIdentitySection,
    body.b-task-history-page #resultSection > :is(
        #ideologySection,
        #contentPersonaSection,
        #trustBuildingSection,
        #personaRoadmapSection,
        .front-inline-047
    ) {
        border-radius: 24px !important;
    }
}

/* ===== v7.2 single-shell liquid cards for all generated task results ===== */
body.liquid-industry-page {
    --industry-result-outer-pad: clamp(24px, 2.4vw, 34px);
    --industry-result-section-gap: clamp(34px, 3.2vw, 48px);
    --industry-inner-gap: clamp(18px, 1.8vw, 26px);
    --industry-card-stack-gap: clamp(16px, 1.5vw, 22px);
    --industry-blue-hairline: rgba(57, 157, 255, .40);
    --industry-blue-hairline-soft: rgba(57, 157, 255, .28);
    --industry-blue-hairline-inner: rgba(170, 226, 255, .36);
}

body.liquid-industry-page #resultContainer.result-container,
body.liquid-industry-page #resultSection.result-section,
body.liquid-industry-page #executionPlanSection.execution-plan-section,
body.liquid-industry-page #topicsResult.topics-result,
body.liquid-industry-page #copyResult.front-inline-192,
body.liquid-industry-page #livePlanResult.front-inline-192,
body.liquid-industry-page #resultSection.front-inline-196 {
    box-sizing: border-box !important;
    width: 100% !important;
    padding: var(--industry-result-outer-pad) !important;
    border-radius: 32px !important;
    border: 1px solid var(--industry-blue-hairline) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.27), rgba(255,255,255,.09)),
        radial-gradient(circle at 8% 0, rgba(255,255,255,.52), transparent 34%),
        radial-gradient(circle at 92% 10%, rgba(22,199,223,.11), transparent 38%) !important;
    box-shadow:
        0 26px 74px rgba(48,99,169,.12),
        inset 0 0 0 .5px var(--industry-blue-hairline-inner),
        inset 0 1px 0 rgba(255,255,255,.74) !important;
    backdrop-filter: blur(40px) saturate(1.86) contrast(1.04) !important;
    -webkit-backdrop-filter: blur(40px) saturate(1.86) contrast(1.04) !important;
    overflow: visible !important;
}

body.liquid-industry-page #resultContainer.result-container > .result-section,
body.liquid-industry-page #resultSection.result-section > .ip-plan-content,
body.liquid-industry-page #resultSection.result-section > :is(
    .core-identity-section,
    .ideology-section,
    .content-persona-section,
    .trust-building-section,
    .persona-roadmap-section,
    .script-section,
    .plan-section,
    .teleprompter-section
),
body.b-task-history-page #resultSection > .ip-plan-content > #coreIdentitySection,
body.b-task-history-page #resultSection > :is(
    #ideologySection,
    #contentPersonaSection,
    #trustBuildingSection,
    #personaRoadmapSection
),
body.liquid-industry-page #executionPlanSection.execution-plan-section > :is(
    .overview-section,
    .stage-section,
    .daily-schedule-section,
    .danger-signals-section,
    .success-standards-section,
    #market_analysis,
    #months_one,
    #months_two,
    #months_three,
    #income_structure,
    #success_cases
),
body.liquid-industry-page #topicsResult.topics-result > :is(.tabs, .search-section, .topic-category, .topics-list, #topicsList),
body.liquid-industry-page #copyResult.front-inline-192 > #copyContent,
body.liquid-industry-page #livePlanResult.front-inline-192 > :is(
    #planContent,
    #drainageStrategy,
    #productDesign,
    #interactionTemplate,
    #objectionHandling,
    #dataOptimization
) {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 0 var(--industry-result-section-gap) !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow: visible !important;
}

body.liquid-industry-page #resultContainer.result-container > .result-section:last-child,
body.liquid-industry-page #resultSection.result-section > .ip-plan-content:last-child,
body.liquid-industry-page #resultSection.result-section > :is(
    .core-identity-section,
    .ideology-section,
    .content-persona-section,
    .trust-building-section,
    .persona-roadmap-section,
    .script-section,
    .plan-section,
    .teleprompter-section
):last-child,
body.b-task-history-page #resultSection > :is(
    #ideologySection,
    #contentPersonaSection,
    #trustBuildingSection,
    #personaRoadmapSection
):last-child,
body.liquid-industry-page #executionPlanSection.execution-plan-section > :is(
    .overview-section,
    .stage-section,
    .daily-schedule-section,
    .danger-signals-section,
    .success-standards-section,
    #market_analysis,
    #months_one,
    #months_two,
    #months_three,
    #income_structure,
    #success_cases
):last-child,
body.liquid-industry-page #copyResult.front-inline-192 > #copyContent:last-child,
body.liquid-industry-page #livePlanResult.front-inline-192 > :is(
    #planContent,
    #drainageStrategy,
    #productDesign,
    #interactionTemplate,
    #objectionHandling,
    #dataOptimization
):last-child {
    margin-bottom: 0 !important;
}

body.liquid-industry-page :is(
    #resultContainer#resultContainer,
    #resultSection#resultSection,
    #executionPlanSection#executionPlanSection,
    #topicsResult#topicsResult,
    #copyResult#copyResult,
    #livePlanResult#livePlanResult
) :is(
    .dynamic-content-wrapper,
    .video-references-container,
    .nicknameContainer,
    .video-references,
    .nickname-recommendations,
    .naming-strategy,
    .design-section,
    .design-card,
    .core-concept,
    .unique-viewpoints,
    .catchphrase-design,
    .speaking-style,
    .speaking-style-explanation,
    .sample-script,
    .visual-style,
    .content-pillars,
    .trust-endorsement,
    .social-proof,
    .personal-story,
    .plan-info,
    .live-flow,
    .drainage-strategy,
    .product-design,
    .interaction-tips,
    .objection-handling,
    .data-optimization,
    .front-inline-025,
    .front-inline-125,
    .front-inline-128,
    .front-inline-132,
    .front-inline-139,
    .front-inline-160,
    .front-inline-169,
    .front-inline-184,
    #market_analysis,
    #months_one,
    #months_two,
    #months_three,
    #income_structure,
    #success_cases,
    #topicsList,
    #scriptList,
    #planList,
    #teleprompterContent,
    #copyContent,
    #planContent,
    #drainageStrategy,
    #productDesign,
    #interactionTemplate,
    #objectionHandling,
    #dataOptimization
) {
    box-sizing: border-box !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 0 var(--industry-inner-gap) !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow: visible !important;
}

body.liquid-industry-page :is(
    #resultContainer#resultContainer,
    #resultSection#resultSection,
    #executionPlanSection#executionPlanSection,
    #topicsResult#topicsResult,
    #copyResult#copyResult,
    #livePlanResult#livePlanResult
) :is(
    .dynamic-content-wrapper,
    .video-references-container,
    .nicknameContainer,
    .video-references,
    .nickname-recommendations,
    .naming-strategy,
    .design-section,
    .design-card,
    .core-concept,
    .unique-viewpoints,
    .catchphrase-design,
    .speaking-style,
    .speaking-style-explanation,
    .sample-script,
    .visual-style,
    .content-pillars,
    .trust-endorsement,
    .social-proof,
    .personal-story,
    .plan-info,
    .live-flow,
    .drainage-strategy,
    .product-design,
    .interaction-tips,
    .objection-handling,
    .data-optimization,
    .front-inline-025,
    .front-inline-125,
    .front-inline-128,
    .front-inline-132,
    .front-inline-139,
    .front-inline-160,
    .front-inline-169,
    .front-inline-184,
    #market_analysis,
    #months_one,
    #months_two,
    #months_three,
    #income_structure,
    #success_cases,
    #topicsList,
    #scriptList,
    #planList,
    #teleprompterContent,
    #copyContent,
    #planContent,
    #drainageStrategy,
    #productDesign,
    #interactionTemplate,
    #objectionHandling,
    #dataOptimization
):last-child {
    margin-bottom: 0 !important;
}

body.liquid-industry-page #executionPlanSection.execution-plan-section :is(
    .overview-section,
    .stage-section,
    .daily-schedule-section,
    .danger-signals-section,
    .success-standards-section
) > div[style],
body.liquid-industry-page #resultContainer.result-container > .result-section > div[style],
body.liquid-industry-page #resultSection.result-section :is(
    .core-identity-section,
    .ideology-section,
    .content-persona-section,
    .trust-building-section,
    .persona-roadmap-section,
    .script-section,
    .plan-section,
    .teleprompter-section
) > div[style],
body.liquid-industry-page #topicsResult.topics-result > :is(.topic-category, .topics-list, #topicsList) > div[style],
body.liquid-industry-page #copyResult.front-inline-192 > #copyContent > div[style],
body.liquid-industry-page #livePlanResult.front-inline-192 > :is(
    #planContent,
    #drainageStrategy,
    #productDesign,
    #interactionTemplate,
    #objectionHandling,
    #dataOptimization
) > div[style] {
    box-sizing: border-box !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 0 var(--industry-inner-gap) !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow: visible !important;
}

body.liquid-industry-page #executionPlanSection.execution-plan-section :is(
    .overview-section,
    .stage-section,
    .daily-schedule-section,
    .danger-signals-section,
    .success-standards-section
) > div[style]:last-child,
body.liquid-industry-page #resultContainer.result-container > .result-section > div[style]:last-child,
body.liquid-industry-page #resultSection.result-section :is(
    .core-identity-section,
    .ideology-section,
    .content-persona-section,
    .trust-building-section,
    .persona-roadmap-section,
    .script-section,
    .plan-section,
    .teleprompter-section
) > div[style]:last-child,
body.liquid-industry-page #topicsResult.topics-result > :is(.topic-category, .topics-list, #topicsList) > div[style]:last-child,
body.liquid-industry-page #copyResult.front-inline-192 > #copyContent > div[style]:last-child,
body.liquid-industry-page #livePlanResult.front-inline-192 > :is(
    #planContent,
    #drainageStrategy,
    #productDesign,
    #interactionTemplate,
    #objectionHandling,
    #dataOptimization
) > div[style]:last-child {
    margin-bottom: 0 !important;
}

body.liquid-industry-page :is(
    #resultContainer#resultContainer,
    #resultSection#resultSection,
    #executionPlanSection#executionPlanSection,
    #topicsResult#topicsResult,
    #copyResult#copyResult,
    #livePlanResult#livePlanResult
) :is(
    .dynamic-card,
    .core-concept-item,
    .viewpoint-item,
    .catchphrase-item,
    .identity-tag-container,
    .personal-slogan-section,
    .differentiation-content,
    .memory-point,
    .personality-trait,
    .speaking-style-content,
    .explanation-list,
    .script-content,
    .story-content,
    .visual-style-item,
    .pillar-item,
    .endorsement-item,
    .social-proof-item,
    .roadmap-phase,
    .script-item,
    .plan-item,
    .topic-item,
    .result-item,
    .info-item,
    .flow-step,
    .flow-phase,
    .strategy-card,
    .product-card,
    .product-item,
    .interaction-item,
    .objection-item,
    .optimization-item,
    .copy-card-node,
    .copy-nested-box,
    .copy-list-row,
    .front-inline-130,
    .front-inline-134,
    .front-inline-138,
    .front-inline-147,
    .front-inline-158,
    .front-inline-165,
    .front-inline-174,
    .front-inline-180,
    .front-inline-200,
    div[style*="background-color: rgba(255, 255, 255, 0.03)"],
    div[style*="background-color: rgba(255, 255, 255, 0.05)"],
    div[style*="background-color: rgba(30, 144, 255, 0.2)"]
) {
    box-sizing: border-box !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 0 var(--industry-card-stack-gap) !important;
    padding: var(--industry-result-card-pad) !important;
    border-radius: 20px !important;
    border: 1px solid var(--industry-blue-hairline-soft) !important;
    color: var(--industry-ink) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.20), rgba(255,255,255,.075)),
        radial-gradient(circle at 14% 0, rgba(255,255,255,.36), transparent 30%),
        radial-gradient(circle at 96% 100%, rgba(22,199,223,.07), transparent 38%) !important;
    box-shadow:
        0 10px 24px rgba(38,102,164,.045),
        inset 0 0 0 .5px var(--industry-blue-hairline-inner),
        inset 0 1px 0 rgba(255,255,255,.58) !important;
    backdrop-filter: blur(24px) saturate(1.58) contrast(1.02) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.58) contrast(1.02) !important;
    overflow: visible !important;
}

body.liquid-industry-page :is(
    #resultContainer#resultContainer,
    #resultSection#resultSection,
    #executionPlanSection#executionPlanSection,
    #topicsResult#topicsResult,
    #copyResult#copyResult,
    #livePlanResult#livePlanResult
) :is(
    .dynamic-card,
    .core-concept-item,
    .viewpoint-item,
    .catchphrase-item,
    .identity-tag-container,
    .personal-slogan-section,
    .differentiation-content,
    .memory-point,
    .personality-trait,
    .speaking-style-content,
    .explanation-list,
    .script-content,
    .story-content,
    .visual-style-item,
    .pillar-item,
    .endorsement-item,
    .social-proof-item,
    .roadmap-phase,
    .script-item,
    .plan-item,
    .topic-item,
    .result-item,
    .info-item,
    .flow-step,
    .flow-phase,
    .strategy-card,
    .product-card,
    .product-item,
    .interaction-item,
    .objection-item,
    .optimization-item,
    .copy-card-node,
    .copy-nested-box,
    .copy-list-row,
    .front-inline-130,
    .front-inline-134,
    .front-inline-138,
    .front-inline-147,
    .front-inline-158,
    .front-inline-165,
    .front-inline-174,
    .front-inline-180,
    .front-inline-200,
    div[style*="background-color: rgba(255, 255, 255, 0.03)"],
    div[style*="background-color: rgba(255, 255, 255, 0.05)"],
    div[style*="background-color: rgba(30, 144, 255, 0.2)"]
):last-child {
    margin-bottom: 0 !important;
}

body.liquid-industry-page :is(
    div[style*="display: grid"],
    div[style*="grid-template-columns"],
    .visual-style-grid,
    .info-grid,
    .flow-steps,
    .flow-details,
    .product-grid,
    .optimization-grid,
    .copy-card-grid,
    .topics-list,
    .script-list,
    .plan-list,
    .front-inline-053,
    .front-inline-137,
    .front-inline-184
) {
    gap: var(--industry-card-stack-gap) !important;
}

body.liquid-industry-page :is(
    div[style*="display: grid"],
    div[style*="grid-template-columns"],
    .visual-style-grid,
    .info-grid,
    .flow-steps,
    .flow-details,
    .product-grid,
    .optimization-grid,
    .copy-card-grid,
    .topics-list,
    .script-list,
    .plan-list,
    .front-inline-053,
    .front-inline-137,
    .front-inline-184
) > :is(
    .dynamic-card,
    .visual-style-item,
    .pillar-item,
    .topic-item,
    .script-item,
    .plan-item,
    .info-item,
    .flow-step,
    .flow-phase,
    .strategy-card,
    .product-card,
    .product-item,
    .interaction-item,
    .objection-item,
    .optimization-item,
    .copy-card-node,
    .copy-nested-box,
    .copy-list-row,
    .front-inline-130,
    .front-inline-134,
    .front-inline-138,
    .front-inline-147,
    .front-inline-158,
    .front-inline-165,
    .front-inline-174,
    .front-inline-180,
    div[style*="background-color: rgba(255, 255, 255, 0.03)"],
    div[style*="background-color: rgba(255, 255, 255, 0.05)"],
    div[style*="background-color: rgba(30, 144, 255, 0.2)"]
) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

body.liquid-industry-page :is(
    #resultContainer#resultContainer,
    #resultSection#resultSection,
    #executionPlanSection#executionPlanSection,
    #topicsResult#topicsResult,
    #copyResult#copyResult,
    #livePlanResult#livePlanResult
) div[style*="width: 32px"][style*="height: 32px"] {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 999px !important;
}

body.liquid-industry-page :is(
    #resultContainer#resultContainer,
    #resultSection#resultSection,
    #executionPlanSection#executionPlanSection,
    #topicsResult#topicsResult,
    #copyResult#copyResult,
    #livePlanResult#livePlanResult
) :is(.front-inline-047) {
    margin-top: var(--industry-result-section-gap) !important;
    margin-bottom: 0 !important;
    padding: var(--industry-result-card-pad) !important;
    border-radius: 24px !important;
    border: 1px solid var(--industry-blue-hairline-soft) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.20), rgba(255,255,255,.075)),
        radial-gradient(circle at 14% 0, rgba(255,255,255,.36), transparent 30%) !important;
    box-shadow:
        0 10px 24px rgba(38,102,164,.045),
        inset 0 0 0 .5px var(--industry-blue-hairline-inner),
        inset 0 1px 0 rgba(255,255,255,.58) !important;
}

@media (max-width: 768px) {
    body.liquid-industry-page {
        --industry-result-outer-pad: 16px;
        --industry-result-section-gap: 28px;
        --industry-inner-gap: 16px;
        --industry-card-stack-gap: 14px;
    }

    body.liquid-industry-page #resultContainer.result-container,
    body.liquid-industry-page #resultSection.result-section,
    body.liquid-industry-page #executionPlanSection.execution-plan-section,
    body.liquid-industry-page #topicsResult.topics-result,
    body.liquid-industry-page #copyResult.front-inline-192,
    body.liquid-industry-page #livePlanResult.front-inline-192,
    body.liquid-industry-page #resultSection.front-inline-196 {
        border-radius: 26px !important;
    }
}

body.b-task-history-page #resultSection > .ip-plan-content > #coreIdentitySection {
    margin-bottom: 0 !important;
}

/* ===== v7.1 flatten middle glass layers across task pages ===== */
body.liquid-industry-page {
    --industry-result-section-gap: clamp(38px, 3.8vw, 54px);
    --industry-inner-gap: clamp(20px, 1.9vw, 28px);
    --industry-card-stack-gap: clamp(16px, 1.5vw, 22px);
}

body.liquid-industry-page #resultContainer.result-container,
body.liquid-industry-page #resultSection.result-section,
body.liquid-industry-page #executionPlanSection.execution-plan-section,
body.liquid-industry-page #topicsResult.topics-result,
body.liquid-industry-page #copyResult.front-inline-192,
body.liquid-industry-page #livePlanResult.front-inline-192 {
    border: 1px solid var(--industry-blue-hairline) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.27), rgba(255,255,255,.09)),
        radial-gradient(circle at 8% 0, rgba(255,255,255,.52), transparent 34%),
        radial-gradient(circle at 92% 10%, rgba(22,199,223,.11), transparent 38%) !important;
    box-shadow:
        0 26px 74px rgba(48,99,169,.12),
        inset 0 0 0 .5px var(--industry-blue-hairline-inner),
        inset 0 1px 0 rgba(255,255,255,.74) !important;
}

body.liquid-industry-page #resultContainer.result-container > .result-section,
body.liquid-industry-page #resultSection.result-section > :is(
    .core-identity-section,
    .ideology-section,
    .content-persona-section,
    .trust-building-section,
    .persona-roadmap-section,
    .script-section,
    .plan-section,
    .teleprompter-section
),
body.liquid-industry-page #executionPlanSection.execution-plan-section > :is(
    .overview-section,
    .stage-section,
    .daily-schedule-section,
    .danger-signals-section,
    .success-standards-section
),
body.liquid-industry-page #topicsResult.topics-result > :is(.tabs, .topic-category, .topics-list),
body.liquid-industry-page #copyResult.front-inline-192 > #copyContent,
body.liquid-industry-page #livePlanResult.front-inline-192 > :is(
    #planContent,
    #drainageStrategy,
    #productDesign,
    #interactionTemplate,
    #objectionHandling,
    #dataOptimization
) {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 var(--industry-result-section-gap) !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow: visible !important;
}

body.liquid-industry-page #resultContainer.result-container > .result-section:last-child,
body.liquid-industry-page #resultSection.result-section > :is(
    .core-identity-section,
    .ideology-section,
    .content-persona-section,
    .trust-building-section,
    .persona-roadmap-section,
    .script-section,
    .plan-section,
    .teleprompter-section
):last-child,
body.liquid-industry-page #executionPlanSection.execution-plan-section > :is(
    .overview-section,
    .stage-section,
    .daily-schedule-section,
    .danger-signals-section,
    .success-standards-section
):last-child,
body.liquid-industry-page #topicsResult.topics-result > :is(.tabs, .topic-category, .topics-list):last-child,
body.liquid-industry-page #copyResult.front-inline-192 > #copyContent:last-child,
body.liquid-industry-page #livePlanResult.front-inline-192 > :is(
    #planContent,
    #drainageStrategy,
    #productDesign,
    #interactionTemplate,
    #objectionHandling,
    #dataOptimization
):last-child {
    margin-bottom: 0 !important;
}

body.liquid-industry-page :is(
    #resultContainer#resultContainer,
    #resultSection#resultSection,
    #executionPlanSection#executionPlanSection,
    #topicsResult#topicsResult,
    #copyResult#copyResult,
    #livePlanResult#livePlanResult
) :is(
    .dynamic-content-wrapper,
    .video-references-container,
    .nicknameContainer,
    .video-references,
    .nickname-recommendations,
    .naming-strategy,
    .design-section,
    .design-card,
    .core-concept,
    .unique-viewpoints,
    .catchphrase-design,
    .speaking-style,
    .speaking-style-explanation,
    .sample-script,
    .visual-style,
    .content-pillars,
    .trust-endorsement,
    .social-proof,
    .personal-story,
    .plan-info,
    .live-flow,
    .drainage-strategy,
    .product-design,
    .interaction-tips,
    .objection-handling,
    .data-optimization,
    .front-inline-125,
    .front-inline-128,
    .front-inline-132,
    .front-inline-139,
    .front-inline-160,
    .front-inline-169,
    .front-inline-184,
    #market_analysis,
    #months_one,
    #months_two,
    #months_three,
    #income_structure,
    #success_cases,
    #topicsList,
    #scriptList,
    #planList,
    #teleprompterContent,
    #copyContent,
    #planContent,
    #drainageStrategy,
    #productDesign,
    #interactionTemplate,
    #objectionHandling,
    #dataOptimization
) {
    box-sizing: border-box !important;
    min-width: 0 !important;
    margin: 0 0 var(--industry-inner-gap) !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow: visible !important;
}

body.liquid-industry-page :is(
    #resultContainer#resultContainer,
    #resultSection#resultSection,
    #executionPlanSection#executionPlanSection,
    #topicsResult#topicsResult,
    #copyResult#copyResult,
    #livePlanResult#livePlanResult
) :is(
    .dynamic-content-wrapper,
    .video-references-container,
    .nicknameContainer,
    .video-references,
    .nickname-recommendations,
    .naming-strategy,
    .design-section,
    .design-card,
    .core-concept,
    .unique-viewpoints,
    .catchphrase-design,
    .speaking-style,
    .speaking-style-explanation,
    .sample-script,
    .visual-style,
    .content-pillars,
    .trust-endorsement,
    .social-proof,
    .personal-story,
    .plan-info,
    .live-flow,
    .drainage-strategy,
    .product-design,
    .interaction-tips,
    .objection-handling,
    .data-optimization,
    .front-inline-125,
    .front-inline-128,
    .front-inline-132,
    .front-inline-139,
    .front-inline-160,
    .front-inline-169,
    .front-inline-184,
    #market_analysis,
    #months_one,
    #months_two,
    #months_three,
    #income_structure,
    #success_cases,
    #topicsList,
    #scriptList,
    #planList,
    #teleprompterContent,
    #copyContent,
    #planContent,
    #drainageStrategy,
    #productDesign,
    #interactionTemplate,
    #objectionHandling,
    #dataOptimization
):last-child {
    margin-bottom: 0 !important;
}

body.liquid-industry-page #executionPlanSection.execution-plan-section > :is(
    .overview-section,
    .stage-section,
    .daily-schedule-section,
    .danger-signals-section,
    .success-standards-section
) > div[style],
body.liquid-industry-page #resultContainer.result-container > .result-section > div[style],
body.liquid-industry-page #resultSection.result-section > :is(
    .core-identity-section,
    .ideology-section,
    .content-persona-section,
    .trust-building-section,
    .persona-roadmap-section,
    .script-section,
    .plan-section,
    .teleprompter-section
) > div[style],
body.liquid-industry-page #topicsResult.topics-result > :is(.topic-category, .topics-list) > div[style],
body.liquid-industry-page #copyResult.front-inline-192 > #copyContent > div[style],
body.liquid-industry-page #livePlanResult.front-inline-192 > :is(
    #planContent,
    #drainageStrategy,
    #productDesign,
    #interactionTemplate,
    #objectionHandling,
    #dataOptimization
) > div[style] {
    box-sizing: border-box !important;
    min-width: 0 !important;
    margin: 0 0 var(--industry-inner-gap) !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow: visible !important;
}

body.liquid-industry-page #executionPlanSection.execution-plan-section > :is(
    .overview-section,
    .stage-section,
    .daily-schedule-section,
    .danger-signals-section,
    .success-standards-section
) > div[style]:last-child,
body.liquid-industry-page #resultContainer.result-container > .result-section > div[style]:last-child,
body.liquid-industry-page #resultSection.result-section > :is(
    .core-identity-section,
    .ideology-section,
    .content-persona-section,
    .trust-building-section,
    .persona-roadmap-section,
    .script-section,
    .plan-section,
    .teleprompter-section
) > div[style]:last-child,
body.liquid-industry-page #topicsResult.topics-result > :is(.topic-category, .topics-list) > div[style]:last-child,
body.liquid-industry-page #copyResult.front-inline-192 > #copyContent > div[style]:last-child,
body.liquid-industry-page #livePlanResult.front-inline-192 > :is(
    #planContent,
    #drainageStrategy,
    #productDesign,
    #interactionTemplate,
    #objectionHandling,
    #dataOptimization
) > div[style]:last-child {
    margin-bottom: 0 !important;
}

body.liquid-industry-page :is(
    div[style*="display: grid"],
    div[style*="grid-template-columns"],
    .visual-style-grid,
    .info-grid,
    .flow-steps,
    .flow-details,
    .product-grid,
    .optimization-grid,
    .copy-card-grid,
    .topics-list,
    .script-list,
    .plan-list
) {
    gap: var(--industry-card-stack-gap) !important;
}

body.liquid-industry-page :is(
    #resultContainer#resultContainer,
    #resultSection#resultSection,
    #executionPlanSection#executionPlanSection,
    #topicsResult#topicsResult,
    #copyResult#copyResult,
    #livePlanResult#livePlanResult
) :is(
    .dynamic-card,
    .core-concept-item,
    .viewpoint-item,
    .catchphrase-item,
    .identity-tag-container,
    .personal-slogan-section,
    .differentiation-content,
    .memory-point,
    .personality-trait,
    .speaking-style-content,
    .explanation-list,
    .script-content,
    .story-content,
    .visual-style-item,
    .pillar-item,
    .endorsement-item,
    .social-proof-item,
    .roadmap-phase,
    .script-item,
    .plan-item,
    .topic-item,
    .result-item,
    .info-item,
    .flow-step,
    .flow-phase,
    .strategy-card,
    .product-card,
    .product-item,
    .interaction-item,
    .objection-item,
    .optimization-item,
    .copy-card-node,
    .copy-nested-box,
    .copy-list-row,
    .front-inline-130,
    .front-inline-134,
    .front-inline-138,
    .front-inline-147,
    .front-inline-158,
    .front-inline-165,
    .front-inline-174,
    .front-inline-180,
    .front-inline-200,
    div[style*="backgroundColor"],
    div[style*="background-color"],
    div[style*="rgba(255, 255, 255, 0.03)"],
    div[style*="rgba(255, 255, 255, 0.05)"],
    div[style*="rgba(30, 144, 255, 0.2)"]
) {
    margin-bottom: var(--industry-card-stack-gap) !important;
    border-color: var(--industry-blue-hairline-soft) !important;
}

body.liquid-industry-page :is(
    #resultContainer#resultContainer,
    #resultSection#resultSection,
    #executionPlanSection#executionPlanSection,
    #topicsResult#topicsResult,
    #copyResult#copyResult,
    #livePlanResult#livePlanResult
) :is(
    .dynamic-card,
    .core-concept-item,
    .viewpoint-item,
    .catchphrase-item,
    .identity-tag-container,
    .personal-slogan-section,
    .differentiation-content,
    .memory-point,
    .personality-trait,
    .speaking-style-content,
    .explanation-list,
    .script-content,
    .story-content,
    .visual-style-item,
    .pillar-item,
    .endorsement-item,
    .social-proof-item,
    .roadmap-phase,
    .script-item,
    .plan-item,
    .topic-item,
    .result-item,
    .info-item,
    .flow-step,
    .flow-phase,
    .strategy-card,
    .product-card,
    .product-item,
    .interaction-item,
    .objection-item,
    .optimization-item,
    .copy-card-node,
    .copy-nested-box,
    .copy-list-row,
    .front-inline-130,
    .front-inline-134,
    .front-inline-138,
    .front-inline-147,
    .front-inline-158,
    .front-inline-165,
    .front-inline-174,
    .front-inline-180,
    .front-inline-200,
    div[style*="backgroundColor"],
    div[style*="background-color"],
    div[style*="rgba(255, 255, 255, 0.03)"],
    div[style*="rgba(255, 255, 255, 0.05)"],
    div[style*="rgba(30, 144, 255, 0.2)"]
):last-child {
    margin-bottom: 0 !important;
}

body.liquid-industry-page :is(
    div[style*="display: grid"],
    div[style*="grid-template-columns"],
    .visual-style-grid,
    .info-grid,
    .flow-steps,
    .flow-details,
    .product-grid,
    .optimization-grid,
    .copy-card-grid,
    .topics-list,
    .script-list,
    .plan-list
) > :is(
    .dynamic-card,
    .visual-style-item,
    .pillar-item,
    .topic-item,
    .script-item,
    .plan-item,
    .info-item,
    .flow-step,
    .flow-phase,
    .strategy-card,
    .product-card,
    .product-item,
    .interaction-item,
    .objection-item,
    .optimization-item,
    .copy-card-node,
    .copy-nested-box,
    .copy-list-row,
    div[style*="backgroundColor"],
    div[style*="background-color"],
    div[style*="rgba(255, 255, 255, 0.03)"],
    div[style*="rgba(255, 255, 255, 0.05)"],
    div[style*="rgba(30, 144, 255, 0.2)"]
) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

body.liquid-industry-page :is(.front-inline-047, .front-inline-196) {
    margin-top: var(--industry-result-section-gap) !important;
}

@media (max-width: 768px) {
    body.liquid-industry-page {
        --industry-result-section-gap: 30px;
        --industry-inner-gap: 16px;
        --industry-card-stack-gap: 14px;
    }
}

/* ===== v7.8 restore topic library five-tab bar ===== */
body.e-task-history-page #topicsResult#topicsResult.topics-result > .tabs,
body.e-task-history-page #topicsResult#topicsResult .tabs {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 14px !important;
    width: 100% !important;
    margin: 0 0 24px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow: visible !important;
}

body.e-task-history-page #topicsResult#topicsResult .tab {
    position: relative !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    grid-template-areas:
        "icon title"
        "icon desc"
        "icon count" !important;
    align-items: start !important;
    column-gap: 10px !important;
    row-gap: 4px !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 118px !important;
    margin: 0 !important;
    padding: 18px 16px 16px !important;
}

body.e-task-history-page #topicsResult#topicsResult .tab-icon {
    grid-area: icon !important;
}

body.e-task-history-page #topicsResult#topicsResult .tab-title {
    grid-area: title !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.e-task-history-page #topicsResult#topicsResult .tab-desc {
    grid-area: desc !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.e-task-history-page #topicsResult#topicsResult .tab-count {
    grid-area: count !important;
    justify-self: start !important;
}

@media (max-width: 1200px) {
    body.e-task-history-page #topicsResult#topicsResult.topics-result > .tabs,
    body.e-task-history-page #topicsResult#topicsResult .tabs {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 768px) {
    body.e-task-history-page #topicsResult#topicsResult.topics-result > .tabs,
    body.e-task-history-page #topicsResult#topicsResult .tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    body.e-task-history-page #topicsResult#topicsResult .tab {
        min-height: 104px !important;
        padding: 15px 14px !important;
    }
}

@media (max-width: 520px) {
    body.e-task-history-page #topicsResult#topicsResult.topics-result > .tabs,
    body.e-task-history-page #topicsResult#topicsResult .tabs {
        grid-template-columns: 1fr !important;
    }
}

/* ===== v7.9 compact shooting-plan rows and remove teleprompter surface ===== */
body.f-task-history-page #resultSection#resultSection .teleprompter-section,
body.f-task-history-page #resultSection#resultSection #teleprompterSection {
    display: none !important;
}

body.f-task-history-page #copywriting_content {
    min-height: 180px !important;
}

body.f-task-history-page #resultSection#resultSection .script-section,
body.f-task-history-page #resultSection#resultSection .plan-section {
    margin-bottom: 14px !important;
    padding: 14px !important;
}

body.f-task-history-page #resultSection#resultSection .script-list,
body.f-task-history-page #resultSection#resultSection .plan-list {
    gap: 6px !important;
}

body.f-task-history-page #resultSection#resultSection .script-item,
body.f-task-history-page #resultSection#resultSection .plan-item {
    padding: 10px 14px !important;
}

body.f-task-history-page #resultSection#resultSection .script-time,
body.f-task-history-page #resultSection#resultSection .script-shot {
    min-height: 20px !important;
    margin: 0 6px 6px 0 !important;
    padding: 1px 8px !important;
    line-height: 1.35 !important;
}

body.f-task-history-page #resultSection#resultSection .script-description,
body.f-task-history-page #resultSection#resultSection .script-audio {
    margin-bottom: 5px !important;
    padding: 6px 10px !important;
    line-height: 1.45 !important;
}

body.f-task-history-page #resultSection#resultSection .plan-item-title {
    margin-bottom: 5px !important;
    padding-bottom: 4px !important;
    line-height: 1.4 !important;
}

body.f-task-history-page #resultSection#resultSection .plan-item-content,
body.f-task-history-page #resultSection#resultSection .script-description-label,
body.f-task-history-page #resultSection#resultSection .script-audio-label {
    line-height: 1.45 !important;
}

@media (max-width: 768px) {
    body.f-task-history-page #resultSection#resultSection .script-section,
    body.f-task-history-page #resultSection#resultSection .plan-section {
        padding: 12px !important;
    }

    body.f-task-history-page #resultSection#resultSection .script-item,
    body.f-task-history-page #resultSection#resultSection .plan-item {
        padding: 9px 12px !important;
    }
}

/* ===== v8.0 equal-height persona visual style cards ===== */
body.b-task-history-page #resultSection#resultSection .visual-style-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: 1fr !important;
    align-items: stretch !important;
    gap: 18px !important;
}

body.b-task-history-page #resultSection#resultSection .visual-style-item {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 126px !important;
    margin: 0 !important;
}

body.b-task-history-page #resultSection#resultSection .visual-style-item h5 {
    margin: 0 0 10px !important;
}

body.b-task-history-page #resultSection#resultSection .visual-style-item p,
body.b-task-history-page #resultSection#resultSection .visual-style-item .front-inline-088 {
    flex: 0 0 auto !important;
}

@media (max-width: 768px) {
    body.b-task-history-page #resultSection#resultSection .visual-style-grid {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
    }

    body.b-task-history-page #resultSection#resultSection .visual-style-item {
        min-height: 0 !important;
    }
}

/* ===== v8.1 persona content pillars two-zone row layout ===== */
body.b-task-history-page #resultSection#resultSection .content-pillars .pillar-item {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: start !important;
    column-gap: 24px !important;
    row-gap: 0 !important;
    min-height: 0 !important;
    padding: 18px 22px !important;
}

body.b-task-history-page #resultSection#resultSection .content-pillars .pillar-item > div:first-child {
    min-width: 0 !important;
    padding: 0 !important;
}

body.b-task-history-page #resultSection#resultSection .content-pillars .pillar-item > div:last-child {
    align-self: start !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    min-width: 58px !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.b-task-history-page #resultSection#resultSection .content-pillars .front-inline-093 {
    margin: 0 0 8px !important;
}

body.b-task-history-page #resultSection#resultSection .content-pillars .front-inline-094 {
    margin: 0 0 10px !important;
}

body.b-task-history-page #resultSection#resultSection .content-pillars .front-inline-095 {
    margin: 0 !important;
}

body.b-task-history-page #resultSection#resultSection .content-pillars .front-inline-096 {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 24px !important;
    margin: 0 6px 6px 0 !important;
    padding: 2px 10px !important;
    color: var(--front-blue) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    background: rgba(10, 132, 255, 0.10) !important;
    border: 0 !important;
    border-radius: 5px !important;
}

body.b-task-history-page #resultSection#resultSection .front-inline-054,
body.b-task-history-page #resultSection#resultSection .front-inline-055 {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 46px !important;
    padding: 0 22px !important;
    border: 1px solid rgba(255,255,255,.62) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    overflow: hidden !important;
    backdrop-filter: blur(24px) saturate(1.75) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.75) !important;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}

body.b-task-history-page #resultSection#resultSection .front-inline-054 {
    color: #fff !important;
    border-radius: 18px !important;
    text-shadow: 0 1px 8px rgba(11,92,178,.22) !important;
    background:
        radial-gradient(circle at 24% 14%, rgba(255,255,255,.68), transparent 26%),
        linear-gradient(90deg, rgba(11,134,254,.78) 0%, rgba(87,182,241,.64) 54%, rgba(22,199,223,.58) 100%),
        rgba(255,255,255,.14) !important;
    box-shadow: 0 10px 24px rgba(23,105,196,.09), inset 0 1px 0 rgba(255,255,255,.64), inset 0 -18px 32px rgba(8,125,241,.04) !important;
}

body.b-task-history-page #resultSection#resultSection .front-inline-055 {
    color: #0b86fe !important;
    border-radius: 24px !important;
    text-shadow: none !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.42), rgba(255,255,255,.16)),
        radial-gradient(circle at 18% 10%, rgba(255,255,255,.72), transparent 34%) !important;
    box-shadow: 0 10px 24px rgba(23,105,196,.09), inset 0 1px 0 rgba(255,255,255,.64), inset 0 -18px 32px rgba(8,125,241,.04) !important;
}

body.b-task-history-page #resultSection#resultSection .front-inline-054:hover,
body.b-task-history-page #resultSection#resultSection .front-inline-054:focus-visible,
body.b-task-history-page #resultSection#resultSection .front-inline-055:hover,
body.b-task-history-page #resultSection#resultSection .front-inline-055:focus-visible {
    transform: translateY(-1px) !important;
    box-shadow: 0 16px 34px rgba(11,134,254,.12), inset 0 1px 0 rgba(255,255,255,.82), inset 0 -18px 28px rgba(255,255,255,.06) !important;
}

@media (max-width: 768px) {
    body.b-task-history-page #resultSection#resultSection .content-pillars .pillar-item {
        grid-template-columns: 1fr !important;
        row-gap: 12px !important;
        padding: 16px !important;
    }

    body.b-task-history-page #resultSection#resultSection .content-pillars .pillar-item > div:last-child {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        min-width: 0 !important;
    }
}

/* ===== v8.2 compact and align persona visual style cards ===== */
body.b-task-history-page #resultSection#resultSection .visual-style .visual-style-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: auto !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    gap: 14px 18px !important;
}

body.b-task-history-page #resultSection#resultSection .visual-style .visual-style-item {
    align-self: stretch !important;
    justify-self: stretch !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 14px 16px !important;
}

body.b-task-history-page #resultSection#resultSection .visual-style .visual-style-item h5 {
    margin: 0 0 8px !important;
    line-height: 1.35 !important;
}

body.b-task-history-page #resultSection#resultSection .visual-style .visual-style-item p,
body.b-task-history-page #resultSection#resultSection .visual-style .visual-style-item .front-inline-088 {
    margin: 0 !important;
    line-height: 1.45 !important;
}

@media (max-width: 768px) {
    body.b-task-history-page #resultSection#resultSection .visual-style .visual-style-grid {
        grid-template-columns: 1fr !important;
    }
}

/* ===== v8.3 force topic library tabs back to five columns ===== */
body.e-task-history-page #topicsResult#topicsResult.topics-result .tabs {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    align-items: stretch !important;
    gap: 14px !important;
    width: 100% !important;
    margin: 0 0 24px !important;
    padding: 0 !important;
}

body.e-task-history-page #topicsResult#topicsResult.topics-result .tabs > .tab {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    grid-template-areas:
        "icon title"
        "icon desc"
        "icon count" !important;
    align-self: stretch !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
}

@media (max-width: 1200px) {
    body.e-task-history-page #topicsResult#topicsResult.topics-result .tabs {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 768px) {
    body.e-task-history-page #topicsResult#topicsResult.topics-result .tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 520px) {
    body.e-task-history-page #topicsResult#topicsResult.topics-result .tabs {
        grid-template-columns: 1fr !important;
    }
}

/* ===== v8.4 live plan info cards two columns ===== */
body.h-task-history-page #livePlanResult#livePlanResult #planContent .plan-info .info-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 16px 18px !important;
    width: 100% !important;
    margin-bottom: 26px !important;
}

body.h-task-history-page #livePlanResult#livePlanResult #planContent .plan-info .info-item {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 16px 18px !important;
}

body.h-task-history-page #livePlanResult#livePlanResult #planContent .plan-info .info-item.theme-info-item {
    grid-column: 1 / -1 !important;
    height: auto !important;
    min-height: 0 !important;
}

body.h-task-history-page #livePlanResult#livePlanResult #planContent .plan-info .info-item value {
    display: block !important;
    line-height: 1.72 !important;
}

@media (max-width: 768px) {
    body.h-task-history-page #livePlanResult#livePlanResult #planContent .plan-info .info-grid {
        grid-template-columns: 1fr !important;
    }
}

/* ===== v8.5 equal-height account nickname recommendation cards ===== */
body.a-task-history-page #resultContainer#resultContainer #nicknameRecommendations .nicknameContainer > div[style*="grid"] {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    gap: 18px !important;
    width: 100% !important;
    margin: 0 !important;
}

body.a-task-history-page #resultContainer#resultContainer #nicknameRecommendations .nicknameContainer > div[style*="grid"] > .dynamic-card {
    align-self: stretch !important;
    justify-self: stretch !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 18px 20px !important;
}

body.a-task-history-page #resultContainer#resultContainer #nicknameRecommendations .dynamic-card .front-inline-061 {
    margin-bottom: 10px !important;
}

body.a-task-history-page #resultContainer#resultContainer #nicknameRecommendations .dynamic-card .front-inline-062 {
    flex: 1 1 auto !important;
    margin-bottom: 14px !important;
}

body.a-task-history-page #resultContainer#resultContainer #nicknameRecommendations .dynamic-card .front-inline-063 {
    margin-top: auto !important;
    margin-bottom: 0 !important;
}

@media (max-width: 980px) {
    body.a-task-history-page #resultContainer#resultContainer #nicknameRecommendations .nicknameContainer > div[style*="grid"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px) {
    body.a-task-history-page #resultContainer#resultContainer #nicknameRecommendations .nicknameContainer > div[style*="grid"] {
        grid-template-columns: 1fr !important;
    }
}

/* ===== v8.6 compact equal-height avatar design cards ===== */
body.a-task-history-page #resultContainer#resultContainer #avatarDesignSection .dynamic-content-wrapper > div[style*="grid"] {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    gap: 14px 18px !important;
    width: 100% !important;
    margin: 0 0 14px !important;
}

body.a-task-history-page #resultContainer#resultContainer #avatarDesignSection .dynamic-content-wrapper > div[style*="grid"] > .dynamic-card {
    align-self: stretch !important;
    justify-self: stretch !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 16px 18px !important;
}

body.a-task-history-page #resultContainer#resultContainer #avatarDesignSection .dynamic-card .front-inline-064 {
    margin-bottom: 8px !important;
    line-height: 1.35 !important;
}

body.a-task-history-page #resultContainer#resultContainer #avatarDesignSection .dynamic-card .front-inline-065 {
    margin: 0 !important;
    line-height: 1.55 !important;
}

body.a-task-history-page #resultContainer#resultContainer #avatarDesignSection > .dynamic-content-wrapper > .dynamic-card {
    margin-top: 0 !important;
}

@media (max-width: 980px) {
    body.a-task-history-page #resultContainer#resultContainer #avatarDesignSection .dynamic-content-wrapper > div[style*="grid"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px) {
    body.a-task-history-page #resultContainer#resultContainer #avatarDesignSection .dynamic-content-wrapper > div[style*="grid"] {
        grid-template-columns: 1fr !important;
    }
}

/* ===== v8.7 compact two-column background design cards ===== */
body.a-task-history-page #resultContainer#resultContainer #backgroundDesignSection .dynamic-content-wrapper > div[style*="grid"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    gap: 14px 18px !important;
    width: 100% !important;
    margin: 0 0 14px !important;
}

body.a-task-history-page #resultContainer#resultContainer #backgroundDesignSection .dynamic-content-wrapper > div[style*="grid"] > div[style*="border"] {
    align-self: stretch !important;
    justify-self: stretch !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 16px 18px !important;
}

body.a-task-history-page #resultContainer#resultContainer #backgroundDesignSection :is(.front-inline-071, .front-inline-075) {
    margin-bottom: 8px !important;
    line-height: 1.35 !important;
}

body.a-task-history-page #resultContainer#resultContainer #backgroundDesignSection :is(.front-inline-072, .front-inline-074, .front-inline-077) {
    margin: 0 !important;
    line-height: 1.55 !important;
}

body.a-task-history-page #resultContainer#resultContainer #backgroundDesignSection > .dynamic-content-wrapper > div[style*="border"] {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
}

@media (max-width: 640px) {
    body.a-task-history-page #resultContainer#resultContainer #backgroundDesignSection .dynamic-content-wrapper > div[style*="grid"] {
        grid-template-columns: 1fr !important;
    }
}

/* ===== v8.8 hard-align nickname cards on account package page ===== */
body.a-task-history-page #resultContainer#resultContainer #nicknameRecommendations .nicknameContainer > div:first-child {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 18px !important;
    width: 100% !important;
    margin: 0 !important;
}

body.a-task-history-page #resultContainer#resultContainer #nicknameRecommendations .nicknameContainer > div:first-child > .dynamic-card {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-rows: auto 1fr auto !important;
    align-content: start !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 214px !important;
    max-height: 214px !important;
    margin: 0 !important;
    padding: 18px 20px !important;
    overflow: hidden !important;
}

body.a-task-history-page #resultContainer#resultContainer #nicknameRecommendations .nicknameContainer > div:first-child > .dynamic-card .front-inline-061 {
    margin: 0 0 10px !important;
}

body.a-task-history-page #resultContainer#resultContainer #nicknameRecommendations .nicknameContainer > div:first-child > .dynamic-card .front-inline-062 {
    margin: 0 0 12px !important;
    overflow: hidden !important;
}

body.a-task-history-page #resultContainer#resultContainer #nicknameRecommendations .nicknameContainer > div:first-child > .dynamic-card .front-inline-063 {
    align-self: end !important;
    margin: 0 !important;
}

@media (max-width: 980px) {
    body.a-task-history-page #resultContainer#resultContainer #nicknameRecommendations .nicknameContainer > div:first-child {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.a-task-history-page #resultContainer#resultContainer #nicknameRecommendations .nicknameContainer > div:first-child > .dynamic-card {
        min-height: 0 !important;
        max-height: none !important;
    }
}

@media (max-width: 640px) {
    body.a-task-history-page #resultContainer#resultContainer #nicknameRecommendations .nicknameContainer > div:first-child {
        grid-template-columns: 1fr !important;
    }
}

/* ===== v8.9 force background design grid to two columns ===== */
body.a-task-history-page #resultContainer#resultContainer #backgroundDesignSection .background-design-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    gap: 14px 18px !important;
    width: 100% !important;
    margin: 0 0 14px !important;
}

body.a-task-history-page #resultContainer#resultContainer #backgroundDesignSection .background-design-grid > div {
    box-sizing: border-box !important;
    align-self: stretch !important;
    justify-self: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 16px 18px !important;
}

@media (max-width: 640px) {
    body.a-task-history-page #resultContainer#resultContainer #backgroundDesignSection .background-design-grid {
        grid-template-columns: 1fr !important;
    }
}

/* ===== v9.0 compact background platform adaptation spacing ===== */
body.a-task-history-page #resultContainer#resultContainer #backgroundDesignSection .background-platform-card {
    box-sizing: border-box !important;
    margin-top: 0 !important;
    margin-bottom: 14px !important;
    padding: 14px 16px !important;
}

body.a-task-history-page #resultContainer#resultContainer #backgroundDesignSection .background-platform-card > .front-inline-075 {
    margin: 0 0 10px !important;
    line-height: 1.3 !important;
}

body.a-task-history-page #resultContainer#resultContainer #backgroundDesignSection .background-platform-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 12px 16px !important;
    width: 100% !important;
}

body.a-task-history-page #resultContainer#resultContainer #backgroundDesignSection .background-platform-item {
    box-sizing: border-box !important;
    display: block !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 13px 15px !important;
}

body.a-task-history-page #resultContainer#resultContainer #backgroundDesignSection .background-platform-item .front-inline-076 {
    margin: 0 0 8px !important;
    line-height: 1.3 !important;
}

body.a-task-history-page #resultContainer#resultContainer #backgroundDesignSection .background-platform-item .front-inline-077 {
    margin: 0 0 4px !important;
    line-height: 1.45 !important;
}

body.a-task-history-page #resultContainer#resultContainer #backgroundDesignSection .background-platform-item .front-inline-077:last-child {
    margin-bottom: 0 !important;
}

@media (max-width: 980px) {
    body.a-task-history-page #resultContainer#resultContainer #backgroundDesignSection .background-platform-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px) {
    body.a-task-history-page #resultContainer#resultContainer #backgroundDesignSection .background-platform-grid {
        grid-template-columns: 1fr !important;
    }
}

/* ===== v10.6 remove a_task_history section header glass bands ===== */
body.a-task-history-page.liquid-industry-page #resultContainer.result-container > .result-section {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow: visible !important;
}

body.a-task-history-page.liquid-industry-page #resultContainer.result-container > .result-section::before {
    content: none !important;
    display: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.a-task-history-page.liquid-industry-page #resultContainer.result-container > .result-section > h3 {
    margin: 0 0 18px !important;
    padding: 0 !important;
    border-bottom: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* ===== v10.7 add glass card around naming strategy ===== */
body.a-task-history-page.liquid-industry-page #resultContainer#resultContainer #namingStrategy > .nicknameContainer {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 24px 0 0 !important;
    padding: 18px 20px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(92, 174, 255, 0.42) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.32), rgba(255,255,255,.12)),
        radial-gradient(circle at 14% 0, rgba(255,255,255,.42), transparent 34%) !important;
    box-shadow:
        0 12px 30px rgba(38,102,164,.08),
        inset 0 1px 0 rgba(255,255,255,.62) !important;
    backdrop-filter: blur(22px) saturate(1.5) !important;
    -webkit-backdrop-filter: blur(22px) saturate(1.5) !important;
}

body.a-task-history-page.liquid-industry-page #resultContainer#resultContainer #namingStrategy > .nicknameContainer > h4 {
    margin: 0 0 14px !important;
}

/* ===== v10.8 restore overall strategy section title ===== */
body.a-task-history-page #resultContainer > .result-section:nth-of-type(7) > h3::after {
    content: "整体包装策略" !important;
    font-size: 21px;
    line-height: 1.35;
    font-weight: 900;
}

/* ===== v10.9 fix a_task_history title mapping after result header ===== */
body.a-task-history-page #resultContainer > .result-section:nth-of-type(2) > h3::after { content: "视频参考案例" !important; }
body.a-task-history-page #resultContainer > .result-section:nth-of-type(3) > h3::after { content: "昵称推荐" !important; }
body.a-task-history-page #resultContainer > .result-section:nth-of-type(4) > h3::after { content: "头像设计方案" !important; }
body.a-task-history-page #resultContainer > .result-section:nth-of-type(5) > h3::after { content: "背景设计方案" !important; }
body.a-task-history-page #resultContainer > .result-section:nth-of-type(6) > h3::after { content: "简介文案方案" !important; }
body.a-task-history-page #resultContainer > .result-section:nth-of-type(7) > h3::after { content: "整体包装策略" !important; }

/* ===== v11.0 use real a_task_history section titles, no generated duplicates ===== */
body.a-task-history-page #resultContainer > .result-section > h3 {
    font-size: 21px !important;
}

body.a-task-history-page #resultContainer > .result-section > h3::after {
    content: none !important;
    display: none !important;
}

/* ===== v11.1 d_task_history success case colored cards ===== */
body.d-task-history-page #executionPlanSection#executionPlanSection #success_cases .success-case-card.success-case-card-0 {
    background: rgba(245, 180, 28, 0.24) !important;
    border-color: rgba(245, 180, 28, 0.48) !important;
    box-shadow:
        0 14px 30px rgba(245, 180, 28, 0.10),
        inset 0 1px 0 rgba(255,255,255,.58) !important;
}

body.d-task-history-page #executionPlanSection#executionPlanSection #success_cases .success-case-card.success-case-card-1 {
    background: rgba(10, 132, 255, 0.22) !important;
    border-color: rgba(10, 132, 255, 0.45) !important;
    box-shadow:
        0 14px 30px rgba(10, 132, 255, 0.10),
        inset 0 1px 0 rgba(255,255,255,.58) !important;
}

body.d-task-history-page #executionPlanSection#executionPlanSection #success_cases .success-case-card.success-case-card-2 {
    background: rgba(211, 58, 49, 0.20) !important;
    border-color: rgba(211, 58, 49, 0.42) !important;
    box-shadow:
        0 14px 30px rgba(211, 58, 49, 0.09),
        inset 0 1px 0 rgba(255,255,255,.58) !important;
}

body.d-task-history-page #executionPlanSection#executionPlanSection #success_cases .success-case-card :is(.front-inline-186, .front-inline-187) {
    color: #000 !important;
}

body.d-task-history-page #executionPlanSection#executionPlanSection #success_cases .front-inline-184 {
    align-items: stretch !important;
}

body.d-task-history-page #executionPlanSection#executionPlanSection #success_cases .success-case-card {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

/* ===== v11.2 e_task_history topic tabs horizontal desktop bar ===== */
body.e-task-history-page #topicsResult#topicsResult.topics-result .tabs {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 14px !important;
    width: 100% !important;
}

body.e-task-history-page #topicsResult#topicsResult.topics-result .tabs > .tab {
    flex: 1 1 0 !important;
    width: 20% !important;
    min-width: 0 !important;
    margin: 0 !important;
}

@media (max-width: 900px) {
    body.e-task-history-page #topicsResult#topicsResult.topics-result .tabs {
        flex-wrap: wrap !important;
    }

    body.e-task-history-page #topicsResult#topicsResult.topics-result .tabs > .tab {
        flex-basis: calc(50% - 7px) !important;
        width: calc(50% - 7px) !important;
    }
}

@media (max-width: 520px) {
body.e-task-history-page #topicsResult#topicsResult.topics-result .tabs > .tab {
        flex-basis: 100% !important;
        width: 100% !important;
    }
}

/* ===== v11.3 force compact shooting-plan result rows ===== */
body.f-task-history-page #resultSection#resultSection .script-section,
body.f-task-history-page #resultSection#resultSection .plan-section {
    margin-bottom: 12px !important;
    padding: 12px !important;
}

body.f-task-history-page #resultSection#resultSection .script-list,
body.f-task-history-page #resultSection#resultSection .plan-list {
    gap: 8px !important;
    margin: 0 !important;
}

body.f-task-history-page #resultSection#resultSection .script-list > .script-item,
body.f-task-history-page #resultSection#resultSection .plan-list > .plan-item {
    margin: 0 !important;
    margin-bottom: 0 !important;
    min-height: 0 !important;
    padding: 8px 12px !important;
}

body.f-task-history-page #resultSection#resultSection .script-time,
body.f-task-history-page #resultSection#resultSection .script-shot {
    min-height: 18px !important;
    margin: 0 6px 5px 0 !important;
    padding: 1px 7px !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
}

body.f-task-history-page #resultSection#resultSection .script-description,
body.f-task-history-page #resultSection#resultSection .script-audio {
    margin: 0 0 4px !important;
    min-height: 0 !important;
    padding: 5px 8px !important;
    line-height: 1.35 !important;
}

body.f-task-history-page #resultSection#resultSection .script-description:last-child,
body.f-task-history-page #resultSection#resultSection .script-audio:last-child {
    margin-bottom: 0 !important;
}

body.f-task-history-page #resultSection#resultSection .script-description-label,
body.f-task-history-page #resultSection#resultSection .script-audio-label,
body.f-task-history-page #resultSection#resultSection .plan-item-content {
    font-size: 14px !important;
    line-height: 1.35 !important;
}

body.f-task-history-page #resultSection#resultSection .plan-item-title {
    margin: 0 0 4px !important;
    padding: 0 0 4px !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
}

@media (max-width: 768px) {
body.f-task-history-page #resultSection#resultSection .script-section,
    body.f-task-history-page #resultSection#resultSection .plan-section {
        padding: 10px !important;
    }

    body.f-task-history-page #resultSection#resultSection .script-list > .script-item,
    body.f-task-history-page #resultSection#resultSection .plan-list > .plan-item {
        padding: 8px 10px !important;
    }
}

/* ===== v11.4 taller shooting-plan copywriting textarea ===== */
body.f-task-history-page #copywriting_content {
    min-height: 280px !important;
}

/* ===== v11.5 f_task_history shooting plan card breathing room ===== */
body.f-task-history-page #resultSection#resultSection .plan-section {
    padding: 22px 28px !important;
}

body.f-task-history-page #resultSection#resultSection .plan-list {
    gap: 18px !important;
}

body.f-task-history-page #resultSection#resultSection .plan-list > .plan-item {
    padding: 20px 24px !important;
}

body.f-task-history-page #resultSection#resultSection .plan-item-title {
    margin-bottom: 10px !important;
    padding-bottom: 8px !important;
}

body.f-task-history-page #resultSection#resultSection .plan-item-content {
    line-height: 1.65 !important;
}

@media (max-width: 768px) {
    body.f-task-history-page #resultSection#resultSection .plan-section {
        padding: 16px !important;
    }

    body.f-task-history-page #resultSection#resultSection .plan-list > .plan-item {
        padding: 16px !important;
    }
}