/* Source stylesheet from codex_dos/moyou_fund_h5/css/style.css */
/* ==========================================
   M-Chain Network - 科技金融风格
   深色科技感 + 重量级动效
   ========================================== */

/* 基础重置 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #fff;
    background: linear-gradient(180deg, #0a0e1a 0%, #0d1220 50%, #0a0e1a 100%);
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

a {
    text-decoration: none;
    color: inherit;
}

button {
    border: none;
    outline: none;
    cursor: pointer;
    font-family: inherit;
}

/* ==========================================
   粒子背景画布
   ========================================== */
#particles-canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
}

/* 网格背景 */
.grid-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: 
        linear-gradient(rgba(123, 97, 255, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(123, 97, 255, 0.03) 1px, transparent 1px);
    background-size: 40px 40px;
    pointer-events: none;
    z-index: 1;
    animation: gridMove 20s linear infinite;
}

@keyframes gridMove {
    0% { transform: translate(0, 0); }
    100% { transform: translate(40px, 40px); }
}

/* 顶部导航 */
.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 56px;
    background: rgba(10, 14, 26, 0.85);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
    border-bottom: 1px solid rgba(123, 97, 255, 0.1);
}

.header-back {
    position: absolute;
    left: 12px;
    font-size: 28px;
    color: rgba(255, 255, 255, 0.6);
    padding: 0 10px;
    font-weight: 300;
}

.header-title {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

/* Logo样式 */
.page-logo {
    display: flex;
    align-items: center;
    gap: 10px;
}

.logo-icon {
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, #7B61FF 0%, #00D9FF 100%);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    box-shadow: 0 0 20px rgba(123, 97, 255, 0.5);
    animation: logoPulse 2s ease-in-out infinite;
}

@keyframes logoPulse {
    0%, 100% { box-shadow: 0 0 20px rgba(123, 97, 255, 0.5); }
    50% { box-shadow: 0 0 30px rgba(123, 97, 255, 0.8), 0 0 40px rgba(0, 217, 255, 0.4); }
}

.logo-text {
    font-size: 17px;
    font-weight: 700;
    background: linear-gradient(90deg, #fff 0%, #8B9DC3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.logo-text span {
    font-weight: 400;
    background: linear-gradient(90deg, #7B61FF 0%, #00D9FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* 主内容区 */
.main-content {
    padding: 70px 16px 100px;
    min-height: 100vh;
    position: relative;
    z-index: 2;
}

/* 底部Tab栏 */
.tab-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 75px;
    background: rgba(10, 14, 26, 0.9);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    display: flex;
    border-top: 1px solid rgba(123, 97, 255, 0.1);
    z-index: 100;
    padding-bottom: 25px;
}

.tab-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.4);
    font-size: 10px;
    gap: 4px;
    transition: all 0.3s ease;
}

.tab-item.active {
    color: #7B61FF;
}

.tab-item.active .tab-icon {
    filter: drop-shadow(0 0 8px rgba(123, 97, 255, 0.8));
}

.tab-icon {
    font-size: 22px;
    transition: all 0.3s ease;
}

.tab-text {
    font-size: 11px;
}

/* ==========================================
   3D卡片效果
   ========================================== */
.card-3d {
    perspective: 1000px;
    transform-style: preserve-3d;
}

.card-3d-inner {
    transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    transform-style: preserve-3d;
}

.card-3d:hover .card-3d-inner {
    transform: rotateX(2deg) rotateY(2deg);
}

/* ==========================================
   玻璃卡片组件
   ========================================== */
.glass-card {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 16px;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.glass-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #7B61FF 0%, #00D9FF 50%, #7B61FF 100%);
    background-size: 200% 100%;
    animation: gradientFlow 3s linear infinite;
}

@keyframes gradientFlow {
    0% { background-position: 0% 0%; }
    100% { background-position: 200% 0%; }
}

.glass-card:active {
    transform: scale(0.98);
    border-color: rgba(123, 97, 255, 0.3);
    box-shadow: 0 0 30px rgba(123, 97, 255, 0.2);
}

/* ==========================================
   资产总览卡片
   ========================================== */
.assets-card {
    background: linear-gradient(135deg, rgba(123, 97, 255, 0.15) 0%, rgba(0, 217, 255, 0.1) 100%);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(123, 97, 255, 0.2);
    border-radius: 24px;
    padding: 28px 20px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    animation: cardFloat 6s ease-in-out infinite;
}

@keyframes cardFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-5px); }
}

.assets-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #7B61FF 0%, #00D9FF 50%, #7B61FF 100%);
    background-size: 200% 100%;
    animation: gradientFlow 3s linear infinite;
}

.assets-card::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(123, 97, 255, 0.1) 0%, transparent 60%);
    animation: glowRotate 10s linear infinite;
}

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

.assets-main {
    text-align: center;
    position: relative;
    z-index: 1;
    margin-bottom: 24px;
}

.assets-label {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 8px;
}

.assets-value {
    font-size: 40px;
    font-weight: 700;
    background: linear-gradient(135deg, #fff 0%, #8B9DC3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    letter-spacing: -1px;
    text-shadow: 0 0 40px rgba(255, 255, 255, 0.3);
    animation: numberGlow 2s ease-in-out infinite alternate;
}

@keyframes numberGlow {
    0% { filter: brightness(1); }
    100% { filter: brightness(1.2); }
}

.assets-trend {
    font-size: 14px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.assets-detail {
    display: flex;
    justify-content: space-around;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
    z-index: 1;
}

.assets-item {
    text-align: center;
}

.assets-item-value {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 4px;
}

.assets-item-label {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.5);
}

/* ==========================================
   快捷操作区
   ========================================== */
.quick-actions {
    display: flex;
    gap: 12px;
    margin-bottom: 24px;
}

.action-btn {
    flex: 1;
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 18px 12px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    position: relative;
    overflow: hidden;
}

.action-btn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: rgba(123, 97, 255, 0.3);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.5s ease;
}

.action-btn:active::before {
    width: 200%;
    height: 200%;
}

.action-btn:active {
    background: rgba(123, 97, 255, 0.1);
    border-color: rgba(123, 97, 255, 0.3);
    transform: scale(0.95);
}

.action-btn .icon {
    font-size: 28px;
    margin-bottom: 10px;
    display: block;
    filter: drop-shadow(0 0 10px rgba(123, 97, 255, 0.5));
}

/* ==========================================
   产品卡片
   ========================================== */
.product-card {
    display: block;
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    padding: 22px;
    margin-bottom: 16px;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.product-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #7B61FF 0%, #00D9FF 50%, #7B61FF 100%);
    background-size: 200% 100%;
    animation: gradientFlow 3s linear infinite;
}

.product-card:active {
    transform: scale(0.98) translateY(2px);
    border-color: rgba(123, 97, 255, 0.3);
    box-shadow: 0 10px 40px rgba(123, 97, 255, 0.15);
}

.product-card.disabled {
    opacity: 0.5;
    pointer-events: none;
}

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

.product-name {
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
}

.product-tag {
    display: inline-block;
    background: linear-gradient(135deg, #7B61FF 0%, #00D9FF 100%);
    color: #fff;
    font-size: 10px;
    padding: 4px 10px;
    border-radius: 6px;
    font-weight: 500;
    box-shadow: 0 2px 10px rgba(123, 97, 255, 0.4);
}

.product-tag.active {
    background: linear-gradient(135deg, #00E676 0%, #00C853 100%);
    box-shadow: 0 2px 10px rgba(0, 230, 118, 0.4);
}

.product-type {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    background: rgba(255, 255, 255, 0.08);
    padding: 5px 12px;
    border-radius: 20px;
}

.product-body {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.product-yield .yield-value {
    font-size: 36px;
    font-weight: 700;
    background: linear-gradient(135deg, #7B61FF 0%, #00D9FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    letter-spacing: -2px;
    text-shadow: 0 0 30px rgba(123, 97, 255, 0.5);
    animation: yieldPulse 3s ease-in-out infinite;
}

@keyframes yieldPulse {
    0%, 100% { filter: brightness(1) drop-shadow(0 0 0 transparent); }
    50% { filter: brightness(1.3) drop-shadow(0 0 10px rgba(123, 97, 255, 0.5)); }
}

.product-yield .yield-value.disabled-text {
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-clip: unset;
    color: rgba(255, 255, 255, 0.3);
    font-size: 18px;
    animation: none;
}

.product-yield .yield-label {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 8px;
}

.product-info {
    display: flex;
    gap: 28px;
}

.info-item {
    text-align: right;
}

.info-item .info-value {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}

.info-item .info-value.disabled-text {
    color: rgba(255, 255, 255, 0.3);
}

.info-item .info-label {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 4px;
}

.product-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px;
}

.product-date {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.4);
}

.product-arrow {
    font-size: 24px;
    color: rgba(255, 255, 255, 0.3);
    font-weight: 300;
    transition: all 0.3s ease;
}

.product-card:active .product-arrow {
    color: #7B61FF;
    transform: translateX(4px);
}

/* 微型走势图 */
.mini-chart {
    width: 80px;
    height: 32px;
    display: flex;
    align-items: flex-end;
    gap: 2px;
    opacity: 0.6;
}

.mini-chart-bar {
    flex: 1;
    background: linear-gradient(180deg, #7B61FF 0%, rgba(123, 97, 255, 0.2) 100%);
    border-radius: 2px;
    min-height: 20%;
    transition: all 0.3s ease;
}

/* ==========================================
   持仓卡片
   ========================================== */
.holding-card {
    display: block;
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(123, 97, 255, 0.15);
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 14px;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.holding-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #7B61FF 0%, #00D9FF 50%, #7B61FF 100%);
    background-size: 200% 100%;
    animation: gradientFlow 3s linear infinite;
}

.holding-card:active {
    transform: scale(0.98);
    border-color: rgba(123, 97, 255, 0.4);
    box-shadow: 0 0 30px rgba(123, 97, 255, 0.2);
}

.holding-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.holding-name {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
}

.holding-tag {
    display: inline-block;
    background: linear-gradient(135deg, #00E676 0%, #00C853 100%);
    color: #fff;
    font-size: 10px;
    padding: 4px 10px;
    border-radius: 6px;
    font-weight: 500;
    box-shadow: 0 2px 10px rgba(0, 230, 118, 0.3);
}

.holding-arrow {
    font-size: 24px;
    color: rgba(255, 255, 255, 0.3);
    font-weight: 300;
}

.holding-body {
    display: flex;
    justify-content: space-between;
}

.holding-left, .holding-right {
    flex: 1;
}

.holding-amount .amount-label {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.5);
}

.holding-amount .amount-value {
    font-size: 20px;
    font-weight: 700;
    color: #7B61FF;
    margin-top: 6px;
    text-shadow: 0 0 20px rgba(123, 97, 255, 0.5);
}

.holding-yield {
    margin-top: 16px;
}

.holding-yield .yield-value {
    font-size: 15px;
    font-weight: 600;
    background: linear-gradient(135deg, #7B61FF 0%, #00D9FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.holding-yield .yield-label {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 4px;
    display: block;
}

.holding-right {
    text-align: right;
}

.profit-rate .rate-value {
    font-size: 20px;
    font-weight: 700;
    color: #00E676;
    text-shadow: 0 0 20px rgba(0, 230, 118, 0.5);
}

.profit-rate .rate-label {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 4px;
    display: block;
}

.profit-amount {
    margin-top: 16px;
}

.profit-amount .profit-value {
    font-size: 15px;
    font-weight: 600;
    color: #00E676;
}

.profit-amount .profit-label {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 4px;
    display: block;
}

/* 占比进度条 */
.holding-progress {
    height: 6px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 3px;
    margin-top: 20px;
    overflow: hidden;
    position: relative;
}

.holding-progress-bar {
    height: 100%;
    background: linear-gradient(90deg, #7B61FF 0%, #00D9FF 100%);
    border-radius: 3px;
    transition: width 1s cubic-bezier(0.23, 1, 0.32, 1);
    position: relative;
    overflow: hidden;
}

.holding-progress-bar::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    animation: progressShine 2s ease-in-out infinite;
}

@keyframes progressShine {
    0% { left: -100%; }
    100% { left: 100%; }
}

/* ==========================================
   标签样式
   ========================================== */
.tag {
    background: rgba(123, 97, 255, 0.15);
    color: #7B61FF;
    padding: 5px 14px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid rgba(123, 97, 255, 0.2);
}

/* ==========================================
   提示区域
   ========================================== */
.tips-section {
    background: rgba(255, 255, 255, 0.02);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 16px;
    padding: 20px;
    margin-bottom: 16px;
}

.section-title {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.tips-content p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    line-height: 2.2;
    position: relative;
    padding-left: 16px;
}

.tips-content p::before {
    content: '▸';
    position: absolute;
    left: 0;
    color: #7B61FF;
}

/* ==========================================
   详情页样式
   ========================================== */
.detail-page {
    padding-bottom: 110px;
}

.product-brief {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 18px 20px;
    margin-bottom: 16px;
}

.brief-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.brief-title {
    font-size: 20px;
    font-weight: 700;
    background: linear-gradient(135deg, #fff 0%, #8B9DC3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.brief-link {
    font-size: 12px;
    color: #7B61FF;
}

.brief-subtitle {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 6px;
}

/* 持仓数据卡片 */
.position-card {
    background: linear-gradient(135deg, rgba(123, 97, 255, 0.12) 0%, rgba(0, 217, 255, 0.08) 100%);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(123, 97, 255, 0.2);
    border-radius: 24px;
    padding: 28px 20px;
    margin-bottom: 16px;
    position: relative;
    overflow: hidden;
    animation: cardFloat 6s ease-in-out infinite;
}

.position-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #7B61FF 0%, #00D9FF 50%, #7B61FF 100%);
    background-size: 200% 100%;
    animation: gradientFlow 3s linear infinite;
}

.position-main {
    text-align: center;
    margin-bottom: 24px;
    position: relative;
    z-index: 1;
}

.position-label {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.6);
}

.position-value {
    font-size: 36px;
    font-weight: 700;
    margin-top: 10px;
    background: linear-gradient(135deg, #fff 0%, #8B9DC3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    letter-spacing: -1px;
}

.position-detail {
    display: flex;
    justify-content: space-around;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    position: relative;
    z-index: 1;
}

.position-item {
    text-align: center;
}

.position-item-value {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 4px;
}

.position-item-label {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.5);
}

/* 操作区域 */
.action-section {
    margin-bottom: 16px;
}

.action-item {
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 18px 20px;
    margin-bottom: 12px;
    transition: all 0.3s ease;
}

.action-item:active {
    background: rgba(123, 97, 255, 0.08);
    border-color: rgba(123, 97, 255, 0.2);
    transform: translateX(4px);
}

.action-icon {
    font-size: 22px;
    margin-right: 14px;
    filter: drop-shadow(0 0 10px rgba(123, 97, 255, 0.5));
}

.action-text {
    flex: 1;
    font-size: 15px;
    color: #fff;
    font-weight: 500;
}

.action-arrow {
    font-size: 20px;
    color: rgba(255, 255, 255, 0.3);
}

/* ==========================================
   收益相关样式
   ========================================== */
.yield-section {
    margin-bottom: 16px;
}

.yield-card {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    padding: 24px;
}

.yield-main {
    text-align: center;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    margin-bottom: 24px;
}

.yield-big-value {
    font-size: 44px;
    font-weight: 700;
    background: linear-gradient(135deg, #7B61FF 0%, #00D9FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    letter-spacing: -2px;
    animation: yieldPulse 3s ease-in-out infinite;
}

.yield-big-label {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 8px;
}

.yield-detail {
    display: flex;
    justify-content: space-around;
}

.yield-detail-item {
    text-align: center;
}

.yield-detail-value {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}

.yield-detail-label {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 6px;
}

/* ==========================================
   图表区域
   ========================================== */
.chart-section {
    margin-bottom: 16px;
}

.chart-container {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    padding: 20px;
}

#navChart, #profitChart {
    width: 100%;
    height: 220px;
}

/* ==========================================
   信息列表
   ========================================== */
.info-section {
    margin-bottom: 16px;
}

.info-list {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 0 20px;
}

.info-row {
    display: flex;
    justify-content: space-between;
    padding: 16px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.info-row:last-child {
    border-bottom: none;
}

.info-name {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
}

.info-text {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    text-align: right;
    max-width: 60%;
}

/* ==========================================
   底部操作栏
   ========================================== */
.action-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80px;
    background: rgba(10, 14, 26, 0.95);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    display: flex;
    padding: 16px;
    gap: 14px;
    border-top: 1px solid rgba(123, 97, 255, 0.1);
    z-index: 99;
    padding-bottom: 30px;
}

.btn-primary {
    flex: 1;
    background: linear-gradient(135deg, #7B61FF 0%, #00D9FF 100%);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border-radius: 28px;
    height: 48px;
    box-shadow: 0 4px 20px rgba(123, 97, 255, 0.4);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.btn-primary::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);
    transform: rotate(45deg);
    animation: btnShine 3s ease-in-out infinite;
}

@keyframes btnShine {
    0% { transform: rotate(45deg) translate(-150%, -150%); }
    100% { transform: rotate(45deg) translate(150%, 150%); }
}

.btn-primary:active {
    transform: scale(0.95);
    box-shadow: 0 2px 15px rgba(123, 97, 255, 0.6);
}

.btn-secondary {
    flex: 1;
    background: transparent;
    color: #7B61FF;
    font-size: 16px;
    font-weight: 600;
    border-radius: 28px;
    height: 48px;
    border: 2px solid rgba(123, 97, 255, 0.5);
    transition: all 0.3s ease;
}

.btn-secondary:active {
    background: rgba(123, 97, 255, 0.1);
    border-color: #7B61FF;
}

.btn-full {
    flex: none;
    width: 100%;
}

.btn-block {
    width: 100%;
    height: 50px;
    border-radius: 25px;
}

/* ==========================================
   认购页面
   ========================================== */
.subscribe-page {
    padding-bottom: 110px;
}

.agreement-section {
    margin-bottom: 16px;
}

.agreement-content {
    background: rgba(255, 255, 255, 0.02);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 16px;
    padding: 20px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    line-height: 2;
    max-height: 280px;
    overflow-y: auto;
}

.account-section {
    margin-bottom: 16px;
}

.account-info {
    background: linear-gradient(135deg, rgba(123, 97, 255, 0.1) 0%, rgba(0, 217, 255, 0.08) 100%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(123, 97, 255, 0.2);
    border-radius: 16px;
    padding: 20px;
}

.account-row {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
}

.account-row:first-child {
    padding-top: 0;
}

.account-row:last-child {
    padding-bottom: 0;
}

.account-label {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.6);
}

.account-value {
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    font-family: 'SF Mono', 'Consolas', monospace;
}

.copyable {
    color: #7B61FF;
}

.account-tips {
    margin-top: 16px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 12px;
    padding: 14px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    line-height: 1.8;
}

.contact-section {
    margin-bottom: 16px;
}

.contact-card {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 20px;
}

.contact-row {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
}

.contact-label {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.6);
}

.contact-value {
    font-size: 14px;
    color: #7B61FF;
    font-weight: 500;
}

.checkbox-section {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 18px 20px;
}

.checkbox-label {
    display: flex;
    align-items: center;
}

.checkbox-label input {
    width: 22px;
    height: 22px;
    margin-right: 12px;
    accent-color: #7B61FF;
}

.checkbox-text {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.7);
}

/* ==========================================
   交易记录/收益明细
   ========================================== */
.summary-card {
    background: linear-gradient(135deg, rgba(123, 97, 255, 0.15) 0%, rgba(0, 217, 255, 0.1) 100%);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(123, 97, 255, 0.25);
    border-radius: 20px;
    padding: 28px 20px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}

.summary-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #7B61FF 0%, #00D9FF 50%, #7B61FF 100%);
    background-size: 200% 100%;
    animation: gradientFlow 3s linear infinite;
}

.summary-row {
    display: flex;
    justify-content: space-around;
}

.summary-item {
    text-align: center;
}

.summary-value {
    font-size: 26px;
    font-weight: 700;
    background: linear-gradient(135deg, #fff 0%, #8B9DC3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.summary-label {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 8px;
}

.detail-list {
    margin-bottom: 20px;
}

.list-group {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    margin-bottom: 14px;
    overflow: hidden;
}

.list-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    background: rgba(255, 255, 255, 0.02);
    font-size: 13px;
    color: rgba(255, 255, 255, 0.6);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.month-total {
    font-weight: 600;
    color: #7B61FF;
}

.list-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    transition: background 0.3s ease;
}

.list-item:last-child {
    border-bottom: none;
}

.list-item:active {
    background: rgba(123, 97, 255, 0.05);
}

.item-left {
    display: flex;
    flex-direction: column;
}

.item-date {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
}

.item-desc {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 4px;
}

.item-right {
    font-size: 16px;
    font-weight: 600;
}

.trade-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.trade-item:last-child {
    border-bottom: none;
}

.trade-left {
    display: flex;
    align-items: center;
    gap: 14px;
}

.trade-type {
    font-size: 11px;
    padding: 4px 10px;
    border-radius: 6px;
    font-weight: 600;
}

.trade-type.buy {
    background: rgba(123, 97, 255, 0.2);
    color: #7B61FF;
    border: 1px solid rgba(123, 97, 255, 0.3);
}

.trade-type.subscribe {
    background: rgba(0, 230, 118, 0.15);
    color: #00E676;
    border: 1px solid rgba(0, 230, 118, 0.3);
}

.trade-type.sell {
    background: rgba(255, 71, 87, 0.15);
    color: #FF4757;
    border: 1px solid rgba(255, 71, 87, 0.3);
}

.trade-type.transfer {
    background: rgba(0, 217, 255, 0.15);
    color: #00D9FF;
    border: 1px solid rgba(0, 217, 255, 0.3);
}

.trade-type.settle {
    background: rgba(255, 193, 7, 0.15);
    color: #FFC107;
    border: 1px solid rgba(255, 193, 7, 0.3);
}

.trade-info {
    display: flex;
    flex-direction: column;
}

.trade-name {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
}

.trade-date {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 4px;
}

.trade-right {
    text-align: right;
}

.trade-amount {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
}

.trade-status {
    font-size: 11px;
    margin-top: 6px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
}

.trade-status.success {
    color: #00E676;
}

.trade-status.pending {
    color: #FFC107;
}

.empty-tip {
    text-align: center;
    padding: 50px 20px;
    color: rgba(255, 255, 255, 0.3);
    font-size: 14px;
}

/* ==========================================
   弹窗
   ========================================== */
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(10, 14, 26, 0.85);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    z-index: 200;
    align-items: flex-end;
    justify-content: center;
}

.modal.active {
    display: flex;
}

.modal-content {
    background: linear-gradient(180deg, #0d1220 0%, #0a0e1a 100%);
    border: 1px solid rgba(123, 97, 255, 0.2);
    width: 100%;
    max-height: 85vh;
    border-radius: 24px 24px 0 0;
    display: flex;
    flex-direction: column;
    animation: slideUp 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

@keyframes slideUp {
    from { transform: translateY(100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

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

.modal-title {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}

.modal-close {
    font-size: 28px;
    color: rgba(255, 255, 255, 0.4);
    font-weight: 300;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.modal-close:active {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

.modal-body {
    flex: 1;
    overflow-y: auto;
    padding: 20px;
}

.modal-footer {
    padding: 18px 20px 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

/* ==========================================
   颜色类
   ========================================== */
.positive { color: #00E676; text-shadow: 0 0 10px rgba(0, 230, 118, 0.5); }
.negative { color: #FF4757; text-shadow: 0 0 10px rgba(255, 71, 87, 0.5); }
.decrease { color: #FF4757; }
.white { color: #fff; }

.gradient-text {
    background: linear-gradient(135deg, #7B61FF 0%, #00D9FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ==========================================
   数字滚动动画
   ========================================== */
.number-scroll {
    display: inline-block;
    position: relative;
}

.number-scroll-inner {
    display: inline-block;
    animation: numberScroll 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}

@keyframes numberScroll {
    0% { transform: translateY(20px); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}

/* 卡片入场动画 */
.card-enter {
    opacity: 0;
    transform: translateY(30px);
    animation: cardEnter 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

@keyframes cardEnter {
    to { opacity: 1; transform: translateY(0); }
}

.card-enter:nth-child(1) { animation-delay: 0.1s; }
.card-enter:nth-child(2) { animation-delay: 0.2s; }
.card-enter:nth-child(3) { animation-delay: 0.3s; }
.card-enter:nth-child(4) { animation-delay: 0.4s; }

/* 底部声明 */
.footer {
    text-align: center;
    padding: 30px 16px;
    color: rgba(255, 255, 255, 0.3);
    font-size: 11px;
    line-height: 2;
}

/* ==========================================
   服务费/认购金额等
   ========================================== */
.fee-section { margin-bottom: 16px; }

.fee-card {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 20px;
}

.fee-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 16px;
}

.fee-table th, .fee-table td {
    padding: 14px 16px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.fee-table th {
    background: rgba(255, 255, 255, 0.03);
    font-size: 13px;
    font-weight: 600;
    color: #fff;
}

.fee-table td {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.7);
}

.fee-notes {
    background: rgba(255, 255, 255, 0.02);
    border-radius: 12px;
    padding: 16px;
}

.fee-notes-title {
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 12px;
}

.fee-notes-list { margin: 0; padding-left: 18px; }
.fee-notes-list li { font-size: 12px; color: rgba(255, 255, 255, 0.5); line-height: 2; }

.amount-section { margin-bottom: 16px; }

.amount-input-card {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 20px;
}

.amount-input-row {
    display: flex;
    align-items: center;
    border-bottom: 2px solid #7B61FF;
    padding-bottom: 14px;
}

.currency {
    font-size: 26px;
    font-weight: 700;
    background: linear-gradient(135deg, #7B61FF 0%, #00D9FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-right: 10px;
}

.amount-input {
    flex: 1;
    border: none;
    outline: none;
    font-size: 32px;
    font-weight: 600;
    color: #fff;
    background: transparent;
}

.amount-input::placeholder { color: rgba(255, 255, 255, 0.3); font-weight: 400; }
.unit { font-size: 15px; color: rgba(255, 255, 255, 0.5); margin-left: 10px; }
.amount-tip { font-size: 12px; color: rgba(255, 255, 255, 0.5); margin-top: 14px; }

/* ==========================================
   持仓卡片内按钮
   ========================================== */
.position-actions {
    display: flex;
    gap: 14px;
    margin-top: 22px;
    padding-top: 22px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.position-action-btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.05);
    color: #fff;
    padding: 14px 16px;
    border-radius: 14px;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.position-action-btn:active {
    background: rgba(123, 97, 255, 0.15);
    border-color: rgba(123, 97, 255, 0.3);
    transform: scale(0.98);
}

/* ==========================================
   风险提示
   ========================================== */
.risk-section {
    background: rgba(255, 71, 87, 0.08);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 71, 87, 0.2);
    border-left: 3px solid #FF4757;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 16px;
}

.risk-title {
    font-size: 14px;
    font-weight: 600;
    color: #FF4757;
    margin-bottom: 12px;
}

.risk-content p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6);
    line-height: 2;
}


/* Source inline page styles */
/* evaluate.html */

        * { box-sizing: border-box; }
        body { margin: 0; padding: 0; background: #f9fafb; }
        
        #particles-canvas { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; }
        
        /* 评分卡片 - 紫色渐变 */
        .score-card {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            border-radius: 16px;
            padding: 20px;
            color: white;
        }
        .score-main { font-size: 48px; font-weight: bold; line-height: 1; }
        .score-grade {
            display: inline-block;
            padding: 4px 16px;
            border-radius: 20px;
            font-size: 14px;
            font-weight: 600;
            margin-top: 8px;
            background: rgba(255,255,255,0.25);
        }
        
        /* 维度评分条 */
        .dim-bar {
            height: 8px;
            border-radius: 4px;
            background: #e5e7eb;
            overflow: hidden;
            margin-top: 6px;
        }
        .dim-fill {
            height: 100%;
            border-radius: 4px;
            transition: width 0.8s ease;
        }
        
        /* 用户消息 - 绿色 */
        .msg-user {
            display: flex;
            justify-content: flex-end;
            margin-bottom: 16px;
        }
        .bubble-user {
            background: linear-gradient(135deg, #10b981, #059669);
            color: white;
            padding: 12px 20px;
            border-radius: 20px 20px 4px 20px;
            max-width: 70%;
            font-size: 15px;
            box-shadow: 0 2px 12px rgba(16, 185, 129, 0.3);
        }
        
        /* AI消息 */
        .msg-ai { margin-bottom: 20px; }
        .bubble-ai {
            background: white;
            border-radius: 20px;
            padding: 16px;
            max-width: 100%;
            box-shadow: 0 2px 12px rgba(0,0,0,0.08);
        }
        
        /* 建议/风险标签 */
        .tag-advise {
            display: inline-block;
            padding: 6px 14px;
            border-radius: 20px;
            font-size: 13px;
            margin: 4px;
        }
        .tag-advise.good { background: #dbeafe; color: #1e40af; }
        .tag-advise.risk { background: #fee2e2; color: #991b1b; }
        
        /* PC导航 */
        .pc-nav {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            height: 90px;
            background: white;
            border-bottom: 1px solid #e5e7eb;
            z-index: 100;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 32px;
        }
        .pc-nav .logo-area {
            display: flex;
            align-items: center;
        }
        .pc-nav .logo-area img { height: 80px; width: 80px; object-fit: contain
            height: 80px;
            width: 80px;
            object-fit: contain;
        }
        .pc-nav .logo-area span {
            display: none;
        }
        .pc-nav nav {
            display: flex;
            gap: 8px;
        }
        .pc-nav nav a {
            padding: 8px 20px;
            border-radius: 10px;
            text-decoration: none;
            font-size: 15px;
            font-weight: 500;
            color: #374151;
            transition: all 0.2s;
        }
        .pc-nav nav a:hover {
            background: #f3f4f6;
        }
        .pc-nav nav a.active {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
        }
        
        /* 移动端导航 */
        .mobile-header {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            height: 72px;
            background: white;
            border-bottom: 1px solid #e5e7eb;
            z-index: 100;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 16px;
        }
        .mobile-header .logo-area {
            display: flex;
            align-items: center;
        }
        .mobile-header .logo-area img {
            height: 56px;
            width: 56px;
            object-fit: contain;
        }
            width: 56px;
            object-fit: contain;
        }
        .mobile-header .logo-area span {
            display: none;
        }
        
        /* 移动端底部Tab */
        .mobile-tab {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            height: 64px;
            background: white;
            border-top: 1px solid #e5e7eb;
            z-index: 100;
            display: flex;
            align-items: center;
            justify-content: space-around;
        }
        .mobile-tab a {
            flex: 1;
            text-align: center;
            padding-top: 8px;
            text-decoration: none;
            color: #9ca3af;
            transition: color 0.2s;
        }
        .mobile-tab a.active {
            color: #667eea;
        }
        .mobile-tab a span.icon { font-size: 24px; }
        .mobile-tab a span.label { font-size: 11px; display: block; margin-top: 2px; }
        
        /* 输入区 - 移动端固定底部，PC端初始居中 */
        .input-box {
            position: fixed;
            left: 0;
            right: 0;
            bottom: 64px;
            background: white;
            border-top: 1px solid #e5e7eb;
            padding: 12px 16px;
            z-index: 100;
            transition: all 0.3s ease;
        }
        /* PC端初始状态 - 居中（带提示文字） */
        @media (min-width: 1024px) {
            .input-box {
                position: fixed;
                top: 45%;
                left: 50%;
                transform: translate(-50%, -50%);
                bottom: auto;
                right: auto;
                width: 100%;
                max-width: 600px;
                border-top: none;
                background: white;
                padding: 32px 24px;
                border-radius: 24px;
                box-shadow: 0 12px 50px rgba(0,0,0,0.15);
            }
            /* 输入框上方的提示文字 */
            .input-box::before {
                content: "📊 输入股票名称开始AI测评";
                display: block;
                text-align: center;
                font-size: 18px;
                color: #374151;
                font-weight: 600;
                margin-bottom: 20px;
            }
            .input-box.moved-down {
                position: fixed;
                top: auto;
                bottom: 0;
                left: 0;
                right: 0;
                transform: none;
                max-width: none;
                border-top: 1px solid #e5e7eb;
                border-radius: 0;
                box-shadow: none;
                padding: 12px 16px;
            }
            .input-box.moved-down::before {
                display: none;
            }
            /* PC端隐藏空状态 */
            #empty-state {
                display: none;
            }
        }
        .input-box .input-row {
            display: flex;
            gap: 12px;
            max-width: 600px;
            margin: 0 auto;
        }
        .input-box input {
            flex: 1;
            padding: 14px 18px;
            border: 2px solid #e5e7eb;
            border-radius: 28px;
            font-size: 16px;
            outline: none;
            transition: border-color 0.2s;
        }
        .input-box input:focus {
            border-color: #667eea;
        }
        .input-box button {
            padding: 14px 28px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            border: none;
            border-radius: 28px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: transform 0.2s, box-shadow 0.2s;
        }
        .input-box button:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 20px rgba(102, 126, 234, 0.4);
        }
        
        /* 聊天区 */
        #chat-box {
            position: relative;
            z-index: 10;
            overflow-y: auto;
            padding: 20px;
        }
        
        /* PC端聊天区 - 有消息时底部留空给输入框 */
        @media (min-width: 1024px) {
            #chat-box {
                overflow-y: auto;
            }
        }
    

/* iqbot.html */

        * { box-sizing: border-box; margin: 0; padding: 0; }
        body { background: #f9fafb; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
        #particles-canvas { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; }
        
        /* 导航 */
        .nav-bar { position: fixed; top: 0; left: 0; right: 0; height: 100px; background: rgba(255,255,255,0.95); backdrop-filter: blur(20px); border-bottom: 1px solid rgba(0,0,0,0.06); z-index: 100; display: flex; align-items: center; justify-content: space-between; padding: 0 32px; }
        .nav-bar .logo-area { display: flex; align-items: center; }
        .nav-bar .logo-area img { height: 80px; width: 80px; object-fit: contain; }
        .nav-bar .logo-area span { display: none; }
        .nav-bar nav { display: flex; gap: 8px; }
        .nav-bar nav a { padding: 8px 20px; border-radius: 10px; text-decoration: none; font-size: 15px; font-weight: 500; color: #374151; transition: all 0.2s; }
        .nav-bar nav a:hover { background: #f3f4f6; }
        .nav-bar nav a.active { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; }
        
        .m-header { position: fixed; top: 0; left: 0; right: 0; height: 72px; background: rgba(255,255,255,0.95); backdrop-filter: blur(20px); border-bottom: 1px solid rgba(0,0,0,0.06); z-index: 100; display: flex; align-items: center; justify-content: space-between; padding: 0 16px; }
        .m-header .logo-area { display: flex; align-items: center; }
        .m-header .logo-area img { height: 56px; width: 56px; object-fit: contain; }
        .m-header .logo-area span { display: none; }
        
        .m-tab { position: fixed; bottom: 0; left: 0; right: 0; height: 72px; background: rgba(255,255,255,0.95); backdrop-filter: blur(20px); border-top: 1px solid rgba(0,0,0,0.06); z-index: 100; display: flex; align-items: center; justify-content: space-around; }
        .m-tab a { flex: 1; text-align: center; padding-top: 8px; text-decoration: none; color: #9ca3af; }
        .m-tab a.active { color: #667eea; }
        .m-tab a span.ic { font-size: 24px; display: block; }
        .m-tab a span.lb { font-size: 11px; display: block; margin-top: 2px; }
        
        /* Hero */
        .hero-section { position: relative; overflow: hidden; padding: 80px 20px 60px; text-align: center; }
        .hero-bg { position: absolute; top: -50%; left: -20%; width: 140%; height: 200%; background: radial-gradient(ellipse at 50% 0%, rgba(102,126,234,0.12) 0%, rgba(118,75,162,0.06) 40%, transparent 70%); z-index: -1; }
        .hero-icon { width: 120px; height: 120px; margin: 0 auto 24px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 32px; display: flex; align-items: center; justify-content: center; box-shadow: 0 20px 60px rgba(102,126,234,0.3); animation: float 3s ease-in-out infinite; }
        @keyframes float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        .hero-title { font-size: 44px; font-weight: 800; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 1.2; }
        .hero-sub { font-size: 20px; color: #6b7280; margin-top: 12px; }
        .hero-slogan { font-size: 16px; color: #9ca3af; margin-top: 24px; line-height: 1.8; }
        .hero-slogan em { font-style: normal; color: #667eea; font-weight: 600; }
        
        /* Section */
        .section { padding: 60px 20px; max-width: 960px; margin: 0 auto; }
        .section-title { font-size: 28px; font-weight: 700; color: #1f2937; margin-bottom: 12px; }
        .section-desc { font-size: 16px; color: #9ca3af; margin-bottom: 40px; }
        
        /* 优势卡片 - 改为统一单列，每张卡片内图文左右排列 */
        .feature-card {
            background: white;
            border-radius: 24px;
            padding: 40px;
            margin-bottom: 24px;
            box-shadow: 0 4px 24px rgba(0,0,0,0.05);
            display: flex;
            align-items: center;
            gap: 40px;
            transition: transform 0.3s, box-shadow 0.3s;
        }
        .feature-card:hover { transform: translateY(-4px); box-shadow: 0 8px 40px rgba(0,0,0,0.1); }
        .feature-card:nth-child(even) { flex-direction: row-reverse; }
        
        .feature-visual {
            flex-shrink: 0;
            width: 160px;
            height: 160px;
            border-radius: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden;
        }
        .feature-visual svg { width: 80px; height: 80px; }
        
        .feature-info { flex: 1; }
        .feature-info .tag { display: inline-block; padding: 4px 14px; border-radius: 20px; font-size: 13px; font-weight: 600; margin-bottom: 12px; }
        .feature-info h3 { font-size: 22px; font-weight: 700; color: #1f2937; margin-bottom: 12px; }
        .feature-info p { font-size: 15px; color: #6b7280; line-height: 1.8; }
        
        /* 手机端适配 - 统一竖向排列 */
        @media (max-width: 767px) {
            .feature-card, .feature-card:nth-child(even) { flex-direction: column; gap: 20px; padding: 24px; }
            .feature-visual { width: 100%; height: 140px; border-radius: 16px; }
            .feature-visual svg { width: 64px; height: 64px; }
            .feature-info h3 { font-size: 18px; }
            .hero-title { font-size: 32px; }
            .hero-icon { width: 90px; height: 90px; border-radius: 24px; }
            .section { padding: 40px 16px; }
        }
        
        /* 适合人群 */
        .audience-card { display: flex; align-items: center; gap: 20px; padding: 24px; background: white; border-radius: 20px; margin-bottom: 16px; box-shadow: 0 4px 20px rgba(0,0,0,0.04); transition: transform 0.3s, box-shadow 0.3s; }
        .audience-card:hover { transform: translateY(-4px); box-shadow: 0 8px 30px rgba(0,0,0,0.08); }
        .audience-card .icon-circle { width: 56px; height: 56px; border-radius: 16px; display: flex; align-items: center; justify-content: center; font-size: 28px; flex-shrink: 0; }
        .audience-card .text { font-size: 15px; color: #374151; font-weight: 500; line-height: 1.6; }
        
        /* 步骤 */
        .step-row { display: flex; gap: 20px; margin-bottom: 20px; }
        .step-item { flex: 1; background: white; border-radius: 20px; padding: 28px 24px; text-align: center; box-shadow: 0 4px 20px rgba(0,0,0,0.04); }
        .step-item .num { width: 40px; height: 40px; margin: 0 auto 16px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-weight: 700; font-size: 18px; }
        .step-item h4 { font-size: 17px; font-weight: 700; color: #1f2937; margin-bottom: 8px; }
        .step-item p { font-size: 13px; color: #9ca3af; line-height: 1.6; }
        @media (max-width: 767px) { .step-row { flex-direction: column; } }
        
        /* 风险提示 */
        .risk-box { background: linear-gradient(135deg, #fef3cd 0%, #fffbeb 100%); border-radius: 20px; padding: 28px; margin: 40px 20px; }
        
        /* CTA */
        .cta-btn { display: block; width: 100%; max-width: 420px; margin: 0 auto; padding: 20px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border: none; border-radius: 28px; font-size: 18px; font-weight: 700; cursor: pointer; box-shadow: 0 8px 30px rgba(102,126,234,0.3); text-align: center; transition: transform 0.2s; }
        .cta-btn:hover { transform: translateY(-2px); }
    

/* index.html */

        * { box-sizing: border-box; }
        body { margin: 0; padding: 0; background: #f9fafb; }
        
        #particles-canvas { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; }
        
        /* PC导航 */
        .pc-nav {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            height: 90px;
            background: white;
            border-bottom: 1px solid #e5e7eb;
            z-index: 100;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 32px;
        }
        .pc-nav .logo-area {
            display: flex;
            align-items: center;
        }
        .pc-nav .logo-area img { height: 80px; width: 80px; object-fit: contain
            height: 80px;
            width: 80px;
            object-fit: contain;
        }
        .pc-nav .logo-area span {
            display: none;
        }
        .pc-nav nav {
            display: flex;
            gap: 8px;
        }
        .pc-nav nav a {
            padding: 8px 20px;
            border-radius: 10px;
            text-decoration: none;
            font-size: 15px;
            font-weight: 500;
            color: #374151;
            transition: all 0.2s;
        }
        .pc-nav nav a:hover { background: #f3f4f6; }
        .pc-nav nav a.active {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
        }
        
        /* 移动端顶部 */
        .mobile-header {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            height: 72px;
            background: white;
            border-bottom: 1px solid #e5e7eb;
            z-index: 100;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 16px;
        }
        .mobile-header .logo-area {
            display: flex;
            align-items: center;
        }
        .mobile-header .logo-area img { height: 56px; width: 56px; object-fit: contain
            height: 72px;
            width: 56px;
            object-fit: contain;
        }
        .mobile-header .logo-area span {
            display: none;
        }
        
        /* 移动端底部Tab */
        .mobile-tab {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            height: 64px;
            background: white;
            border-top: 1px solid #e5e7eb;
            z-index: 100;
            display: flex;
            align-items: center;
            justify-content: space-around;
        }
        .mobile-tab a {
            flex: 1;
            text-align: center;
            padding-top: 8px;
            text-decoration: none;
            color: #9ca3af;
        }
        .mobile-tab a.active { color: #667eea; }
        .mobile-tab a span.icon { font-size: 24px; }
        .mobile-tab a span.label { font-size: 11px; display: block; margin-top: 2px; }
        
        /* 卡片样式 */
        .card {
            background: white;
            border-radius: 20px;
            padding: 24px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.06);
        }
        
        /* 功能入口 */
        .menu-item {
            display: flex;
            align-items: center;
            gap: 16px;
            padding: 20px;
            background: white;
            border-radius: 16px;
            margin-bottom: 12px;
            text-decoration: none;
            color: inherit;
            transition: transform 0.2s, box-shadow 0.2s;
            box-shadow: 0 2px 12px rgba(0,0,0,0.04);
        }
        .menu-item:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 20px rgba(0,0,0,0.08);
        }
        .menu-item .icon {
            font-size: 32px;
        }
        .menu-item .text {
            flex: 1;
        }
        .menu-item .text .title {
            font-size: 16px;
            font-weight: 600;
            color: #1f2937;
        }
        .menu-item .text .desc {
            font-size: 13px;
            color: #9ca3af;
            margin-top: 4px;
        }
        .menu-item .arrow {
            font-size: 20px;
            color: #d1d5db;
        }
    

/* product-detail.html */

        * { box-sizing: border-box; }
        body { margin: 0; padding: 0; background: #f9fafb; }
        #particles-canvas { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; }
        
        /* PC导航 */
        .pc-nav {
            position: fixed; top: 0; left: 0; right: 0; height: 100px; background: white; border-bottom: 1px solid #e5e7eb; z-index: 100; display: flex; align-items: center; justify-content: space-between; padding: 0 32px;
        }
        .pc-nav .logo-area { display: flex; align-items: center; gap: 12px; }
        .pc-nav .logo-area img { height: 80px; width: 80px; object-fit: contain}
        .pc-nav .logo-area span { font-size: 20px; font-weight: 700; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
        .pc-nav nav { display: flex; gap: 8px; }
        .pc-nav nav a { padding: 8px 20px; border-radius: 10px; text-decoration: none; font-size: 15px; font-weight: 500; color: #374151; transition: all 0.2s; }
        .pc-nav nav a:hover { background: #f3f4f6; }
        .pc-nav nav a.active { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; }
        
        /* 移动端顶部 */
        .mobile-header { position: fixed; top: 0; left: 0; right: 0; height: 72px; background: white; border-bottom: 1px solid #e5e7eb; z-index: 100; display: flex; align-items: center; padding: 0 16px; }
        .mobile-header .back { font-size: 24px; cursor: pointer; }
        .mobile-header .title { font-size: 18px; font-weight: 600; margin-left: 16px; }
        
        /* 移动端底部Tab */
        .mobile-tab { position: fixed; bottom: 0; left: 0; right: 0; height: 72px; background: white; border-top: 1px solid #e5e7eb; z-index: 100; display: flex; align-items: center; justify-content: space-around; }
        .mobile-tab a { flex: 1; text-align: center; padding-top: 8px; text-decoration: none; color: #9ca3af; }
        .mobile-tab a.active { color: #667eea; }
        .mobile-tab a span.icon { font-size: 24px; }
        .mobile-tab a span.label { font-size: 11px; display: block; margin-top: 2px; }
        
        .card { background: white; border-radius: 16px; padding: 20px; box-shadow: 0 4px 16px rgba(0,0,0,0.06); margin-bottom: 16px; }
        
        .cta-btn { display: block; width: 100%; max-width: 400px; margin: 0 auto; padding: 18px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border: none; border-radius: 28px; font-size: 18px; font-weight: 700; cursor: pointer; text-decoration: none; text-align: center; }
    

/* holding.html */

        * { box-sizing: border-box; }
        body { margin: 0; padding: 0; background: #f9fafb; }
        #particles-canvas { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; }
        
        .pc-nav { position: fixed; top: 0; left: 0; right: 0; height: 100px; background: white; border-bottom: 1px solid #e5e7eb; z-index: 100; display: flex; align-items: center; justify-content: space-between; padding: 0 32px; }
        .pc-nav .logo-area { display: flex; align-items: center; gap: 12px; }
        .pc-nav .logo-area img { height: 80px; width: 80px; object-fit: contain}
        .pc-nav .logo-area span { font-size: 20px; font-weight: 700; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
        .pc-nav nav { display: flex; gap: 8px; }
        .pc-nav nav a { padding: 8px 20px; border-radius: 10px; text-decoration: none; font-size: 15px; font-weight: 500; color: #374151; }
        .pc-nav nav a.active { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; }
        
        .mobile-header { position: fixed; top: 0; left: 0; right: 0; height: 72px; background: white; border-bottom: 1px solid #e5e7eb; z-index: 100; display: flex; align-items: center; padding: 0 16px; }
        .mobile-header .back { font-size: 24px; cursor: pointer; text-decoration: none; color: #374151; }
        .mobile-header .title { font-size: 18px; font-weight: 600; margin-left: 16px; }
        
        .mobile-tab { position: fixed; bottom: 0; left: 0; right: 0; height: 72px; background: white; border-top: 1px solid #e5e7eb; z-index: 100; display: flex; align-items: center; justify-content: space-around; }
        .mobile-tab a { flex: 1; text-align: center; padding-top: 8px; text-decoration: none; color: #9ca3af; }
        .mobile-tab a.active { color: #667eea; }
        .mobile-tab a span.icon { font-size: 24px; }
        .mobile-tab a span.label { font-size: 11px; display: block; margin-top: 2px; }
        
        .card { background: white; border-radius: 16px; padding: 20px; box-shadow: 0 4px 16px rgba(0,0,0,0.06); margin-bottom: 16px; }
        
        .holding-item { display: flex; align-items: center; gap: 16px; padding: 16px; background: white; border-radius: 12px; margin-bottom: 12px; text-decoration: none; color: inherit; box-shadow: 0 2px 12px rgba(0,0,0,0.04); transition: transform 0.2s; }
        .holding-item:hover { transform: translateY(-2px); }
    

/* holding-detail.html */

        * { box-sizing: border-box; }
        body { margin: 0; padding: 0; background: #f9fafb; }
        #particles-canvas { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; }
        
        .pc-nav { position: fixed; top: 0; left: 0; right: 0; height: 100px; background: white; border-bottom: 1px solid #e5e7eb; z-index: 100; display: flex; align-items: center; justify-content: space-between; padding: 0 32px; }
        .pc-nav .logo-area { display: flex; align-items: center; }
        .pc-nav .logo-area img { height: 80px; width: 80px; object-fit: contain}
        .pc-nav .logo-area span { display: none; }
        .pc-nav nav { display: flex; gap: 8px; }
        .pc-nav nav a { padding: 8px 20px; border-radius: 10px; text-decoration: none; font-size: 15px; font-weight: 500; color: #374151; transition: all 0.2s; }
        .pc-nav nav a:hover { background: #f3f4f6; }
        .pc-nav nav a.active { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; }
        
        .mobile-header { position: fixed; top: 0; left: 0; right: 0; height: 72px; background: white; border-bottom: 1px solid #e5e7eb; z-index: 100; display: flex; align-items: center; padding: 0 16px; }
        .mobile-header .back { font-size: 24px; cursor: pointer; text-decoration: none; color: #374151; }
        .mobile-header .title { font-size: 18px; font-weight: 600; margin-left: 16px; }
        
        .mobile-tab { position: fixed; bottom: 0; left: 0; right: 0; height: 72px; background: white; border-top: 1px solid #e5e7eb; z-index: 100; display: flex; align-items: center; justify-content: space-around; }
        .mobile-tab a { flex: 1; text-align: center; padding-top: 8px; text-decoration: none; color: #9ca3af; }
        .mobile-tab a.active { color: #667eea; }
        .mobile-tab a span.icon { font-size: 24px; }
        .mobile-tab a span.label { font-size: 11px; display: block; margin-top: 2px; }
        
        .card { background: white; border-radius: 16px; padding: 20px; box-shadow: 0 4px 16px rgba(0,0,0,0.06); margin-bottom: 16px; }
        
        .detail-row { display: flex; justify-content: space-between; align-items: center; padding: 12px 0; border-bottom: 1px solid #f3f4f6; }
        .detail-row:last-child { border-bottom: none; }
        .detail-row .label { font-size: 14px; color: #9ca3af; }
        .detail-row .value { font-size: 14px; font-weight: 600; color: #1f2937; }
        .detail-row .value.green { color: #10b981; }
        .detail-row .value.red { color: #ef4444; }
        
        .transfer-btn { display: block; width: 100%; padding: 18px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border: none; border-radius: 28px; font-size: 18px; font-weight: 700; cursor: pointer; text-align: center; box-shadow: 0 8px 30px rgba(102,126,234,0.3); transition: transform 0.2s; margin-top: 24px; }
        .transfer-btn:hover { transform: translateY(-2px); }
        .record-cancel-btn { margin-top: 6px; padding: 5px 10px; border-radius: 12px; background: #fee2e2; color: #dc2626; font-size: 12px; font-weight: 600; }
        .record-danger-btn { display: block; width: 100%; padding: 16px; border-radius: 28px; background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%); color: white; font-size: 17px; font-weight: 700; box-shadow: 0 8px 24px rgba(239,68,68,.22); }
        
        /* 转让弹窗 */
        .modal-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 200; display: none; align-items: center; justify-content: center; }
        .modal-overlay.show { display: flex; }
        .modal-box { background: white; border-radius: 24px; padding: 32px; max-width: 400px; width: 90%; }
        .modal-box h3 { font-size: 20px; font-weight: 700; color: #1f2937; margin-bottom: 20px; text-align: center; }
        .modal-box input { width: 100%; padding: 14px 18px; border: 2px solid #e5e7eb; border-radius: 16px; font-size: 16px; outline: none; margin-bottom: 12px; }
        .modal-box input:focus { border-color: #667eea; }
        .modal-box .hint { font-size: 13px; color: #9ca3af; margin-bottom: 20px; }
        .modal-btns { display: flex; gap: 12px; }
        .modal-btns button { flex: 1; padding: 14px; border-radius: 16px; font-size: 16px; font-weight: 600; cursor: pointer; border: none; }
        .modal-btns .cancel { background: #f3f4f6; color: #6b7280; }
        .modal-btns .confirm { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; }
    

/* subscribe.html */

        * { box-sizing: border-box; }
        body { margin: 0; padding: 0; background: #f9fafb; }
        #particles-canvas { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; }
        
        .pc-nav { position: fixed; top: 0; left: 0; right: 0; height: 100px; background: white; border-bottom: 1px solid #e5e7eb; z-index: 100; display: flex; align-items: center; justify-content: space-between; padding: 0 32px; }
        .pc-nav .logo-area { display: flex; align-items: center; gap: 12px; }
        .pc-nav .logo-area img { height: 80px; width: 80px; object-fit: contain}
        .pc-nav .logo-area span { font-size: 20px; font-weight: 700; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
        .pc-nav nav { display: flex; gap: 8px; }
        .pc-nav nav a { padding: 8px 20px; border-radius: 10px; text-decoration: none; font-size: 15px; font-weight: 500; color: #374151; }
        .pc-nav nav a.active { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; }
        
        .mobile-header { position: fixed; top: 0; left: 0; right: 0; height: 72px; background: white; border-bottom: 1px solid #e5e7eb; z-index: 100; display: flex; align-items: center; padding: 0 16px; }
        .mobile-header .back { font-size: 24px; cursor: pointer; text-decoration: none; color: #374151; }
        .mobile-header .title { font-size: 18px; font-weight: 600; margin-left: 16px; color: #1f2937; }
        
        .mobile-tab { position: fixed; bottom: 0; left: 0; right: 0; height: 72px; background: white; border-top: 1px solid #e5e7eb; z-index: 100; display: flex; align-items: center; justify-content: space-around; }
        .mobile-tab a { flex: 1; text-align: center; padding-top: 8px; text-decoration: none; color: #9ca3af; }
        .mobile-tab a.active { color: #667eea; }
        .mobile-tab a span.icon { font-size: 24px; }
        .mobile-tab a span.label { font-size: 11px; display: block; margin-top: 2px; }
        
        .card { background: white; border-radius: 16px; padding: 20px; box-shadow: 0 4px 16px rgba(0,0,0,0.06); margin-bottom: 16px; }
        
        .join-btn { display: flex; align-items: center; border: 2px solid #e5e7eb; border-radius: 12px; overflow: hidden; }
        .join-btn button { padding: 12px 20px; border: none; background: #f3f4f6; font-size: 18px; font-weight: 700; cursor: pointer; color: #6b7280; }
        .join-btn input { flex: 1; text-align: center; border: none; font-size: 18px; font-weight: 700; outline: none; padding: 12px; }
        
        .cta-btn { display: block; width: 100%; padding: 18px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border: none; border-radius: 28px; font-size: 18px; font-weight: 700; cursor: pointer; }
        .cta-btn:disabled { opacity: 0.5; cursor: not-allowed; }
    

/* trade-records.html */

        * { box-sizing: border-box; }
        body { margin: 0; padding: 0; background: #f9fafb; }
        #particles-canvas { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; }
        
        /* PC导航 */
        .pc-nav { position: fixed; top: 0; left: 0; right: 0; height: 100px; background: white; border-bottom: 1px solid #e5e7eb; z-index: 100; display: flex; align-items: center; justify-content: space-between; padding: 0 32px; }
        .pc-nav .logo-area { display: flex; align-items: center; }
        .pc-nav .logo-area img { height: 80px; width: 80px; object-fit: contain}
        .pc-nav .logo-area span { display: none; }
        .pc-nav nav { display: flex; gap: 8px; }
        .pc-nav nav a { padding: 8px 20px; border-radius: 10px; text-decoration: none; font-size: 15px; font-weight: 500; color: #374151; transition: all 0.2s; }
        .pc-nav nav a:hover { background: #f3f4f6; }
        .pc-nav nav a.active { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; }
        
        /* 移动端顶部 */
        .mobile-header { position: fixed; top: 0; left: 0; right: 0; height: 72px; background: white; border-bottom: 1px solid #e5e7eb; z-index: 100; display: flex; align-items: center; padding: 0 16px; }
        .mobile-header .back { font-size: 24px; cursor: pointer; text-decoration: none; color: #374151; }
        .mobile-header .title { font-size: 18px; font-weight: 600; margin-left: 16px; }
        
        /* 移动端底部Tab */
        .mobile-tab { position: fixed; bottom: 0; left: 0; right: 0; height: 72px; background: white; border-top: 1px solid #e5e7eb; z-index: 100; display: flex; align-items: center; justify-content: space-around; }
        .mobile-tab a { flex: 1; text-align: center; padding-top: 8px; text-decoration: none; color: #9ca3af; }
        .mobile-tab a.active { color: #667eea; }
        .mobile-tab a span.icon { font-size: 24px; }
        .mobile-tab a span.label { font-size: 11px; display: block; margin-top: 2px; }
        
        .card { background: white; border-radius: 16px; padding: 20px; box-shadow: 0 4px 16px rgba(0,0,0,0.06); margin-bottom: 16px; }
        
        .trade-item { display: flex; justify-content: space-between; align-items: center; padding: 16px 0; border-bottom: 1px solid #f3f4f6; }
        .trade-item:last-child { border-bottom: none; }
        .trade-item .left { display: flex; align-items: center; gap: 12px; }
        .trade-item .badge-type { padding: 4px 10px; border-radius: 12px; font-size: 12px; font-weight: 600; }
        .trade-item .badge-type.buy { background: #ecfdf5; color: #059669; }
        .trade-item .badge-type.sell { background: #fef3c7; color: #d97706; }
        .trade-item .name { font-size: 15px; font-weight: 600; color: #1f2937; }
        .trade-item .date { font-size: 13px; color: #9ca3af; margin-top: 4px; }
        .trade-item .right { text-align: right; }
        .trade-item .amount { font-size: 16px; font-weight: 700; }
        .trade-item .amount.positive { color: #10b981; }
        .trade-item .amount.negative { color: #f59e0b; }
        .trade-item .shares { font-size: 13px; color: #9ca3af; margin-top: 4px; }
        
        .filter-btn { padding: 6px 16px; border-radius: 20px; border: 1px solid #e5e7eb; background: white; font-size: 14px; cursor: pointer; transition: all 0.2s; }
        .filter-btn.active { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border-color: transparent; }
    

/* profit-detail.html */

        * { box-sizing: border-box; }
        body { margin: 0; padding: 0; background: #f9fafb; }
        #particles-canvas { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; }
        
        .pc-nav { position: fixed; top: 0; left: 0; right: 0; height: 100px; background: white; border-bottom: 1px solid #e5e7eb; z-index: 100; display: flex; align-items: center; justify-content: space-between; padding: 0 32px; }
        .pc-nav .logo-area { display: flex; align-items: center; }
        .pc-nav .logo-area img { height: 80px; width: 80px; object-fit: contain}
        .pc-nav .logo-area span { display: none; }
        .pc-nav nav { display: flex; gap: 8px; }
        .pc-nav nav a { padding: 8px 20px; border-radius: 10px; text-decoration: none; font-size: 15px; font-weight: 500; color: #374151; transition: all 0.2s; }
        .pc-nav nav a:hover { background: #f3f4f6; }
        .pc-nav nav a.active { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; }
        
        .mobile-header { position: fixed; top: 0; left: 0; right: 0; height: 72px; background: white; border-bottom: 1px solid #e5e7eb; z-index: 100; display: flex; align-items: center; padding: 0 16px; }
        .mobile-header .back { font-size: 24px; cursor: pointer; text-decoration: none; color: #374151; }
        .mobile-header .title { font-size: 18px; font-weight: 600; margin-left: 16px; }
        
        .mobile-tab { position: fixed; bottom: 0; left: 0; right: 0; height: 72px; background: white; border-top: 1px solid #e5e7eb; z-index: 100; display: flex; align-items: center; justify-content: space-around; }
        .mobile-tab a { flex: 1; text-align: center; padding-top: 8px; text-decoration: none; color: #9ca3af; }
        .mobile-tab a.active { color: #667eea; }
        .mobile-tab a span.icon { font-size: 24px; }
        .mobile-tab a span.label { font-size: 11px; display: block; margin-top: 2px; }
        
        .card { background: white; border-radius: 16px; padding: 20px; box-shadow: 0 4px 16px rgba(0,0,0,0.06); margin-bottom: 16px; }
        
        .flow-item { display: flex; justify-content: space-between; align-items: center; padding: 16px 0; border-bottom: 1px solid #f3f4f6; }
        .flow-item:last-child { border-bottom: none; }
        .flow-item .left { display: flex; align-items: center; gap: 12px; }
        .flow-item .icon { width: 40px; height: 40px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 20px; }
        .flow-item .icon.in { background: #ecfdf5; }
        .flow-item .icon.out { background: #fef3c7; }
        .flow-item .info .type { font-size: 15px; font-weight: 600; color: #1f2937; }
        .flow-item .info .date { font-size: 13px; color: #9ca3af; margin-top: 2px; }
        .flow-item .right { text-align: right; }
        .flow-item .amount { font-size: 16px; font-weight: 700; }
        .flow-item .amount.positive { color: #10b981; }
        .flow-item .amount.negative { color: #f59e0b; }
        .flow-item .balance { font-size: 13px; color: #9ca3af; margin-top: 2px; }
        
        .filter-btn { padding: 6px 16px; border-radius: 20px; border: 1px solid #e5e7eb; background: white; font-size: 14px; cursor: pointer; transition: all 0.2s; }
        .filter-btn.active { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border-color: transparent; }
    

/* trade-detail.html */


/* user_front integration fixes: keep source visuals, correct navigation placement. */
*{box-sizing:border-box;}
html,body{min-height:100%;}
body{margin:0;padding:0;background:#f9fafb;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;color:#1f2937;}
#app{position:relative;z-index:1;min-height:100vh;}
#particles-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;}
.user-front-shell{min-height:100vh;display:flex;flex-direction:column;}
.route-content{position:relative;z-index:1;flex:1 0 auto;padding-top:100px;padding-bottom:24px;}
.route-content main#main{padding-top:0!important;}
.pc-nav,.nav-bar{position:fixed!important;top:0!important;left:0!important;right:0!important;height:100px!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(20px);border-bottom:1px solid #e5e7eb!important;z-index:100!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 32px!important;}
.pc-nav .logo-area,.nav-bar .logo-area{display:flex;align-items:center;gap:12px;}
.pc-nav .logo-area img,.nav-bar .logo-area img{height:80px;width:80px;object-fit:contain;}
.pc-nav nav,.nav-bar nav{display:flex;gap:8px;}
.pc-nav nav a,.nav-bar nav a{padding:8px 20px;border-radius:10px;text-decoration:none;font-size:15px;font-weight:500;color:#374151;transition:all .2s;}
.pc-nav nav a:hover,.nav-bar nav a:hover{background:#f3f4f6;}
.pc-nav nav a.active,.nav-bar nav a.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;}
.mobile-header,.m-header{display:none!important;}
.mobile-tab,.m-tab{display:none!important;}
.product-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
.product-tags span{padding:5px 12px;border-radius:999px;background:#eef2ff;color:#667eea;font-size:12px;font-weight:600;}
.trade-item,.flow-item{cursor:pointer;}
.trade-item:hover,.flow-item:hover{background:#fafafa;border-radius:10px;padding-left:8px;padding-right:8px;}
.chart-card-canvas{width:100%;height:220px;display:block;}
@media (max-width:1023px){
  .pc-nav,.nav-bar{display:none!important;}
  .mobile-header,.m-header{position:fixed!important;top:0!important;left:0!important;right:0!important;height:72px!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(20px);border-bottom:1px solid #e5e7eb!important;z-index:100!important;display:flex!important;align-items:center!important;padding:0 16px!important;}
  .mobile-header .back,.m-header .back{font-size:24px;text-decoration:none;color:#374151;margin-right:12px;}
  .mobile-header .title,.m-header .title{font-size:18px;font-weight:600;color:#1f2937;}
  .mobile-header .logo-area img,.m-header .logo-area img{height:56px;width:56px;object-fit:contain;}
  .mobile-tab,.m-tab{position:fixed!important;bottom:0!important;left:0!important;right:0!important;height:72px!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(20px);border-top:1px solid #e5e7eb!important;z-index:100!important;display:flex!important;align-items:center!important;justify-content:space-around!important;}
  .mobile-tab a,.m-tab a{flex:1;text-align:center;padding-top:8px;text-decoration:none;color:#9ca3af;}
  .mobile-tab a.active,.m-tab a.active{color:#667eea;}
  .mobile-tab a span.icon,.m-tab a span.ic{font-size:24px;display:block;}
  .mobile-tab a span.label,.m-tab a span.lb{font-size:11px;display:block;margin-top:2px;}
  .route-content{padding-top:72px;padding-bottom:92px;}
  .route-content main#main{padding-top:0!important;}
}


/* user_front evaluate page refinements */
.eval-result-card{position:relative;max-width:450px;margin:24px auto 32vh;background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.06);color:#1f2937;}
.eval-card-close{position:absolute;top:14px;right:14px;width:28px;height:28px;border:1px solid transparent;border-radius:50%;background:transparent;color:#667eea;font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:all .18s ease;padding:0;}
.eval-card-close:hover{border-color:rgba(102,126,234,.28);background:rgba(102,126,234,.06);color:#4f46e5;}
.eval-result-title{font-size:20px;font-weight:800;margin-bottom:16px;}
.eval-score{font-size:16px;color:#374151;margin-bottom:14px;}
.eval-score strong{font-size:24px;color:#667eea;}
.eval-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid #f3f4f6;font-size:15px;color:#374151;}
.eval-stars{letter-spacing:2px;color:#f59e0b;font-size:18px;white-space:nowrap;}
.eval-star-empty{color:#e5e7eb;}
.eval-summary{display:grid;grid-template-columns:48px 1fr;gap:12px;padding-top:14px;border-top:1px solid #f3f4f6;color:#374151;}
.eval-summary span{font-weight:700;}
.eval-summary p{margin:0;line-height:1.8;color:#6b7280;word-break:break-word;white-space:normal;}
@media (min-width:1024px){
  .route-content #chat-box{min-height:calc(100vh - 100px);padding:28px 20px 34vh;overflow-y:auto;}
  .route-content #empty-state{display:block!important;padding-top:0!important;text-align:center;}
  .route-content #empty-state div{font-size:52px!important;}
  .route-content #empty-state p:first-of-type{font-size:22px!important;font-weight:700;color:#1f2937!important;}
  .route-content #msgs{max-width:450px;margin:0 auto;}
  .route-content .input-box{position:fixed!important;top:auto!important;bottom:64px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:min(600px, calc(100vw - 48px))!important;background:transparent!important;padding:0!important;box-shadow:none!important;z-index:120!important;}
  .route-content .input-box::before{display:none!important;}
  .route-content .input-box .input-row{max-width:600px;width:100%;margin:0 auto;}
}
@media (max-width:1023px){
  .eval-result-card{margin:16px 16px 120px;}
  .eval-summary{grid-template-columns:42px 1fr;}
}

.eval-stars em{font-style:normal;color:#6b7280;font-size:14px;letter-spacing:0;margin-left:8px;}


/* user_front evaluate score grid */
.eval-metric-grid{display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;grid-template-rows:repeat(3,46px)!important;column-gap:22px!important;row-gap:0!important;align-items:stretch!important;margin:10px 0 18px!important;}
.eval-score-large{grid-column:1!important;grid-row:1 / 4!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;min-height:138px!important;border-radius:18px;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.08));border:1px solid rgba(102,126,234,.16);padding-top:14px!important;}
.eval-score-large span{font-size:15px;color:#6b7280;margin-bottom:18px;line-height:18px;}
.eval-score-large strong{font-size:42px;line-height:1;font-weight:900;color:#667eea;}
.eval-score-large.eval-score-status strong{font-size:28px;line-height:1.2;}
.eval-metric-grid .eval-row{grid-column:2!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border-top:0!important;border-bottom:1px solid #f3f4f6!important;min-height:46px!important;padding:0!important;gap:12px!important;}
.eval-metric-grid .eval-row:nth-of-type(2){grid-row:1!important;}
.eval-metric-grid .eval-row:nth-of-type(3){grid-row:2!important;}
.eval-metric-grid .eval-row:nth-of-type(4){grid-row:3!important;border-bottom:0!important;}
.eval-metric-grid .eval-row>span:first-child{font-weight:700;color:#374151;white-space:nowrap;}
@media (max-width:420px){
  .eval-metric-grid{grid-template-columns:128px minmax(0,1fr)!important;grid-template-rows:repeat(3,42px)!important;column-gap:12px!important;}
  .eval-score-large{min-height:126px!important;border-radius:16px;padding-top:12px!important;}
  .eval-score-large strong{font-size:32px;}
  .eval-score-large.eval-score-status strong{font-size:22px;}
  .eval-stars{font-size:16px;letter-spacing:1px;}
}

/* user_front evaluate message stack */
#msgs{padding-bottom:18px;}
.eval-result-card + .eval-result-card{margin-top:46px;}
@media (min-width:1024px){
  .route-content #chat-box{scroll-behavior:smooth;}
  .route-content #msgs{padding-bottom:6vh;}
}


/* user_front evaluate spacing override */
@media (min-width:1024px){
  .route-content #chat-box{padding-bottom:150px!important;}
  .route-content #msgs{max-width:450px!important;margin:0 auto!important;}
  .route-content .input-box{bottom:64px!important;}
  .eval-result-card{max-width:450px!important;}
  .eval-result-card + .eval-result-card{margin-top:92px!important;}
}
@media (max-width:1023px){
  .eval-result-card + .eval-result-card{margin-top:46px!important;}
}


/* user_front evaluate chat layout final */
.route-content #main:has(#chat-box){height:auto!important;}
.route-content #chat-box{box-sizing:border-box!important;overflow-y:auto!important;scroll-behavior:smooth!important;}
.route-content #msgs.has-results{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;}
.route-content #msgs.has-results .eval-result-card{margin-left:auto!important;margin-right:auto!important;margin-bottom:0!important;}
.route-content #msgs.has-results .eval-result-card + .eval-result-card{margin-top:46px!important;}
@media (min-width:1024px){
  .route-content #chat-box{height:calc(100vh - 100px)!important;min-height:0!important;padding:24px 20px 142px!important;}
  .route-content #msgs.has-results{min-height:100%!important;max-width:450px!important;margin:0 auto!important;padding:0!important;}
  .route-content #msgs.has-results .eval-result-card{width:450px!important;max-width:450px!important;margin-top:0!important;}
  .route-content #msgs.has-results .eval-result-card + .eval-result-card{margin-top:92px!important;}
  .route-content .input-box{bottom:64px!important;width:min(600px, calc(100vw - 48px))!important;}
}
@media (max-width:1023px){
  .route-content #chat-box{height:calc(100vh - 72px)!important;min-height:0!important;padding:16px 0 158px!important;}
  .route-content #msgs.has-results{min-height:100%!important;margin:0!important;padding:0 16px!important;}
  .route-content #msgs.has-results .eval-result-card{width:100%!important;max-width:600px!important;margin-top:0!important;}
  .route-content .input-box{position:fixed!important;left:0!important;right:0!important;bottom:84px!important;top:auto!important;transform:none!important;z-index:120!important;background:transparent!important;box-shadow:none!important;}
  .route-content .input-box .input-row{max-width:600px!important;margin:0 auto!important;padding:0 16px!important;}
}


/* user_front evaluate scoped viewport layout */
.route-evaluate .route-content{height:100vh!important;min-height:100vh!important;overflow:hidden!important;padding-bottom:0!important;}
.route-evaluate #main{height:auto!important;margin:0!important;padding:0!important;}
.route-evaluate #chat-box{box-sizing:border-box!important;overflow-y:auto!important;scroll-behavior:smooth!important;}
.route-evaluate #msgs.has-results{box-sizing:border-box!important;min-height:100%!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;margin:0 auto!important;}
.route-evaluate #msgs.has-results .eval-result-card{margin-left:auto!important;margin-right:auto!important;margin-top:0!important;margin-bottom:0!important;}
.route-evaluate #msgs.has-results .eval-result-card + .eval-result-card{margin-top:46px!important;}
@media (min-width:1024px){
  .route-evaluate .route-content{padding-top:100px!important;}
  .route-evaluate #chat-box{height:calc(100vh - 232px)!important;margin:0!important;padding:24px 20px 18px!important;}
  .route-evaluate #msgs.has-results{width:450px!important;max-width:450px!important;padding:0!important;}
  .route-evaluate #msgs.has-results .eval-result-card{width:450px!important;max-width:450px!important;}
  .route-evaluate #msgs.has-results .eval-result-card + .eval-result-card{margin-top:92px!important;}
  .route-evaluate .input-box{position:fixed!important;left:50%!important;right:auto!important;bottom:64px!important;top:auto!important;transform:translateX(-50%)!important;width:min(600px, calc(100vw - 48px))!important;padding:0!important;background:transparent!important;box-shadow:none!important;z-index:120!important;}
  .route-evaluate .input-box .input-row{width:100%!important;max-width:600px!important;margin:0 auto!important;padding:0!important;}
}
@media (max-width:1023px){
  .route-evaluate .route-content{padding-top:72px!important;}
  .route-evaluate #chat-box{height:calc(100vh - 218px)!important;margin:0!important;padding:16px 16px 14px!important;}
  .route-evaluate #msgs.has-results{width:100%!important;max-width:600px!important;padding:0!important;}
  .route-evaluate #msgs.has-results .eval-result-card{width:100%!important;max-width:600px!important;}
  .route-evaluate .input-box{position:fixed!important;left:0!important;right:0!important;bottom:84px!important;top:auto!important;transform:none!important;width:100%!important;padding:0!important;background:transparent!important;box-shadow:none!important;z-index:120!important;}
  .route-evaluate .input-box .input-row{width:100%!important;max-width:600px!important;margin:0 auto!important;padding:0 16px!important;}
}


/* user_front evaluate definitive chat viewport */
.route-evaluate .route-content{height:100vh!important;min-height:100vh!important;overflow:hidden!important;padding-bottom:0!important;}
.route-evaluate #main{height:auto!important;margin:0!important;padding:0!important;}
.route-evaluate #chat-box{box-sizing:border-box!important;overflow-y:auto!important;scroll-behavior:smooth!important;}
.route-evaluate #empty-state{height:100%!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;}
.route-evaluate #empty-state[style*="none"]{display:none!important;}
.route-evaluate #msgs.has-results{box-sizing:border-box!important;min-height:0!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;margin:0 auto!important;}
.route-evaluate #msgs.has-results .eval-result-card{margin:0 auto!important;}
.route-evaluate #msgs.has-results .eval-result-card + .eval-result-card{margin-top:46px!important;}
@media (min-width:1024px){
  .route-evaluate .route-content{padding-top:100px!important;}
  .route-evaluate #chat-box{height:calc(100vh - 232px)!important;margin:0!important;padding:24px 20px 18px!important;}
  .route-evaluate #msgs.has-results{width:450px!important;max-width:450px!important;padding:0!important;}
  .route-evaluate #msgs.has-results .eval-result-card{width:450px!important;max-width:450px!important;}
  .route-evaluate #msgs.has-results .eval-result-card + .eval-result-card{margin-top:92px!important;}
  .route-evaluate .input-box{position:fixed!important;left:50%!important;right:auto!important;bottom:64px!important;top:auto!important;transform:translateX(-50%)!important;width:min(600px, calc(100vw - 48px))!important;padding:0!important;background:transparent!important;box-shadow:none!important;z-index:120!important;}
  .route-evaluate .input-box::before{display:none!important;}
  .route-evaluate .input-box .input-row{width:100%!important;max-width:600px!important;margin:0 auto!important;padding:0!important;}
}
@media (max-width:1023px){
  .route-evaluate .route-content{padding-top:72px!important;}
  .route-evaluate #chat-box{height:calc(100vh - 218px)!important;margin:0!important;padding:16px 16px 14px!important;}
  .route-evaluate #msgs.has-results{width:100%!important;max-width:600px!important;padding:0!important;}
  .route-evaluate #msgs.has-results .eval-result-card{width:100%!important;max-width:600px!important;}
  .route-evaluate .input-box{position:fixed!important;left:0!important;right:0!important;bottom:84px!important;top:auto!important;transform:none!important;width:100%!important;padding:0!important;background:transparent!important;box-shadow:none!important;z-index:120!important;}
  .route-evaluate .input-box::before{display:none!important;}
  .route-evaluate .input-box .input-row{width:100%!important;max-width:600px!important;margin:0 auto!important;padding:0 16px!important;}
}


/* user_front evaluate mobile input polish */
@media (max-width:1023px){
  .route-evaluate .input-box{height:72px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-top:0!important;background:rgba(249,250,251,.94)!important;box-shadow:none!important;}
  .route-evaluate .input-box::before{display:none!important;content:none!important;}
  .route-evaluate .input-box .input-row{display:flex!important;align-items:center!important;height:48px!important;}
  .route-evaluate .input-box input{height:48px!important;line-height:48px!important;padding-top:0!important;padding-bottom:0!important;}
  .route-evaluate .input-box button{height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding-top:0!important;padding-bottom:0!important;}
}


/* user_front icon packs: icon1 emoji, icon2 minimal line SVG */
.uf-icon{display:inline-flex;width:1.15em;height:1.15em;align-items:center;justify-content:center;vertical-align:-0.16em;color:currentColor;}
.uf-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.icon-theme-icon2 .pc-nav nav a,.icon-theme-icon2 .mobile-tab a{display:flex;align-items:center;justify-content:center;gap:6px;}
.icon-theme-icon2 .mobile-tab a{flex-direction:column;gap:2px;}
.icon-theme-icon2 .mobile-tab a .icon{display:flex;justify-content:center;align-items:center;height:26px;}
.icon-theme-icon2 .mobile-tab a .uf-icon{font-size:24px;}
.icon-theme-icon2 .menu-item .icon{display:flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:12px;background:#eef2ff;color:#667eea;font-size:22px;flex-shrink:0;}
.icon-theme-icon2 .holding-item>div:first-child{font-size:0!important;}
.icon-theme-icon2 .holding-item>div:first-child .uf-icon{font-size:28px;color:white;}
.icon-theme-icon2 .flow-item .icon{color:#667eea;}
.icon-theme-icon2 .flow-item .icon.in{color:#059669;}
.icon-theme-icon2 .flow-item .icon.out{color:#d97706;}
.icon-theme-icon2 .card h3 .uf-icon,.icon-theme-icon2 h2 .uf-icon,.icon-theme-icon2 .section-title .uf-icon{margin-right:6px;color:#667eea;}
.icon-theme-icon2 .cta-btn .uf-icon{margin-right:6px;}


/* icon2-icon5 variants */
/* 图标3：Heroicons 风格，标准粗描边，不加背景块 */
.icon-theme-icon3 .uf-icon{color:currentColor;background:transparent!important;border:0!important;padding:0!important;border-radius:0!important;}
.icon-theme-icon3 .uf-icon svg{fill:none!important;stroke:currentColor!important;stroke-width:2.05;stroke-linecap:round;stroke-linejoin:round;filter:none!important;}
.icon-theme-icon3 .menu-item .icon{background:#f8fafc;color:#475569;border:1px solid #e2e8f0;}
.icon-theme-icon3 .menu-item:hover .icon{color:#667eea;border-color:#c7d2fe;background:#eef2ff;}
.icon-theme-icon3 .mobile-tab a.active .uf-icon,.icon-theme-icon3 .pc-nav nav a.active .uf-icon{color:currentColor;}
.icon-theme-icon3 .card h3 .uf-icon,.icon-theme-icon3 h2 .uf-icon,.icon-theme-icon3 .section-title .uf-icon{color:#64748b;margin-right:6px;}

/* 图标4：Lucide 风格，轻量圆角线性，整体更细更克制 */
.icon-theme-icon4 .uf-icon{color:currentColor;background:transparent!important;border:0!important;padding:0!important;border-radius:0!important;}
.icon-theme-icon4 .uf-icon svg{fill:none!important;stroke:currentColor!important;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;filter:none!important;}
.icon-theme-icon4 .menu-item .icon{background:transparent;color:#334155;border:1px solid #e5e7eb;}
.icon-theme-icon4 .menu-item:hover .icon{color:#2563eb;border-color:#bfdbfe;background:#eff6ff;}
.icon-theme-icon4 .mobile-tab a.active .uf-icon,.icon-theme-icon4 .pc-nav nav a.active .uf-icon{color:currentColor;}
.icon-theme-icon4 .card h3 .uf-icon,.icon-theme-icon4 h2 .uf-icon,.icon-theme-icon4 .section-title .uf-icon{color:#334155;margin-right:6px;}

.icon-theme-icon5 .uf-icon svg{stroke-width:1.25;filter:drop-shadow(1.6px 1.6px 0 rgba(102,126,234,.22));}
.icon-theme-icon5 .menu-item .icon{background:#fff;border:1px solid #dbeafe;color:#2563eb;}
.icon-theme-icon5 .card h3 .uf-icon,.icon-theme-icon5 h2 .uf-icon,.icon-theme-icon5 .section-title .uf-icon{color:#2563eb;}


/* user_front profile avatar icon */
.profile-avatar-icon{font-size:64px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;color:#667eea;}
.icon-theme-icon2 .profile-avatar-icon,.icon-theme-icon3 .profile-avatar-icon,.icon-theme-icon4 .profile-avatar-icon,.icon-theme-icon5 .profile-avatar-icon{width:72px;height:72px;margin:0 auto 12px;border-radius:24px;background:#eef2ff;color:#667eea;font-size:34px;}
.icon-theme-icon3 .profile-avatar-icon{background:#f8fafc;color:#475569;border:1px solid #e2e8f0;}
.icon-theme-icon4 .profile-avatar-icon{background:#fff;color:#334155;border:1px solid #e5e7eb;}
.icon-theme-icon5 .profile-avatar-icon{background:#fff;color:#2563eb;border:1px solid #dbeafe;}
.profile-avatar-icon .uf-icon{width:1.25em;height:1.25em;}


/* user_front mock contract signing page */
.sign-page{max-width:720px;margin:0 auto;padding:20px 16px 110px;}
.sign-brand-card{display:flex;align-items:center;gap:14px;background:#fff;border-radius:18px;padding:16px;box-shadow:0 4px 20px rgba(0,0,0,.06);margin-bottom:16px;}
.sign-brand-logo{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#2563eb,#667eea);color:#fff;font-weight:900;font-size:18px;display:flex;align-items:center;justify-content:center;letter-spacing:1px;}
.sign-brand-title{font-size:18px;font-weight:900;color:#1f2937;}.sign-brand-sub{font-size:13px;color:#9ca3af;margin-top:4px;}.sign-status{margin-left:auto;padding:6px 12px;border-radius:999px;background:#fff7ed;color:#d97706;font-size:12px;font-weight:800;}
.sign-doc-card{background:#fff;border-radius:18px;box-shadow:0 4px 20px rgba(0,0,0,.06);overflow:hidden;}.sign-doc-head{padding:22px 22px 16px;border-bottom:1px solid #f3f4f6;text-align:center;}.sign-doc-head h2{margin:0;font-size:22px;font-weight:900;color:#111827;}.sign-doc-head p{margin:8px 0 0;color:#9ca3af;font-size:13px;}
.sign-doc-content{padding:22px;color:#374151;line-height:1.9;font-size:14px;max-height:52vh;overflow-y:auto;}.sign-doc-content h3{font-size:16px;font-weight:900;color:#1f2937;margin:18px 0 8px;}.sign-doc-content h3:first-child{margin-top:0;}.sign-doc-content p{margin:0 0 10px;}
.sign-name-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f3f4f6;padding:16px 22px;color:#6b7280;}.sign-name-row strong{font-size:18px;color:#111827;font-family:'Brush Script MT','Segoe Script',cursive;}
.sign-action-bar{position:fixed;left:0;right:0;bottom:0;z-index:120;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-top:1px solid #e5e7eb;padding:12px 16px;display:flex;gap:12px;justify-content:center;}.sign-action-bar a,.sign-action-bar button{width:min(210px,45vw);height:46px;border-radius:24px;font-size:15px;font-weight:900;text-decoration:none;display:flex;align-items:center;justify-content:center;cursor:pointer;}.sign-secondary{background:#f3f4f6;color:#374151;border:0;}.sign-primary{border:0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 6px 18px rgba(102,126,234,.28);}
@media (max-width:767px){.sign-page{padding-top:16px;padding-bottom:96px;}.sign-doc-content{max-height:48vh;padding:18px;}.sign-brand-card{padding:14px;}.sign-doc-head h2{font-size:19px;}.sign-action-bar{bottom:72px;}.sign-action-bar a,.sign-action-bar button{width:50%;}}


/* user_front evaluate empty icon theme */
.evaluate-empty-icon{font-size:72px;opacity:.15;display:flex;align-items:center;justify-content:center;color:#667eea;margin-bottom:10px;}
.icon-theme-icon2 .evaluate-empty-icon,.icon-theme-icon3 .evaluate-empty-icon,.icon-theme-icon4 .evaluate-empty-icon,.icon-theme-icon5 .evaluate-empty-icon{opacity:1;width:72px;height:72px;margin:0 auto 16px;border-radius:24px;background:#eef2ff;color:#667eea;font-size:34px;}
.icon-theme-icon3 .evaluate-empty-icon{background:#f8fafc;color:#475569;border:1px solid #e2e8f0;}
.icon-theme-icon4 .evaluate-empty-icon{background:#fff;color:#334155;border:1px solid #e5e7eb;}
.icon-theme-icon5 .evaluate-empty-icon{background:#fff;color:#2563eb;border:1px solid #dbeafe;}
.evaluate-empty-icon .uf-icon{width:1.25em;height:1.25em;}
.evaluate-recommend{width:min(720px,94vw);margin:18px auto 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 12px;padding:0 8px;box-sizing:border-box;max-height:138px;overflow:hidden;background:transparent;}
.evaluate-recommend-btn{border:1px solid rgba(17,24,39,.14);background:transparent;color:#111827;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700;line-height:1.25;box-shadow:none;cursor:pointer;transition:all .18s ease;white-space:normal;overflow:visible;text-overflow:clip;word-break:keep-all;display:flex;align-items:center;justify-content:center;text-align:center;min-height:36px;}
.evaluate-recommend-btn:hover{transform:translateY(-1px);border-color:rgba(17,24,39,.26);background:rgba(255,255,255,.24);}
@media (min-width:1024px){
  .evaluate-recommend{width:720px;gap:12px 14px;max-height:144px;}
}
@media (max-width:1023px){
  .evaluate-recommend{width:min(390px,96vw);margin-top:16px;gap:9px 8px;padding:0 4px;max-height:132px;}
  .evaluate-recommend-btn{padding:8px 6px;font-size:12px;min-height:36px;}
}

/* user_front project detail */
.project-detail-icon{
  width:72px;
  height:72px;
  margin:0 auto 12px;
  border-radius:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:inset 0 0 18px rgba(255,255,255,.08);
  color:#fff;
  font-size:34px;
}
.project-detail-icon .uf-icon{width:34px;height:34px;}
.project-detail-icon svg{stroke:#fff;}
.project-nav-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.project-nav-grid>div{
  text-align:center;
  padding:16px;
  background:#f9fafb;
  border-radius:12px;
}
.project-nav-grid span{
  display:block;
  font-size:13px;
  color:#9ca3af;
}
.project-nav-grid b{
  display:block;
  margin-top:6px;
  font-size:24px;
  line-height:1.15;
  color:#10b981;
}
.project-info-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.project-info-cell{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:12px;
  background:#f9fafb;
  border-radius:8px;
}
.project-info-cell span{
  color:#6b7280;
  font-size:14px;
  white-space:nowrap;
}
.project-info-cell b{
  color:#1f2937;
  font-size:16px;
  font-weight:800;
  text-align:right;
  word-break:break-all;
}
.project-chart-range{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin-bottom:12px;
  padding:5px;
  border:1px solid #e5e7eb;
  border-radius:18px;
  background:#f9fafb;
}
.project-chart-range button{
  height:32px;
  border-radius:13px;
  color:#6b7280;
  background:transparent;
  border:0;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.project-chart-range button.on{
  color:#fff;
  background:linear-gradient(135deg,#667eea,#764ba2);
  box-shadow:0 8px 18px rgba(102,126,234,.22);
}
.project-chart-card{
  padding:15px;
  border-radius:22px;
  background:linear-gradient(180deg,#fff,#f8f9ff);
  border:1px solid #eef0f4;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 14px 34px rgba(31,41,55,.06);
}
.project-chart-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
}
.project-chart-head span{
  display:block;
  color:#9ca3af;
  font-size:12px;
  font-weight:800;
}
.project-chart-head strong{
  display:block;
  margin-top:3px;
  font-size:30px;
  line-height:1;
  letter-spacing:-.04em;
  color:#1f2937;
}
.project-chart-change{
  padding-top:2px;
  text-align:right;
  white-space:nowrap;
  color:#ef4444;
}
.project-chart-change.up{color:#ef4444;}
.project-chart-change.down{color:#10b981;}
.project-chart-change.flat{color:#6b7280;}
.project-chart-change b,.project-chart-change em{
  display:block;
  font-style:normal;
}
.project-chart-change b{font-size:16px;}
.project-chart-change em{margin-top:2px;font-size:12px;}
.project-chart-mode{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:8px;
  color:#9ca3af;
  font-size:12px;
}
.project-chart-mode span:first-child{
  padding:4px 10px;
  border-radius:999px;
  color:#fff;
  background:linear-gradient(135deg,#667eea,#764ba2);
  box-shadow:0 8px 16px rgba(102,126,234,.2);
}
.project-chart-stage{
  position:relative;
  overflow:hidden;
  border-radius:16px;
  background:
    linear-gradient(rgba(102,126,234,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(102,126,234,.045) 1px, transparent 1px),
    #fbfcff;
  background-size:100% 58px,42px 100%,auto;
  border:1px solid #eef0f4;
}
.project-chart-svg{
  display:block;
  width:100%;
  height:174px;
  touch-action:none;
}
.project-chart-line{
  fill:none;
  stroke:#667eea;
  stroke-width:2.4;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 5px rgba(102,126,234,.36));
}
.project-chart-benchmark-line{
  fill:none;
  stroke:#ef4444;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.95;
}
.project-chart-area{
  fill:rgba(102,126,234,.12);
}

.project-chart-grid{
  stroke:rgba(102,126,234,.13);
  stroke-width:1;
}
.project-chart-cross{
  stroke:rgba(31,41,55,.38);
  stroke-width:1;
  stroke-dasharray:4 4;
}
.project-chart-dot{
  fill:#fff;
  stroke:#667eea;
  stroke-width:2;
  filter:drop-shadow(0 0 6px rgba(102,126,234,.55));
}
.project-chart-benchmark-dot{
  fill:#fff;
  stroke:#ef4444;
  stroke-width:2;
}
.project-chart-legend{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px 14px;
  padding:8px 10px 10px;
  color:#6b7280;
  font-size:11px;
}
.project-chart-legend span{
  display:grid;
  grid-template-columns:16px auto 1fr;
  align-items:center;
  gap:5px;
  min-width:0;
}
.project-chart-legend b,
.project-chart-legend em{
  font-style:normal;
  white-space:nowrap;
}
.project-chart-legend b{
  color:#4b5563;
}
.project-chart-legend em{
  text-align:right;
  color:#1f2937;
  font-weight:700;
}
@media (max-width:480px){
  .project-chart-legend{
    grid-template-columns:1fr;
  }
}
.project-chart-legend i{
  width:16px;
  height:3px;
  border-radius:999px;
  display:inline-block;
}
.project-chart-legend i.project{
  background:var(--uf-brand,#667eea);
}
.project-chart-legend i.benchmark{
  background:#ef4444;
}
.project-chart-axis{
  position:absolute;
  top:0;
  right:8px;
  bottom:0;
  width:64px;
  pointer-events:none;
}
.project-chart-axis span{
  position:absolute;
  right:0;
  transform:translateY(-50%);
  color:rgba(31,41,55,.58);
  font-size:10px;
  text-shadow:0 1px 4px rgba(255,255,255,.7);
}
.project-chart-empty{
  height:174px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#9ca3af;
  font-size:14px;
}
.project-chart-meta{
  display:flex;
  justify-content:space-between;
  margin-top:8px;
  color:#9ca3af;
  font-size:12px;
}
@media (max-width:640px){
  .project-info-cell{align-items:flex-start;flex-direction:column;gap:4px;}
  .project-info-cell b{text-align:left;}
  .project-nav-grid b{font-size:20px;}
}

/* user_front fixed logo display */
.pc-nav .logo-area img,
.nav-bar .logo-area img {
  width: 150px !important;
  height: 64px !important;
  object-fit: contain !important;
}
.mobile-header .logo-area img,
.m-header .logo-area img {
  width: 112px !important;
  height: 48px !important;
  object-fit: contain !important;
}

/* user_front login page */
.route-login {
  min-height: 100vh;
  background:
    radial-gradient(circle at 18% 12%, rgba(102,126,234,.16), transparent 34%),
    radial-gradient(circle at 82% 18%, rgba(14,165,233,.12), transparent 30%),
    linear-gradient(180deg, #f8fbff 0%, #eef4ff 100%);
}
.route-login .route-content,
.route-home .route-content:has(#login-page) {
  min-height: 100vh !important;
  height: 100vh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 18px !important;
  box-sizing: border-box;
  overflow: hidden;
}
.login-page {
  width: 100%;
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-card {
  width: min(430px, 100%);
  border-radius: 28px;
  background: rgba(255,255,255,.82);
  box-shadow: 0 28px 80px rgba(54,80,140,.13);
  border: 0;
  padding: 30px 28px 26px;
  backdrop-filter: blur(8px);
}
.login-brand {
  text-align: center;
  margin-bottom: 26px;
}
.login-brand img {
  width: 180px;
  max-width: 74%;
  height: auto;
  object-fit: contain;
  margin: 0 auto 8px;
  display: block;
}
.login-brand-name {
  font-size: 26px;
  font-weight: 900;
  letter-spacing: .02em;
  color: #0f172a;
}
.login-brand-sub {
  margin-top: 6px;
  font-size: 13px;
  color: #64748b;
}
.login-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.login-label {
  font-size: 13px;
  font-weight: 800;
  color: #334155;
  margin-top: 4px;
}
.login-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 126px;
  gap: 10px;
}
.login-input {
  width: 100%;
  height: 48px;
  border: 1px solid #dbe3ef;
  border-radius: 14px;
  background: #f8fafc;
  padding: 0 14px;
  color: #0f172a;
  font-size: 15px;
  outline: none;
  transition: border-color .18s, box-shadow .18s, background .18s;
}
.login-input:focus {
  border-color: #667eea;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(102,126,234,.12);
}
.captcha-box,
.sms-btn {
  height: 48px;
  border: 0;
  border-radius: 14px;
  cursor: pointer;
  font-weight: 800;
  white-space: nowrap;
}
.captcha-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  color: #1d4ed8;
  background: linear-gradient(135deg, #edf5ff, #dbeafe);
  border: 1px solid #bfdbfe;
  letter-spacing: .15em;
  font-size: 18px;
  font-family: Georgia, 'Times New Roman', serif;
  overflow: hidden;
  position: relative;
}
.captcha-box:before,
.captcha-box:after {
  content: '';
  position: absolute;
  left: 12px;
  right: 12px;
  height: 1px;
  background: rgba(37,99,235,.28);
  transform: rotate(-8deg);
}
.captcha-box:after {
  transform: rotate(9deg);
}
.captcha-box span {
  position: relative;
  z-index: 1;
  display: inline-block;
}
.sms-btn {
  color: #fff;
  background: linear-gradient(135deg, #2563eb, #667eea);
  box-shadow: 0 10px 24px rgba(37,99,235,.22);
}
.sms-btn:disabled {
  cursor: not-allowed;
  opacity: .62;
  box-shadow: none;
}
.login-submit {
  height: 52px;
  border: 0;
  border-radius: 16px;
  margin-top: 12px;
  color: #fff;
  font-size: 16px;
  font-weight: 900;
  cursor: pointer;
  background: linear-gradient(135deg, #0f172a, #2563eb 45%, #667eea);
  box-shadow: 0 16px 36px rgba(37,99,235,.24);
}
.login-note {
  min-height: 20px;
  margin-top: 8px;
  text-align: center;
  font-size: 12px;
  color: #64748b;
  line-height: 1.6;
}
@media (max-width: 560px) {
  .route-login .route-content,
  .route-home .route-content:has(#login-page) {
    align-items: center !important;
    justify-content: center !important;
    padding: 0 18px !important;
  }
  .login-card {
    border: 0 !important;
    box-shadow: none !important;
    background: rgba(255,255,255,.58) !important;
    backdrop-filter: blur(3px);
    border-radius: 24px;
    padding: 24px 18px 22px;
  }
  .login-brand img {
    width: 156px;
  }
  .login-row {
    grid-template-columns: minmax(0, 1fr) 112px;
    gap: 8px;
  }
}

/* evaluate card wrappers are siblings, so spacing must be applied to wrappers */
.route-evaluate #msgs.has-results > .eval-card-wrap + .eval-card-wrap{margin-top:46px!important;}
@media (min-width:1024px){
  .route-evaluate #msgs.has-results > .eval-card-wrap + .eval-card-wrap{margin-top:92px!important;}
}

/* user_front blue brand theme, excluding 10AiBot landing page */
.user-front-shell:not(.route-iqbot){
  --uf-brand:#0f4fa8;
  --uf-brand-light:#1d8ed6;
  --uf-brand-deep:#073b82;
  --uf-brand-soft:#eef7ff;
  --uf-brand-border:#b9dcff;
  --uf-brand-shadow:rgba(15,79,168,.24);
}
.user-front-shell:not(.route-iqbot) .pc-nav nav a.active,
.user-front-shell:not(.route-iqbot) .nav-bar nav a.active,
.user-front-shell:not(.route-iqbot) .filter-btn.active,
.user-front-shell:not(.route-iqbot) .project-chart-range button.on,
.user-front-shell:not(.route-iqbot) .project-chart-mode span:first-child,
.user-front-shell:not(.route-iqbot) .cta-btn,
.user-front-shell:not(.route-iqbot) .transfer-btn,
.user-front-shell:not(.route-iqbot) .modal-btns .confirm,
.user-front-shell:not(.route-iqbot) .login-submit,
.user-front-shell:not(.route-iqbot) .sms-btn,
.user-front-shell:not(.route-iqbot) .sign-primary{
  background:linear-gradient(135deg,var(--uf-brand-deep),var(--uf-brand) 48%,var(--uf-brand-light))!important;
  box-shadow:0 10px 26px var(--uf-brand-shadow)!important;
  color:#fff!important;
}
.user-front-shell:not(.route-iqbot) .mobile-tab a.active,
.user-front-shell:not(.route-iqbot) .m-tab a.active,
.user-front-shell:not(.route-iqbot) .eval-score strong,
.user-front-shell:not(.route-iqbot) .eval-score-large strong,
.user-front-shell:not(.route-iqbot) .eval-card-close,
.user-front-shell:not(.route-iqbot) .profile-avatar-icon,
.user-front-shell:not(.route-iqbot) .flow-item .icon,
.user-front-shell:not(.route-iqbot) .product-tags span,
.user-front-shell:not(.route-iqbot) [style*="color:#667eea"],
.user-front-shell:not(.route-iqbot) [style*="color: #667eea"]{
  color:var(--uf-brand)!important;
}
.user-front-shell:not(.route-iqbot) .icon-theme-icon2 .menu-item .icon,
.user-front-shell:not(.route-iqbot) .icon-theme-icon2 .profile-avatar-icon,
.user-front-shell:not(.route-iqbot) .icon-theme-icon3 .profile-avatar-icon,
.user-front-shell:not(.route-iqbot) .icon-theme-icon4 .profile-avatar-icon,
.user-front-shell:not(.route-iqbot) .icon-theme-icon5 .profile-avatar-icon,
.user-front-shell:not(.route-iqbot) .icon-theme-icon2 .evaluate-empty-icon,
.user-front-shell:not(.route-iqbot) .icon-theme-icon3 .evaluate-empty-icon,
.user-front-shell:not(.route-iqbot) .icon-theme-icon4 .evaluate-empty-icon,
.user-front-shell:not(.route-iqbot) .icon-theme-icon5 .evaluate-empty-icon,
.user-front-shell:not(.route-iqbot) .product-tags span,
.user-front-shell:not(.route-iqbot) .eval-score-large{
  background:linear-gradient(135deg,#f2f9ff,#e3f2ff)!important;
  border-color:rgba(29,142,214,.18)!important;
}
.user-front-shell:not(.route-iqbot) .card[style*="background:linear-gradient"][style*="#667eea"],
.user-front-shell:not(.route-iqbot) .card[style*="background: linear-gradient"][style*="#667eea"],
.user-front-shell:not(.route-iqbot) div[style*="background:linear-gradient(135deg,#667eea"],
.user-front-shell:not(.route-iqbot) div[style*="background: linear-gradient(135deg, #667eea"]{
  background:linear-gradient(135deg,var(--uf-brand-deep),var(--uf-brand) 52%,var(--uf-brand-light))!important;
}
.user-front-shell:not(.route-iqbot) div[style*="background:linear-gradient(90deg,#667eea"],
.user-front-shell:not(.route-iqbot) div[style*="background: linear-gradient(90deg, #667eea"]{
  background:linear-gradient(90deg,var(--uf-brand),var(--uf-brand-light))!important;
}
.user-front-shell:not(.route-iqbot) .input-box input:focus,
.user-front-shell:not(.route-iqbot) .login-input:focus,
.user-front-shell:not(.route-iqbot) .modal-box input:focus{
  border-color:var(--uf-brand-light)!important;
  box-shadow:0 0 0 4px rgba(29,142,214,.13)!important;
}
.user-front-shell:not(.route-iqbot) .captcha-box{
  color:var(--uf-brand)!important;
  background:linear-gradient(135deg,#f2f9ff,#dcefff)!important;
  border-color:var(--uf-brand-border)!important;
}
.user-front-shell:not(.route-iqbot) .captcha-box:before,
.user-front-shell:not(.route-iqbot) .captcha-box:after{
  background:rgba(15,79,168,.28)!important;
}
.user-front-shell:not(.route-iqbot) .project-chart-stage{
  background:
    linear-gradient(rgba(29,142,214,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(29,142,214,.045) 1px, transparent 1px),
    #fbfdff!important;
}
.user-front-shell:not(.route-iqbot) .project-chart-grid{
  stroke:rgba(29,142,214,.14)!important;
}
.user-front-shell:not(.route-iqbot) .project-chart-line{
  stroke:var(--uf-brand-light);
  filter:drop-shadow(0 0 5px rgba(29,142,214,.36));
}
.user-front-shell:not(.route-iqbot) .project-chart-area{
  fill:rgba(29,142,214,.12);
}
.user-front-shell:not(.route-iqbot) .project-chart-dot{
  stroke:var(--uf-brand-light);
  filter:drop-shadow(0 0 6px rgba(29,142,214,.5));
}

.logout-btn{
  width:100%;
  height:50px;
  margin-top:18px;
  border:1px solid #dbeafe;
  border-radius:24px;
  background:#fff;
  color:#0f4fa8;
  font-size:16px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 10px 28px rgba(15,79,168,.08);
}
.logout-btn:active{
  transform:translateY(1px);
}

/* selectable lighter blue themes, excluding 10AiBot landing page */
.user-front-shell.blue-theme-blue1:not(.route-iqbot){
  --uf-brand:#4f8df7;
  --uf-brand-light:#a8c7ff;
  --uf-brand-deep:#6aa4ff;
  --uf-brand-soft:#f3f7ff;
  --uf-brand-border:#c9dcff;
  --uf-brand-shadow:rgba(79,141,247,.18);
}
.user-front-shell.blue-theme-blue2:not(.route-iqbot){
  --uf-brand:#3b82f6;
  --uf-brand-light:#93c5fd;
  --uf-brand-deep:#60a5fa;
  --uf-brand-soft:#eff6ff;
  --uf-brand-border:#bfdbfe;
  --uf-brand-shadow:rgba(59,130,246,.18);
}
.user-front-shell.blue-theme-blue3:not(.route-iqbot){
  --uf-brand:#5b8cff;
  --uf-brand-light:#b5ccff;
  --uf-brand-deep:#7aa7ff;
  --uf-brand-soft:#f4f7ff;
  --uf-brand-border:#d0ddff;
  --uf-brand-shadow:rgba(91,140,255,.17);
}
.user-front-shell.blue-theme-blue4:not(.route-iqbot){
  --uf-brand:#2563eb;
  --uf-brand-light:#93c5fd;
  --uf-brand-deep:#60a5fa;
  --uf-brand-soft:#f0f7ff;
  --uf-brand-border:#c7ddff;
  --uf-brand-shadow:rgba(37,99,235,.17);
}
.user-front-shell.blue-theme-blue5:not(.route-iqbot){
  --uf-brand:#667eea;
  --uf-brand-light:#a7b4ff;
  --uf-brand-deep:#7d91f2;
  --uf-brand-soft:#f3f5ff;
  --uf-brand-border:#d5dcff;
  --uf-brand-shadow:rgba(102,126,234,.18);
}
.user-front-shell.blue-theme-blue6:not(.route-iqbot){
  --uf-brand:#5f84f5;
  --uf-brand-light:#a8bbff;
  --uf-brand-deep:#7897fb;
  --uf-brand-soft:#f4f7ff;
  --uf-brand-border:#d4dfff;
  --uf-brand-shadow:rgba(95,132,245,.18);
}
.user-front-shell.blue-theme-blue7:not(.route-iqbot){
  --uf-brand:#6b8ff0;
  --uf-brand-light:#b3c4ff;
  --uf-brand-deep:#83a2f7;
  --uf-brand-soft:#f5f7ff;
  --uf-brand-border:#d9e1ff;
  --uf-brand-shadow:rgba(107,143,240,.17);
}
.user-front-shell.blue-theme-blue8:not(.route-iqbot){
  --uf-brand:#5b78e8;
  --uf-brand-light:#9fb0ff;
  --uf-brand-deep:#738cf0;
  --uf-brand-soft:#f2f4ff;
  --uf-brand-border:#d0d8ff;
  --uf-brand-shadow:rgba(91,120,232,.18);
}
.user-front-shell:not(.route-iqbot) .input-box button,
.user-front-shell:not(.route-iqbot) .btn-primary,
.user-front-shell:not(.route-iqbot) .project-chart-range button.on,
.user-front-shell:not(.route-iqbot) .project-chart-mode span:first-child{
  background:linear-gradient(135deg,var(--uf-brand-deep),var(--uf-brand) 48%,var(--uf-brand-light))!important;
  box-shadow:0 10px 24px var(--uf-brand-shadow)!important;
  color:#fff!important;
}
.user-front-shell:not(.route-iqbot) .input-box button:hover{
  box-shadow:0 8px 24px var(--uf-brand-shadow)!important;
}
.user-front-shell:not(.route-iqbot) .project-chart-range button,
.user-front-shell:not(.route-iqbot) .btn-secondary{
  background:var(--uf-brand-soft)!important;
  border-color:var(--uf-brand-border)!important;
  color:var(--uf-brand)!important;
}
.user-front-shell:not(.route-iqbot) .project-chart-range button.on{
  border-color:transparent!important;
}
.blue-theme-panel{
  margin:12px 0 0;
  padding:14px;
  border:1px solid #e5edf7;
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 28px rgba(15,79,168,.06);
}
.blue-theme-title{
  font-size:14px;
  font-weight:900;
  color:#1f2937;
  margin-bottom:10px;
}
.blue-theme-options{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.blue-theme-option{
  height:42px;
  border:1px solid #e5e7eb;
  border-radius:14px;
  background:#f9fafb;
  color:#4b5563;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
}
.blue-theme-option span{
  width:14px;
  height:14px;
  border-radius:50%;
  display:inline-block;
}
.blue-theme-option[data-theme="blue1"] span{background:linear-gradient(135deg,#6aa4ff,#a8c7ff);}
.blue-theme-option[data-theme="blue2"] span{background:linear-gradient(135deg,#60a5fa,#93c5fd);}
.blue-theme-option[data-theme="blue3"] span{background:linear-gradient(135deg,#7aa7ff,#b5ccff);}
.blue-theme-option[data-theme="blue4"] span{background:linear-gradient(135deg,#60a5fa,#2563eb);}
.blue-theme-option[data-theme="blue5"] span{background:linear-gradient(135deg,#667eea,#a7b4ff);}
.blue-theme-option[data-theme="blue6"] span{background:linear-gradient(135deg,#5f84f5,#a8bbff);}
.blue-theme-option[data-theme="blue7"] span{background:linear-gradient(135deg,#6b8ff0,#b3c4ff);}
.blue-theme-option[data-theme="blue8"] span{background:linear-gradient(135deg,#5b78e8,#9fb0ff);}
.blue-theme-option.active{
  color:var(--uf-brand);
  background:var(--uf-brand-soft);
  border-color:var(--uf-brand-border);
  box-shadow:0 8px 18px var(--uf-brand-shadow);
}
@media (max-width:420px){
  .blue-theme-options{grid-template-columns:repeat(2,minmax(0,1fr));}
}

/* 10AiBot landing page follows the selected lighter blue theme only on requested brand elements */
.user-front-shell.blue-theme-blue1{
  --uf-brand:#4f8df7;
  --uf-brand-light:#a8c7ff;
  --uf-brand-deep:#6aa4ff;
  --uf-brand-soft:#f3f7ff;
  --uf-brand-border:#c9dcff;
  --uf-brand-shadow:rgba(79,141,247,.18);
}
.user-front-shell.blue-theme-blue2{
  --uf-brand:#3b82f6;
  --uf-brand-light:#93c5fd;
  --uf-brand-deep:#60a5fa;
  --uf-brand-soft:#eff6ff;
  --uf-brand-border:#bfdbfe;
  --uf-brand-shadow:rgba(59,130,246,.18);
}
.user-front-shell.blue-theme-blue3{
  --uf-brand:#5b8cff;
  --uf-brand-light:#b5ccff;
  --uf-brand-deep:#7aa7ff;
  --uf-brand-soft:#f4f7ff;
  --uf-brand-border:#d0ddff;
  --uf-brand-shadow:rgba(91,140,255,.17);
}
.user-front-shell.blue-theme-blue4{
  --uf-brand:#2563eb;
  --uf-brand-light:#93c5fd;
  --uf-brand-deep:#60a5fa;
  --uf-brand-soft:#f0f7ff;
  --uf-brand-border:#c7ddff;
  --uf-brand-shadow:rgba(37,99,235,.17);
}
.user-front-shell.blue-theme-blue5{
  --uf-brand:#667eea;
  --uf-brand-light:#a7b4ff;
  --uf-brand-deep:#7d91f2;
  --uf-brand-soft:#f3f5ff;
  --uf-brand-border:#d5dcff;
  --uf-brand-shadow:rgba(102,126,234,.18);
}
.user-front-shell.blue-theme-blue6{
  --uf-brand:#5f84f5;
  --uf-brand-light:#a8bbff;
  --uf-brand-deep:#7897fb;
  --uf-brand-soft:#f4f7ff;
  --uf-brand-border:#d4dfff;
  --uf-brand-shadow:rgba(95,132,245,.18);
}
.user-front-shell.blue-theme-blue7{
  --uf-brand:#6b8ff0;
  --uf-brand-light:#b3c4ff;
  --uf-brand-deep:#83a2f7;
  --uf-brand-soft:#f5f7ff;
  --uf-brand-border:#d9e1ff;
  --uf-brand-shadow:rgba(107,143,240,.17);
}
.user-front-shell.blue-theme-blue8{
  --uf-brand:#5b78e8;
  --uf-brand-light:#9fb0ff;
  --uf-brand-deep:#738cf0;
  --uf-brand-soft:#f2f4ff;
  --uf-brand-border:#d0d8ff;
  --uf-brand-shadow:rgba(91,120,232,.18);
}
.user-front-shell.route-iqbot .hero-title{
  background:linear-gradient(135deg,var(--uf-brand-deep),var(--uf-brand) 52%,var(--uf-brand-light))!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}
.user-front-shell.route-iqbot .hero-icon,
.user-front-shell.route-iqbot .step-item .num,
.user-front-shell.route-iqbot .cta-btn{
  background:linear-gradient(135deg,var(--uf-brand-deep),var(--uf-brand) 48%,var(--uf-brand-light))!important;
  box-shadow:0 14px 38px var(--uf-brand-shadow)!important;
}
.user-front-shell.route-iqbot .hero-icon svg circle[fill="#667eea"],
.user-front-shell.route-iqbot .hero-icon svg circle[fill="#764ba2"]{
  fill:var(--uf-brand)!important;
}
.user-front-shell.route-iqbot .hero-icon svg path[stroke="#667eea"]{
  stroke:var(--uf-brand)!important;
}
.user-front-shell.route-iqbot .hero-slogan em{
  color:var(--uf-brand)!important;
}
.user-front-shell .pc-nav nav a.active,
.user-front-shell .nav-bar nav a.active{
  background:linear-gradient(135deg,var(--uf-brand-deep),var(--uf-brand) 48%,var(--uf-brand-light))!important;
  box-shadow:0 10px 24px var(--uf-brand-shadow)!important;
  color:#fff!important;
}

.account-card-link{
  display:block;
  text-decoration:none;
  color:inherit;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease;
}
.account-card-link:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 26px rgba(15,79,168,.10);
}
.account-card-link:active{
  transform:translateY(1px);
}

.user-front-shell .project-chart-line{
  stroke:var(--uf-brand)!important;
  filter:drop-shadow(0 0 5px var(--uf-brand-shadow))!important;
}
.user-front-shell .project-chart-benchmark-line{
  stroke:#ef4444!important;
}
.user-front-shell .project-chart-area{
  fill:rgba(102,126,234,.12)!important;
}
.user-front-shell .project-chart-dot{
  stroke:var(--uf-brand)!important;
  filter:drop-shadow(0 0 6px var(--uf-brand-shadow))!important;
}
/* user_front agreement page */
.agreement-page .agreement-status{background:#eff6ff;color:#2563eb;}
.agreement-empty-content{min-height:48vh;display:flex;flex-direction:column;justify-content:flex-start;}
.agreement-back.disabled{opacity:.55;pointer-events:none;cursor:not-allowed;}
.agreement-action-bar .agreement-back{width:min(260px,72vw);}
/* user_front global feedback */
.uf-toast{position:fixed;left:50%;top:22px;transform:translate(-50%,-16px);z-index:5000;min-width:220px;max-width:86vw;padding:12px 16px;border-radius:14px;background:rgba(17,24,39,.94);color:#fff;font-size:14px;font-weight:700;text-align:center;box-shadow:0 16px 38px rgba(15,23,42,.22);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;}
.uf-toast.show{opacity:1;transform:translate(-50%,0);}
.uf-toast.success{background:linear-gradient(135deg,#0ea5e9,#38bdf8);}
.uf-toast.info{background:linear-gradient(135deg,var(--uf-brand-deep),var(--uf-brand));}
.uf-confirm-mask{position:fixed;inset:0;z-index:4990;display:none;align-items:center;justify-content:center;background:rgba(15,23,42,.38);backdrop-filter:blur(8px);padding:22px;}
.uf-confirm-mask.show{display:flex;}
.uf-confirm-box{width:min(360px,92vw);background:#fff;border-radius:22px;padding:22px;box-shadow:0 24px 60px rgba(15,23,42,.28);}
.uf-confirm-title{font-size:18px;font-weight:900;color:#111827;margin-bottom:10px;}
.uf-confirm-message{font-size:14px;line-height:1.7;color:#4b5563;margin-bottom:20px;}
.uf-confirm-actions{display:flex;gap:12px;}
.uf-confirm-actions button{flex:1;height:44px;border-radius:999px;border:0;font-size:15px;font-weight:900;cursor:pointer;}
.uf-confirm-cancel{background:#f3f4f6;color:#4b5563;}
.uf-confirm-ok{background:linear-gradient(135deg,var(--uf-brand-deep,#60a5fa),var(--uf-brand,#3b82f6),var(--uf-brand-light,#93c5fd))!important;color:#fff!important;box-shadow:0 10px 24px var(--uf-brand-shadow,rgba(59,130,246,.2))!important;}
.cash-balance-card{position:relative;padding-bottom:22px!important;}
.cash-withdraw-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:14px;height:34px;padding:0 20px;border-radius:999px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.38);color:#fff;text-decoration:none;font-size:14px;font-weight:900;}
.pending-withdraw-card{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(245,158,11,.22);background:#fffbeb;}
.pending-title{font-size:15px;font-weight:900;color:#92400e;margin-bottom:5px;}
.pending-desc{font-size:13px;color:#b45309;line-height:1.5;}
.pending-withdraw-card button{flex:none;border:0;border-radius:999px;background:#f59e0b;color:#fff;height:34px;padding:0 16px;font-size:13px;font-weight:900;cursor:pointer;}
#uf-ui-overlay{--uf-brand:#3b82f6;--uf-brand-light:#93c5fd;--uf-brand-deep:#60a5fa;--uf-brand-shadow:rgba(59,130,246,.2);}

.trade-status-stack{display:flex;flex-direction:column;align-items:center;gap:6px;flex:none;}
.record-status-tag{display:inline-flex;align-items:center;justify-content:center;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:800;line-height:1.2;white-space:nowrap;}
.record-status-tag.is-pending{background:#fff7ed;color:#ea580c;}
.record-status-tag.is-deal{background:#e0f2fe;color:#0369a1;}
.record-status-tag.is-cancelled{background:#f3f4f6;color:#6b7280;}
.record-status-tag.is-rejected{background:#fef2f2;color:#dc2626;}
.record-status-tag.is-default{background:#eef2ff;color:#4f46e5;}
.real-auth-file-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
@media (max-width:420px){.real-auth-file-grid{grid-template-columns:1fr;}}

/* user_front fixed theme and mobile logo adjustments */
@media (max-width:1023px){
  .mobile-header.mobile-logo-header{height:64px!important;justify-content:center!important;padding:0!important;}
  .mobile-header.mobile-logo-header .logo-area{width:100%;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;line-height:0!important;}
  .mobile-header.mobile-logo-header .logo-area img{height:41px!important;width:auto!important;max-width:70vw!important;object-fit:contain!important;display:block!important;margin:0!important;}
  .mobile-header.mobile-title-header{justify-content:flex-start!important;}
  .user-front-shell.route-home .route-content,
  .user-front-shell.route-evaluate .route-content,
  .user-front-shell.route-iqbot .route-content{padding-top:64px!important;}
}
/* login page mobile logo size adjustment */
@media (max-width:1023px){
  .login-brand img{width:220px!important;max-width:78%!important;}
}

/* PC-only bottom back action. Do not affect mobile original business buttons. */
@media (min-width:1024px){
  .pc-page-back-area{
    display:flex;
    justify-content:center;
    padding:20px 0 80px;
  }
  .pc-page-action-row{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:16px!important;
    flex-wrap:wrap!important;
  }
  .pc-page-action-row > .cta-btn,
  .pc-page-action-row > .login-submit,
  .pc-page-action-row > .record-danger-btn,
  .pc-page-action-row > .transfer-btn,
  .pc-page-action-row > .pc-page-back-btn,
  .pc-page-back-area > .pc-page-back-btn{
    width:210px!important;
    max-width:210px!important;
    height:48px!important;
    min-height:48px!important;
    padding:0 18px!important;
    margin:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:1!important;
    font-size:16px!important;
    border-radius:24px!important;
    text-decoration:none!important;
    box-sizing:border-box!important;
  }
  .pc-page-back-btn{
    border:1px solid rgba(59,130,246,.24);
    background:#fff;
    color:#2563eb;
    font-weight:800;
    cursor:pointer;
    box-shadow:0 8px 24px rgba(37,99,235,.08);
  }
}
@media (max-width:1023px){
  .pc-page-back-btn,
  .pc-page-back-area{
    display:none!important;
  }
  .mobile-header.mobile-title-header{
    align-items:center!important;
  }
  .mobile-header.mobile-title-header .back{
    width:32px!important;
    height:32px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:1!important;
    margin-right:12px!important;
    flex:0 0 32px!important;
    position:relative!important;
    top:-2px!important;
  }
  .mobile-header.mobile-title-header .title{
    min-height:32px!important;
    display:inline-flex!important;
    align-items:center!important;
    margin-left:0!important;
    line-height:1.2!important;
  }
}
/* user_front shared filing footer */
.user-front-footer{position:relative;z-index:2;flex:0 0 auto;padding:17px 24px 20px;border-top:1px solid rgba(102,126,234,.12);background:linear-gradient(180deg,rgba(255,255,255,.48),rgba(248,250,252,.92));color:#7b8497;font-size:12px;line-height:1.6;letter-spacing:.01em;}
.user-front-footer-inner{width:min(1200px,100%);margin:0 auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px 12px;text-align:center;}
.user-front-footer a{color:#6272ba;text-decoration:none;transition:color .18s ease,opacity .18s ease;}
.user-front-footer a:hover{color:var(--uf-brand,#4f67d8);}
.user-front-footer-divider{width:1px;height:12px;background:rgba(100,116,139,.28);}
.user-front-public-security{display:inline-flex;align-items:center;gap:5px;}
.user-front-public-security svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--uf-brand,#667eea);}
.user-front-shell:not(.route-iqbot) .user-front-footer{border-top-color:rgba(15,79,168,.12);background:linear-gradient(180deg,rgba(255,255,255,.52),rgba(242,248,255,.94));}
.user-front-shell:not(.route-iqbot) .user-front-footer a{color:var(--uf-brand,#0f4fa8);}
@media (max-width:1023px){
  .user-front-footer{padding:15px 16px 92px;font-size:11px;}
  .user-front-footer-inner{gap:4px 9px;}
}