超真实修仙大世界（精美ui）（完整修仙世界）

/* ========================================
   明亮修仙UI主题 v3.8.2 - Rili平台适配版
   核心色彩：
   - 背景: #F3E5F5 | 面板: #FAF8FD | 主色调: #9C27B0
   - 强调色: #FF6E40 | 装饰色: #E1BEE7 | 文本: #4A148C
   - 列表文本: #212121 | 危险: #D50000
   ======================================== */

/* === 1. 动画 === */
@keyframes float-gentle{0%,100%{transform:translateY(0) scale(1);opacity:.95}50%{transform:translateY(-3px) scale(1.01);opacity:1}}
@keyframes ink-wash-flow{0%{background-position:0% 0%}100%{background-position:0% 100%}}
@keyframes spiritual-pulse{0%,100%{box-shadow:0 0 8px rgba(156,39,176,.25)}50%{box-shadow:0 0 16px rgba(156,39,176,.55),0 0 24px rgba(156,39,176,.3)}}
@keyframes cultivation-glow{0%,100%{text-shadow:0 0 4px #FF6E40,0 0 8px rgba(255,110,64,.4)}50%{text-shadow:0 0 8px #FF6E40,0 0 16px rgba(255,110,64,.7),0 0 20px rgba(255,110,64,.3)}}
@keyframes scroll-reveal{0%{transform:scaleY(.94);opacity:0}100%{transform:scaleY(1);opacity:1}}
@keyframes energy-breathe{0%,100%{opacity:.7}50%{opacity:1}}
@keyframes cot-text-vanish{0%{opacity:1}70%{opacity:0}100%{opacity:0;visibility:hidden;height:0;margin:0;padding:0;overflow:hidden;pointer-events:none}}
@keyframes merit-flash{0%,50%,100%{opacity:1}25%,75%{opacity:.5}}
@keyframes panel-light-sweep{0%{transform:translateX(-100%) skewX(-25deg)}100%{transform:translateX(200%) skewX(-25deg)}}
@keyframes header-flow-line{0%{background-position:100% 0}100%{background-position:-100% 0}}
@keyframes k-taiji-spin{0%{transform:translateY(-50%) rotate(0deg)}100%{transform:translateY(-50%) rotate(360deg)}}
@keyframes k-bar-shimmer{0%{left:-100%}100%{left:100%}}
@keyframes k-danger-pulse{0%,100%{border-color:rgba(213,0,0,.25)!important;box-shadow:inset 0 0 0 rgba(213,0,0,0)!important}50%{border-color:rgba(213,0,0,.6)!important;box-shadow:inset 0 0 15px rgba(213,0,0,.15),0 0 10px rgba(213,0,0,.2)!important}}
@keyframes k-fortune-pulse{0%,100%{border-color:rgba(255,215,0,.3)!important;box-shadow:inset 0 0 0 rgba(255,215,0,0)!important}50%{border-color:rgba(255,215,0,.7)!important;box-shadow:inset 0 0 15px rgba(255,215,0,.2),0 0 12px rgba(255,215,0,.25)!important}}
@keyframes star-twinkle{0%,100%{opacity:.6;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}
@keyframes inv-item-glow{0%,100%{box-shadow:0 0 6px rgba(213,0,0,.3)!important}50%{box-shadow:0 0 12px rgba(213,0,0,.5),0 0 20px rgba(213,0,0,.2)!important}}
@keyframes user-flame-flicker{0%,100%{opacity:.8;transform:scale(1) translateY(0)}25%{opacity:.9;transform:scale(1.05) translateY(-1px)}50%{opacity:.75;transform:scale(.98) translateY(1px)}75%{opacity:.85;transform:scale(1.02) translateY(-.5px)}}
@keyframes user-cloud-drift{0%,100%{opacity:.65;transform:translateX(0) translateY(0)}50%{opacity:.75;transform:translateX(3px) translateY(-2px)}}

/* === 1.2 品质变量 === */
.rili-markdown-renderer{--color-bai:#607D8B;--color-lv:#2E7D32;--color-lan:#1565C0;--color-zi:#7B1FA2;--color-cheng:#FF6E40;--color-hong:#D50000}

/* === 2. 系统核心UI === */

/* --- 2.1 CoT --- */
cot{display:block;position:relative;width:100%;aspect-ratio:3/1;overflow:hidden;box-sizing:border-box;contain:size layout paint;font-size:0;line-height:0;letter-spacing:0}
cot *{display:none!important}
cot::before{content:"";display:block;width:100%;height:100%;pointer-events:none;background-repeat:no-repeat;background-position:center;background-size:cover;animation:float-gentle 7s ease-in-out infinite;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 200'%3E%3Cdefs%3E%3ClinearGradient id='paperGrad' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23F3E5F5'/%3E%3Cstop offset='1' stop-color='%23E1BEE7'/%3E%3C/linearGradient%3E%3CradialGradient id='core' cx='.5' cy='.5' r='.18'%3E%3Cstop offset='0%25' stop-color='%23FFD700' stop-opacity='.3'/%3E%3Cstop offset='60%25' stop-color='%23FFD700' stop-opacity='.06'/%3E%3Cstop offset='100%25' stop-color='%23FFD700' stop-opacity='0'/%3E%3C/radialGradient%3E%3Cfilter id='glow'%3E%3CfeGaussianBlur stdDeviation='2.5' result='blur'/%3E%3CfeMerge%3E%3CfeMergeNode in='blur'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3Cstyle%3E .txt-col { font-family: 'Noto Serif SC', 'KaiTi', serif; font-size: 10px; fill: %239C27B0; opacity: 0.6; writing-mode: tb; glyph-orientation-vertical: 0; } .txt-main { font-family: 'Noto Serif SC', serif; font-weight: bold; font-size: 24px; fill: %23FF6E40; text-anchor: middle; letter-spacing: 8px; } .txt-sub { font-family: 'monospace'; font-size: 10px; fill: %234A148C; text-anchor: middle; letter-spacing: 2px; } %3C/style%3E%3C/defs%3E%3Crect width='600' height='200' fill='url(%23paperGrad)'/%3E%3Ctext x='40' y='-50' class='txt-col'%3E%3Ctspan x='40' dy='10'%3E春王正月%3C/tspan%3E%3Ctspan x='40' dy='15'%3E大一统也%3C/tspan%3E%3Ctspan x='40' dy='15'%3E元年者何%3C/tspan%3E%3Ctspan x='40' dy='15'%3E君之始年也%3C/tspan%3E%3Canimate attributeName='y' from='-50' to='0' dur='15s' repeatCount='indefinite'/%3E%3C/text%3E%3Ctext x='80' y='-100' class='txt-col' opacity='0.4'%3E%3Ctspan x='80' dy='10'%3E微而显%3C/tspan%3E%3Ctspan x='80' dy='15'%3E志而晦%3C/tspan%3E%3Ctspan x='80' dy='15'%3E婉而成章%3C/tspan%3E%3Canimate attributeName='y' from='-100' to='-20' dur='12s' repeatCount='indefinite'/%3E%3C/text%3E%3Ctext x='520' y='-80' class='txt-col'%3E%3Ctspan x='520' dy='10'%3E尽而不汙%3C/tspan%3E%3Ctspan x='520' dy='15'%3E惩恶而劝善%3C/tspan%3E%3Ctspan x='520' dy='15'%3E拨乱世反之正%3C/tspan%3E%3Canimate attributeName='y' from='-80' to='-10' dur='18s' repeatCount='indefinite'/%3E%3C/text%3E%3Ctext x='560' y='-40' class='txt-col' opacity='0.4'%3E%3Ctspan x='560' dy='10'%3E天人感应%3C/tspan%3E%3Ctspan x='560' dy='15'%3E灾异谴告%3C/tspan%3E%3Canimate attributeName='y' from='-40' to='10' dur='20s' repeatCount='indefinite'/%3E%3C/text%3E%3Cellipse cx='300' cy='95' rx='55' ry='55' fill='url(%23core)'/%3E%3Cg filter='url(%23glow)'%3E%3Ccircle cx='300' cy='95' r='28' fill='none' stroke='%239C27B0' stroke-width='1' stroke-dasharray='3 5' opacity='.25'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 300 95' to='360 300 95' dur='12s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='300' cy='95' r='42' fill='none' stroke='%23E1BEE7' stroke-width='.6' stroke-dasharray='6 10' opacity='.2'%3E%3CanimateTransform attributeName='transform' type='rotate' from='360 300 95' to='0 300 95' dur='20s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='300' cy='95' r='55' fill='none' stroke='%23FFD700' stroke-width='.4' stroke-dasharray='2 14' opacity='.15'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 300 95' to='360 300 95' dur='30s' repeatCount='indefinite'/%3E%3C/circle%3E%3Cline x1='260' y1='95' x2='340' y2='95' stroke='%23BA68C8' stroke-width='.6' opacity='.2'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 300 95' to='360 300 95' dur='8s' repeatCount='indefinite'/%3E%3C/line%3E%3Ccircle cx='300' cy='95' r='4' fill='%23FFD700' opacity='.6'%3E%3Canimate attributeName='r' values='3;5;3' dur='2.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='.4;.7;.4' dur='2.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3Ctext x='300' y='100' class='txt-main'%3E%3Ctspan%3E天道推演中%3C/tspan%3E%3Canimate attributeName='opacity' values='0.6;1;0.6' dur='3s' repeatCount='indefinite'/%3E%3C/text%3E%3Ctext x='300' y='130' class='txt-sub'%3E%3Ctspan%3E[ SYSTEM CALCULATING KARMA ]%3C/tspan%3E%3C/text%3E%3Crect x='220' y='150' width='160' height='2' fill='%239C27B0' opacity='0.3'/%3E%3Crect x='220' y='150' width='10' height='2' fill='%23FF6E40'%3E%3Canimate attributeName='x' from='220' to='370' dur='2s' repeatCount='indefinite'/%3E%3C/rect%3E%3C/svg%3E")}
cot:has(postition[stop]),cot:has(+ postition[stop]),cot:has(~ postition[stop]){animation:cot-text-vanish 800ms ease forwards}
cot:has(postition[stop])::before,cot:has(+ postition[stop])::before,cot:has(~ postition[stop])::before{animation-play-state:paused!important;opacity:0;transition:opacity .6s ease;content:none!important;background:none!important}


/* --- 2.3 用户与AI气泡框 --- */
.is-user .border.border-muted{background:linear-gradient(145deg,rgba(255,255,255,.98) 0%,rgba(255,248,240,.95) 50%,rgba(255,255,255,.98) 100%)!important;border:1px solid rgba(255,110,64,.2)!important;box-shadow:0 6px 24px rgba(255,110,64,.1),0 0 40px rgba(255,215,0,.08),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,110,64,.05)!important;border-radius:12px!important;color:#4A148C!important;backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important;position:relative!important;isolation:isolate!important;overflow:visible!important}
.is-user .border.border-muted::before{content:''!important;position:absolute!important;top:-6px!important;right:-6px!important;width:28px!important;height:28px!important;pointer-events:none!important;z-index:100!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cdefs%3E%3ClinearGradient id='miniFlame1' x1='0%25' y1='100%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%23FF6E40' stop-opacity='0.8'/%3E%3Cstop offset='50%25' stop-color='%23FFD700' stop-opacity='0.6'/%3E%3Cstop offset='100%25' stop-color='%23FFEC8B' stop-opacity='0.4'/%3E%3C/linearGradient%3E%3Cfilter id='flameGlow'%3E%3CfeGaussianBlur stdDeviation='0.8' result='blur'/%3E%3CfeMerge%3E%3CfeMergeNode in='blur'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg transform='translate(14,16)' filter='url(%23flameGlow)'%3E%3Cpath d='M0 -10 Q-4 -6 -3 -2 Q-4 2 0 6 Q4 2 3 -2 Q4 -6 0 -10' fill='url(%23miniFlame1)'/%3E%3Cpath d='M0 -6 Q-2 -4 -1.5 -1 Q-2 1 0 3 Q2 1 1.5 -1 Q2 -4 0 -6' fill='%23FFFDE7' opacity='0.8'/%3E%3Ccircle cx='-5' cy='-4' r='1' fill='%23FFD700' opacity='0.7'/%3E%3Ccircle cx='5' cy='-6' r='0.8' fill='%23FF6E40' opacity='0.6'/%3E%3Ccircle cx='3' cy='-9' r='0.6' fill='%23FFEC8B' opacity='0.5'/%3E%3C/g%3E%3C/svg%3E")!important;background-size:contain!important;background-repeat:no-repeat!important;opacity:.85!important;animation:user-flame-flicker 3s ease-in-out infinite!important}
.is-user .border.border-muted::after{content:''!important;position:absolute!important;bottom:-10px!important;left:-10px!important;width:90px!important;height:90px!important;pointer-events:none!important;z-index:100!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 90'%3E%3Cdefs%3E%3ClinearGradient id='cloudOrange1' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23FF6E40' stop-opacity='0.4'/%3E%3Cstop offset='50%25' stop-color='%23FF9E80' stop-opacity='0.25'/%3E%3Cstop offset='100%25' stop-color='%23FFD700' stop-opacity='0.15'/%3E%3C/linearGradient%3E%3ClinearGradient id='cloudGold1' x1='0%25' y1='100%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%23FFD700' stop-opacity='0.5'/%3E%3Cstop offset='100%25' stop-color='%23FFEC8B' stop-opacity='0.2'/%3E%3C/linearGradient%3E%3Cfilter id='cloudSoft'%3E%3CfeGaussianBlur stdDeviation='1' result='blur'/%3E%3CfeMerge%3E%3CfeMergeNode in='blur'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23cloudSoft)'%3E%3Cellipse cx='35' cy='60' rx='22' ry='12' fill='url(%23cloudOrange1)'/%3E%3Cellipse cx='25' cy='55' rx='15' ry='10' fill='url(%23cloudOrange1)'/%3E%3Cellipse cx='45' cy='55' rx='18' ry='11' fill='url(%23cloudOrange1)'/%3E%3Cellipse cx='30' cy='50' rx='12' ry='8' fill='url(%23cloudGold1)'/%3E%3Cellipse cx='42' cy='48' rx='10' ry='7' fill='url(%23cloudGold1)'/%3E%3Cpath d='M15 65 Q10 60 15 55 Q12 50 18 48' stroke='url(%23cloudOrange1)' stroke-width='2' fill='none' opacity='0.6'/%3E%3Cpath d='M55 58 Q60 55 58 50 Q62 47 58 43' stroke='url(%23cloudGold1)' stroke-width='1.5' fill='none' opacity='0.5'/%3E%3C/g%3E%3Cpath d='M10 75 Q15 65 12 55 Q18 45 15 35' stroke='url(%23cloudOrange1)' stroke-width='1.5' fill='none' opacity='0.4'/%3E

/* 预览已截断；下载 CSS 可查看完整内容。 */

本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。