/* ================= 角色头像 尺寸与基础规则 ================= */ .bltc, .dtxstc, .gslltc, .hwytc, .ljjtc, .lqqtc, .lwqtc, .sgletc, .syltc, .xxztc, .ywytc, .ywhtc, .zwtc { width: 150px; height: 150px; margin: 5px 5px 5px 0; box-shadow: 0 4px 12px rgba(255, 105, 180, 0.2); background-size: cover; background-position: center; background-repeat: no-repeat; display: inline-block; vertical-align: top; filter: none !important; color-scheme: light !important; forced-color-adjust: none !important; background-color: transparent !important; border-radius: 6px; border: 2px solid #999999; } /* ================= 角色头像 图库链接 ================= */ .bltc { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/白璃.png'); } .dtxstc { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/澹台玄素.png'); } .gslltc { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/公孙琉璃.png'); } .hwytc { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/花无颜.png'); } .ljjtc { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/雷九烬.png'); } .lqqtc { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/柳芊芊.png'); } .lwqtc { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/洛涴沁.png'); } .sgletc { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/上官灵儿.png'); } .syltc { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/苏璎珞.png'); } .xxztc { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/璇星子.png'); } .ywytc { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/炎舞阳.png'); } .ywhtc { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/夜无痕.png'); } .zwtc { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/紫妧.png'); } /* ================= 角色正文图 尺寸与基础规则 ================= */ [class^="baili"], [class^="dantaixuansu"], [class^="gongsunliuli"], [class^="huawuyan"], [class^="leijiujin"], [class^="liuqianqian"], [class^="luowanqin"], [class^="shangguanlinger"], [class^="suyingluo"], [class^="xuanxingzi"], [class^="yanwuyang"], [class^="yewuhen"], [class^="ziwan"] { width: 200px; height: 300px; margin: 5px 5px 5px 0; box-shadow: 0 4px 12px rgba(255, 105, 180, 0.2); background-size: cover; background-position: center; background-repeat: no-repeat; display: inline-block; vertical-align: top; filter: none !important; color-scheme: light !important; forced-color-adjust: none !important; background-color: transparent !important; border-radius: 6px; border: 2px solid #999999; } /* ================= 角色正文图 图库链接（完整版·全拼音类名） ================= */ /* 白璃 baili */ .bailict01 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/白璃常态侧躺.jpg'); } .bailict02 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/白璃常态站姿.jpg'); } .bailict03 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/白璃常态坐姿.jpg'); } .bailict04 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/白璃常态坐姿翘腿.jpg'); } .bailixy01 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/白璃亵衣形态.jpg'); } .bailixy02 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/白璃亵衣形态蹲起双手扶乳房.jpg'); } .bailixy03 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/白璃亵衣形态蹲着扶乳.jpg'); } .bailixy04 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/白璃亵衣形态蹲坐扶乳房.jpg'); } .bailixy05 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/白璃亵衣形态前倾展示.jpg'); } .bailixy06 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/白璃亵衣形态弯腰.jpg'); } .bailixy07 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/白璃亵衣形态弯腰扶乳.jpg'); } .bailixy08 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/白璃亵衣形态右弯腰.jpg'); } .bailixy09 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/白璃亵衣形态右展示.jpg'); } /* 澹台玄素 dantaixuansu */ .dantaixuansuct01 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/澹台玄素常态轻倚站立.jpg'); } .dantaixuansuct02 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/澹台玄素翘腿而坐.jpg'); } .dantaixuansuct03 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/澹台玄素慵懒坐卧.jpg'); } .dantaixuansusz01 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/澹台玄素食铁兽形态俯身回眸.jpg'); } .dantaixuansusz02 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/澹台玄素食铁兽形态俯身前倾.jpg'); } .dantaixuansusz03 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/澹台玄素食铁兽形态站立.jpg'); } .dantaixuansusz04 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/澹台玄素食铁兽形态坐姿.jpg'); } /* 公孙琉璃 gongsunliuli */ .gongsunliulict01 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/公孙琉璃侧身回眸.jpg'); } .gongsunliulict02 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/公孙琉璃常态站姿.jpg'); } .gongsunliulict03 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/公孙琉璃跪着.jpg'); } .gongsunliulict04 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/公孙琉璃倚靠.jpg'); } .gongsunliulict05 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/公孙琉璃坐姿.jpg'); } .gongsunliulinx01 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/公孙琉璃女侠形态.jpg'); } .gongsunliulinx02 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/公孙琉璃女侠形态抚胸凝视.jpg'); } .gongsunliulinx03 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/公孙琉璃女侠形态站姿.jpg'); } .gongsunliulinx04 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/公孙琉璃女侠形态坐姿.jpg'); } /* 花无颜 huawuyan */ .huawuyanct01 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/花无颜常态侧躺.jpg'); } .huawuyanct02 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/花无颜常态床上.jpg'); } .huawuyanct03 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/花无颜常态躺下.jpg'); } .huawuyanct04 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/花无颜常态站立.jpg'); } .huawuyanxy01 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/花无颜亵衣形态.jpg'); } .huawuyanxy02 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/花无颜亵衣形态侧躺.jpg'); } .huawuyanxy03 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/花无颜亵衣形态躺下.jpg'); } /* 雷九烬 leijiujin */ .leijiujinct01 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/雷九烬常态站立.jpg'); } .leijiujinct02 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/雷九烬常态坐姿.jpg'); } .leijiujinox01 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/雷九烬偶像形态.jpg'); } .leijiujinox02 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/雷九烬偶像形态侧身回眸.jpg'); } .leijiujinox03 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/雷九烬偶像形态抬手拥抱.jpg'); } /* 柳芊芊 liuqianqian */ .liuqianqianct01 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/柳芊芊常态.jpg'); } .liuqianqianct02 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/柳芊芊常态侧身回眸.jpg'); } .liuqianqianct03 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/柳芊芊常态站姿.jpg'); } .liuqianqianct04 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/柳芊芊常态坐姿.jpg'); } .liuqianqianct05 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/柳芊芊常态坐姿侧腿.jpg'); } .liuqianqianct06 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/柳芊芊常态坐姿翘腿.jpg'); } .liuqianqianxy01 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/柳芊芊亵衣形态.jpg'); } .liuqianqianxy02 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/柳芊芊亵衣形态侧身抚臀.jpg'); } .liuqianqianxy03 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/柳芊芊亵衣形态侧身回眸.jpg'); } .liuqianqianxy04 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/柳芊芊亵衣形态侧身抬臀.jpg'); } .liuqianqianxy05 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/柳芊芊亵衣形态侧躺抬臀.jpg'); } .liuqianqianxy06 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/柳芊芊亵衣形态侧坐回眸.jpg'); } .liuqianqianxy07 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/柳芊芊亵衣形态抚.jpg'); } .liuqianqianxy08 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/柳芊芊亵衣形态抚臀.jpg'); } .liuqianqianxy09 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/柳芊芊亵衣形态跪姿回眸.jpg'); } .liuqianqianxy10 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/柳芊芊亵衣形态翘臀.jpg'); } /* 洛涴沁 luowanqin */ .luowanqinct01 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/洛涴沁常态翘腿.jpg'); } .luowanqinct02 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/洛涴沁常态站立.jpg'); } .luowanqinct03 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/洛涴沁常态坐姿.jpg'); } .luowanqinsm01 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/洛涴沁水母形态.jpg'); } .luowanqinsm02 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/洛涴沁水母形态侧躺.jpg'); } .luowanqinsm03 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/洛涴沁水母形态站立.jpg'); } .luowanqinsm04 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/洛涴沁水母形态坐姿.jpg'); } /* 上官灵儿 shangguanlinger */ .shangguanlingerct01 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/上官灵儿常态.jpg'); } .shangguanlingerct02 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/上官灵儿常态床上.jpg'); } .shangguanlingerct03 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/上官灵儿常态站姿.jpg'); } .shangguanlingerct04 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/上官灵儿常态坐姿.jpg'); } .shangguanlingerln01 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/上官灵儿灵牛形态.jpg'); } .shangguanlingerln02 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/上官灵儿灵牛形态抚胸.jpg'); } .shangguanlingerln03 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/上官灵儿灵牛形态抬乳.jpg'); } .shangguanlingerln04 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/上官灵儿灵牛形态胸部展示.jpg'); } /* 苏璎珞 suyingluo */ .suyingluoct01 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/苏璎珞常态.jpg'); } .suyingluoct02 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/苏璎珞常态侧身回眸.jpg'); } .suyingluoct03 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/苏璎珞常态站姿.jpg'); } .suyingluoct04 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/苏璎珞状态.jpg'); } .suyingluorq01 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/苏璎珞燃情状态.jpg'); } .suyingluorq02 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/苏璎珞燃情状态站姿.jpg'); } .suyingluorq03 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/苏璎珞燃情状态坐姿.jpg'); } .suyingluoxy01 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/苏璎珞亵衣形态.jpg'); } .suyingluoxy02 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/苏璎珞亵衣形态俯身前倾.jpg'); } .suyingluoxy03 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/苏璎珞亵衣形态趴着抬臀.jpg'); } .suyingluoxy04 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/苏璎珞亵衣形态躺下.jpg'); } .suyingluoxy05 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/苏璎珞亵衣形态躺下抬腿.jpg'); } .suyingluoxy06 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/苏璎珞亵衣形态站姿.jpg'); } .suyingluoxy07 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/苏璎珞亵衣形态站姿展示.jpg'); } /* 璇星子 xuanxingzi */ .xuanxingzict01 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/璇星子常态.jpg'); } .xuanxingzict02 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/璇星子常态躺.jpg'); } .xuanxingzict03 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/璇星子常态躺下.jpg'); } .xuanxingzifr01 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/璇星子丰润形态.jpg'); } .xuanxingzifr02 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/璇星子丰润形态躺.jpg'); } .xuanxingzifr03 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/璇星子丰润形态站姿.jpg'); } .xuanxingzifr04 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/璇星子丰润形态坐姿抚腿.jpg'); } .xuanxingzifr05 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/璇星子丰润形态坐姿翘腿.jpg'); } /* 炎舞阳 yanwuyang */ .yanwuyangct01 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/炎舞阳常态侧躺.jpg'); } .yanwuyangct02 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/炎舞阳常态撑床侧坐.jpg'); } .yanwuyangct03 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/炎舞阳常态站立.jpg'); } .yanwuyangct04 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/炎舞阳常态坐姿.jpg'); } .yanwuyangct05 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/炎舞阳常态坐姿翘腿.jpg'); } .yanwuyangdz01 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/炎舞阳锻造形态.jpg'); } .yanwuyangdz02 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/炎舞阳锻造形态站姿.jpg'); } .yanwuyangdz03 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/炎舞阳锻造形态坐姿.jpg'); } /* 夜无痕 yewuhen */ .yewuhenct01 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/夜无痕常态侧躺抬腿.jpg'); } .yewuhenct02 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/夜无痕常态躺床上.jpg'); } .yewuhenct03 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/夜无痕常态躺下.jpg'); } .yewuhenct04 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/夜无痕常态站姿.jpg'); } .yewuhenct05 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/夜无痕常态站姿抬腿.jpg'); } .yewuhenct06 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/夜无痕常态坐姿双腿打开.jpg'); } .yewuhenml01 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/夜无痕魔龙形态.jpg'); } .yewuhenml02 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/夜无痕魔龙形态侧身回眸.jpg'); } .yewuhenml03 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/夜无痕魔龙形态俯身.jpg'); } .yewuhenml04 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/夜无痕魔龙形态前倾抬臀.jpg'); } .yewuhenml05 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/夜无痕魔龙形态站姿.jpg'); } /* 紫妧 ziwan */ .ziwanct01 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/紫妧常态.jpg'); } .ziwanct02 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/紫妧常态侧躺.jpg'); } .ziwanct03 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/紫妧常态侧躺坐姿.jpg'); } .ziwanct04 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/紫妧常态站姿.jpg'); } .ziwanxy01 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/紫妧亵衣侧身回眸.jpg'); } .ziwanxy02 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/紫妧亵衣端坐放松.jpg'); } .ziwanxy03 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/紫妧亵衣扶桌前倾.jpg'); } .ziwanxy04 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/紫妧亵衣俯身倚靠.jpg'); } .ziwanxy05 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/紫妧亵衣前倾凝眸.jpg'); } .ziwanxy06 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/紫妧亵衣挺立展示.jpg'); } .ziwanxy07 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/紫妧亵衣微侧挺立.jpg'); } .ziwanxy08 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/紫妧亵衣掀帘而出.jpg'); } .ziwanxy09 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/紫妧亵衣斜卧休憩.jpg'); } .ziwanxy10 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/紫妧亵衣斜倚而坐.jpg'); } .ziwanxy11 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/紫妧亵衣形侧身扭转.jpg'); } .ziwanxy12 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/紫妧亵衣形态趴床上回头看.jpg'); } .ziwanxy13 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/紫妧亵衣倚靠而坐.jpg'); } .ziwanxy14 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/紫妧亵衣慵懒坐卧.jpg'); } .ziwanxy15 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/紫妧亵衣坐姿.jpg'); } /* ═══════════════════════════════════════════════════════════ 天香合欢宗 · 金红紫精修版 UI覆盖补丁 风格：金色+深红+紫色，修真古风 兼容：不强制渲染，保留平台原有功能 ═══════════════════════════════════════════════════════════ */ /* ───────────────────────────────────────────── 1. 基础防污染 ───────────────────────────────────────────── */ .separator, hr { display: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } /* ───────────────────────────────────────────── 2. 正文框 story-main ───────────────────────────────────────────── */ article.story-main { display: block !important; width: auto !important; max-width: 100% !important; box-sizing: border-box !important; margin: 10px 0 12px 0 !important; padding: 16px 15px !important; text-align: left !important; background: radial-gradient(circle at 20% 30%, rgba(212, 168, 83, 0.1), transparent 40%), radial-gradient(circle at 80% 70%, rgba(180, 60, 80, 0.08), transparent 40%), radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.04), transparent 60%), linear-gradient(180deg, rgba(26, 26, 46, 0.96), rgba(22, 18, 32, 0.98)) !important; border: 1px solid rgba(212, 168, 83, 0.4) !important; border-left: 4px solid rgba(212, 168, 83, 0.65) !important; border-right: 4px solid rgba(212, 168, 83, 0.65) !important; border-radius: 10px !important; color: #f0e8d8 !important; font-size: 15px !important; line-height: 1.9 !important; letter-spacing: 0.4px !important; box-shadow: 0 0 0 1px rgba(212, 168, 83, 0.08) inset, 0 8px 22px rgba(40, 20, 30, 0.2) !important; } article.story-main p { margin: 0 0 0.9em 0 !important; color: #f0e8d8 !important; } article.story-main b, article.story-main strong { color: #f5e6c8 !important; font-weight: 800 !important; text-shadow: 0 0 7px rgba(212, 168, 83, 0.35) !important; } article.story-main::after { content: "✦"; display: block; text-align: right; color: rgba(212, 168, 83, 0.7); opacity: 0.72; font-size: 15px; margin-top: 6px; } /* ───────────────────────────────────────────── 3. 状态栏 sys-panel ───────────────────────────────────────────── */ details.sys-panel { display: block !important; width: auto !important; max-width: 100% !important; box-sizing: border-box !important; margin: 0 0 9px 0 !important; padding: 0 !important; text-align: left !important; border: 1px solid rgba(212, 168, 83, 0.55) !important; border-radius: 11px !important; overflow-x: auto !important; overflow-y: hidden !important; background: radial-gradient(circle at 30% 40%, rgba(212, 168, 83, 0.07), transparent 35%), radial-gradient(circle at 70% 60%, rgba(180, 60, 80, 0.06), transparent 35%), linear-gradient(180deg, rgba(26, 26, 46, 0.96), rgba(22, 18, 32, 0.98)) !important; color: #e8dcc8 !important; box-shadow: 0 0 0 1px rgba(212, 168, 83, 0.06) inset, 0 5px 16px rgba(40, 20, 30, 0.18) !important; } details.sys-panel[open] { border-color: rgba(212, 168, 83, 0.8) !important; box-shadow: 0 0 0 1px rgba(212, 168, 83, 0.1) inset, 0 0 15px rgba(212, 168, 83, 0.18), 0 8px 22px rgba(40, 20, 30, 0.2) !important; } details.sys-panel > summary { display: block !important; box-sizing: border-box !important; padding: 8px 14px !important; text-align: center !important; list-style: none !important; cursor: pointer !important; color: #f5e6c8 !important; font-size: 13.5px !important; font-weight: 800 !important; letter-spacing: 1.5px !important; background: radial-gradient(circle at 50% 50%, rgba(212, 168, 83, 0.1), transparent 50%), linear-gradient(90deg, rgba(26, 26, 46, 0.96), rgba(35, 22, 40, 0.92), rgba(26, 26, 46, 0.96)) !important; border-bottom: 1px solid rgba(212, 168, 83, 0.35) !important; } details.sys-panel > summary::-webkit-details-marker { display: none !important; } details.sys-panel > summary::before { content: "◆"; color: rgba(212, 168, 83, 0.7); margin-right: 8px; text-shadow: 0 0 6px rgba(212, 168, 83, 0.45); } details.sys-panel > summary::after { content: "◆"; color: rgba(212, 168, 83, 0.7); margin-left: 8px; text-shadow: 0 0 6px rgba(212, 168, 83, 0.45); } details.sys-panel > summary b { color: #f5e6c8 !important; font-weight: 900 !important; text-shadow: 0 0 7px rgba(212, 168, 83, 0.4) !important; } details.sys-panel p, details.sys-panel li, details.sys-panel ul, details.sys-panel ol { color: #e0d4be !important; font-size: 13.5px !important; line-height: 1.75 !important; } details.sys-panel p { margin: 6px 13px !important; } details.sys-panel ul, details.sys-panel ol { margin: 7px 14px 9px 28px !important; padding: 0 !important; } details.sys-panel li { margin: 3px 0 !important; } details.sys-panel h1, details.sys-panel h2, details.sys-panel h3, details.sys-panel h4 { color: #e8d8b0 !important; font-weight: 900 !important; letter-spacing: 1px !important; margin: 13px 12px 7px 12px !important; padding: 5px 8px 5px 10px !important; line-height: 1.35 !important; border-left: 4px solid rgba(212, 168, 83, 0.65) !important; background: linear-gradient(90deg, rgba(212, 168, 83, 0.14), rgba(212, 168, 83, 0.02)) !important; border-radius: 6px !important; } details.sys-panel h3 { font-size: 14px !important; } details.sys-panel b, details.sys-panel strong { color: #f0e0c0 !important; font-weight: 900 !important; text-shadow: 0 0 5px rgba(212, 168, 83, 0.3) !important; } details.sys-panel { color: #e8dcc8 !important; } details.sys-panel div[class$="tx"], details.sys-panel div[class$="lh"] { margin: 8px 10px 8px 12px !important; } /* ───────────────────────────────────────────── 5. 表格 ───────────────────────────────────────────── */ details.sys-panel table, details.star-memory table { width: 100% !important; border-collapse: collapse !important; margin: 8px 0 !important; background: rgba(30, 22, 38, 0.75) !important; border-radius: 7px !important; overflow-x: auto !important; display: block !important; } details.sys-panel th, details.star-memory th { padding: 7px 9px !important; color: rgba(245, 230, 200, 0.92) !important; background: rgba(50, 35, 55, 0.82) !important; border: 1px solid rgba(212, 168, 83, 0.3) !important; font-size: 12px !important; font-weight: 800 !important; } details.sys-panel td, details.star-memory td { padding: 6px 9px !important; color: #f0e8d8 !important; background: rgba(30, 22, 38, 0.65) !important; border: 1px solid rgba(212, 168, 83, 0.22) !important; font-size: 12.5px !important; } details.sys-panel tr:hover td, details.star-memory tr:hover td { background: rgba(50, 38, 58, 0.72) !important; } details.star-memory { margin: 7px 12px 10px 12px !important; padding: 0 !important; border: 1px solid rgba(212, 168, 83, 0.55) !important; border-radius: 8px !important; background: rgba(22, 18, 32, 0.9) !important; overflow-x: auto !important; } details.star-memory > summary { padding: 7px 12px !important; background: rgba(30, 22, 40, 0.92) !important; color: #f5e6c8 !important; font-size: 12.5px !important; text-align: center !important; } /* ───────────────────────────────────────────── 6. 九宫格/代码块 ───────────────────────────────────────────── */ details.sys-panel pre, details.sys-panel code { box-sizing: border-box !important; background: rgba(22, 18, 32, 0.88) !important; color: #e8d8b0 !important; border: 1px solid rgba(212, 168, 83, 0.38) !important; border-radius: 7px !important; font-size: 12px !important; line-height: 1.55 !important; } /* ───────────────────────────────────────────── 7. 顶部栏与顶部按钮 ───────────────────────────────────────────── */ .sticky.w-full.top-0.flex.items-center { background: radial-gradient(circle at 50% 50%, rgba(212, 168, 83, 0.05), transparent 50%), linear-gradient(180deg, rgba(240, 235, 225, 0.96), rgba(235, 228, 215, 0.72)) !important; backdrop-filter: blur(12px) !important; border-bottom: 1px solid rgba(212, 168, 83, 0.18) !important; box-shadow: 0 4px 18px rgba(80, 50, 30, 0.07) !important; } .sticky.w-full.top-0 svg, #header-setting-button svg, #ai-model-selector svg { color: #3a1f2a !important; } .sticky.w-full.top-0 button:hover svg, #header-setting-button:hover svg, #ai-model-selector .group.flex.items-center:hover svg { color: rgba(180, 120, 60, 0.8) !important; } #ai-model-selector .group.flex.items-center { border: 1px solid rgba(212, 168, 83, 0.28) !important; border-radius: 9px !important; background: rgba(255, 250, 240, 0.72) !important; box-shadow: 0 2px 9px rgba(80, 50, 30, 0.07) !important; } #ai-model-selector .group.flex.items-center:hover { background: rgba(245, 238, 225, 0.6) !important; border-color: rgba(212, 168, 83, 0.48) !important; } #ai-model-selector .truncate.text-\[13px\] { color: rgba(140, 90, 40, 0.9) !important; font-weight: 700 !important; } /* ───────────────────────────────────────────── 8. 底部输入栏大框：金红深色风格 ───────────────────────────────────────────── */ div[data-slot="input-group"][role="group"], #ai-chat-bottom-input { background: radial-gradient(ellipse at 50% 0%, rgba(212, 168, 83, 0.06), transparent 55%), linear-gradient(180deg, rgba(30, 22, 38, 0.97) 0%, rgba(26, 18, 32, 0.98) 50%, rgba(22, 15, 28, 0.99) 100%) !important; border: 1px solid rgba(212, 168, 83, 0.3) !important; border-bottom: 1px solid rgba(180, 120, 60, 0.35) !important; border-radius: 14px !important; box-shadow: 0 -3px 20px rgba(30, 15, 25, 0.2), 0 -1px 4px rgba(180, 120, 60, 0.08), 0 0 30px rgba(212, 168, 83, 0.04) inset, 0 0 1px rgba(212, 168, 83, 0.1) inset !important; padding: 10px 12px 8px 12px !important; } div[data-slot="input-group"][role="group"]:focus-within, #ai-chat-bottom-input:focus-within { border-color: rgba(212, 168, 83, 0.5) !important; border-bottom-color: rgba(180, 120, 60, 0.45) !important; box-shadow: 0 -4px 24px rgba(180, 120, 60, 0.15), 0 -1px 6px rgba(180, 120, 60, 0.1), 0 0 40px rgba(212, 168, 83, 0.06) inset, 0 0 1px rgba(212, 168, 83, 0.18) inset !important; } div[data-slot="input-group"][role="group"] textarea, div[data-slot="input-group"][role="group"] #ai-chat-input, #ai-chat-input { background: transparent !important; color: #f0e0c8 !important; caret-color: rgba(212, 168, 83, 0.85) !important; font-size: 14.5px !important; line-height: 1.65 !important; letter-spacing: 0.2px !important; transition: all 0.25s ease !important; } #prompt-input-body { padding: 6px 10px !important; background: rgba(35, 25, 42, 0.6) !important; border: 1px solid rgba(212, 168, 83, 0.22) !important; border-radius: 11px !important; transition: all 0.28s ease !important; } #prompt-input-body:focus-within { background: rgba(40, 30, 50, 0.72) !important; border-color: rgba(212, 168, 83, 0.42) !important; box-shadow: 0 0 0 3px rgba(212, 168, 83, 0.1), 0 2px 14px rgba(180, 120, 60, 0.1) inset !important; } #prompt-input-body textarea { min-height: 36px !important; max-height: 180px !important; resize: none !important; font-size: 14.5px !important; line-height: 1.65 !important; letter-spacing: 0.2px !important; color: #f0e0c8 !important; } #prompt-input-body textarea::placeholder { color: rgba(180, 150, 110, 0.45) !important; } /* ───────────────────────────────────────────── 8b. 顶部按钮行 ───────────────────────────────────────────── */ #prompt-input-header { display: flex !important; align-items: center !important; gap: 6px !important; padding: 4px 2px 6px 2px !important; border-bottom: 1px solid rgba(212, 168, 83, 0.12) !important; margin-bottom: 4px !important; } #prompt-input-header button, #prompt-input-header .MuiIconButton-root, #prompt-input-header [class*="MuiButton"] { border-radius: 8px !important; border: 1px solid rgba(212, 168, 83, 0.2) !important; background: linear-gradient(180deg, rgba(38, 28, 48, 0.75), rgba(30, 22, 38, 0.7)) !important; color: rgba(212, 180, 130, 0.75) !important; min-width: 32px !important; height: 30px !important; padding: 3px 8px !important; font-size: 11.5px !important; font-weight: 600 !important; box-shadow: 0 1px 4px rgba(30, 15, 25, 0.15), 0 0 0 1px rgba(255,255,255,0.04) inset !important; transition: all 0.2s ease !important; } #prompt-input-header button:hover, #prompt-input-header .MuiIconButton-root:hover, #prompt-input-header [class*="MuiButton"]:hover { background: linear-gradient(180deg, rgba(50, 38, 62, 0.82), rgba(40, 30, 50, 0.78)) !important; color: rgba(230, 200, 150, 0.92) !important; border-color: rgba(212, 168, 83, 0.4) !important; box-shadow: 0 2px 10px rgba(180, 120, 60, 0.15), 0 0 0 1px rgba(212, 168, 83, 0.12) inset !important; transform: translateY(-1px) !important; } #prompt-input-header svg { color: inherit !important; transition: all 0.2s ease !important; } #prompt-input-header button:hover svg, #prompt-input-header .MuiIconButton-root:hover svg { transform: scale(1.08) !important; } /* ───────────────────────────────────────────── 8c. 底部按钮行 ───────────────────────────────────────────── */ #prompt-input-footer { display: flex !important; align-items: center !important; gap: 5px !important; padding: 6px 2px 2px 2px !important; border-top: 1px solid rgba(212, 168, 83, 0.12) !important; margin-top: 4px !important; flex-wrap: wrap !important; } #prompt-input-footer button, #prompt-input-footer .MuiButton-root, #prompt-input-footer .MuiIconButton-root, #prompt-input-footer [class*="MuiButton"] { border-radius: 8px !important; border: 1px solid rgba(212, 168, 83, 0.2) !important; background: linear-gradient(180deg, rgba(35, 25, 45, 0.7), rgba(28, 20, 36, 0.66)) !important; color: rgba(212, 180, 130, 0.75) !important; font-size: 11.5px !important; font-weight: 600 !important; letter-spacing: 0.2px !important; padding: 4px 9px !important; height: 28px !important; box-shadow: 0 1px 5px rgba(30, 15, 25, 0.12), 0 0 0 1px rgba(255,255,255,0.03) inset !important; transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1) !important; } #prompt-input-footer button:hover, #prompt-input-footer .MuiButton-root:hover, #prompt-input-footer .MuiIconButton-root:hover, #prompt-input-footer [class*="MuiButton"]:hover { background: linear-gradient(180deg, rgba(48, 36, 60, 0.78), rgba(38, 28, 48, 0.74)) !important; color: rgba(240, 210, 160, 0.92) !important; border-color: rgba(212, 168, 83, 0.42) !important; box-shadow: 0 2px 12px rgba(180, 120, 60, 0.16), 0 0 0 1px rgba(212, 168, 83, 0.12) inset !important; transform: translateY(-1px) !important; } #prompt-input-footer button:active, #prompt-input-footer .MuiButton-root:active, #prompt-input-footer .MuiIconButton-root:active, #prompt-input-footer [class*="MuiButton"]:active { transform: translateY(0) !important; box-shadow: 0 1px 3px rgba(30, 15, 25, 0.1), 0 0 0 1px rgba(255,255,255,0.02) inset !important; } #prompt-input-footer svg { color: inherit !important; transition: all 0.2s ease !important; } #prompt-input-footer button:hover svg, #prompt-input-footer .MuiIconButton-root:hover svg { transform: scale(1.06) !important; } /* ───────────────────────────────────────────── 9. 通用按钮：金红深色风格 ───────────────────────────────────────────── */ div[data-slot="input-group"][role="group"] button, div[data-slot="input-group"][role="group"] .MuiButton-root, div[data-slot="input-group"][role="group"] .MuiIconButton-root, #ai-chat-bottom-input button, #ai-chat-bottom-input .MuiButton-root, #ai-chat-bottom-input .MuiIconButton-root, #ai-mod-button2 button.MuiButton-root, button.MuiButton-root, button.MuiIconButton-root { border-radius: 10px !important; border: 1px solid rgba(212, 168, 83, 0.22) !important; background: linear-gradient(180deg, rgba(35, 25, 45, 0.72), rgba(28, 20, 36, 0.68)) !important; color: rgba(212, 180, 130, 0.78) !important; font-size: 12.5px !important; font-weight: 600 !important; letter-spacing: 0.3px !important; padding: 5px 10px !important; box-shadow: 0 1px 6px rgba(30, 15, 25, 0.12), 0 0 0 1px rgba(255,255,255,0.04) inset !important; transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1) !important; } div[data-slot="input-group"][role="group"] button:hover, div[data-slot="input-group"][role="group"] .MuiButton-root:hover, div[data-slot="input-group"][role="group"] .MuiIconButton-root:hover, #ai-chat-bottom-input button:hover, #ai-chat-bottom-input .MuiButton-root:hover, #ai-chat-bottom-input .MuiIconButton-root:hover, #ai-mod-button2 button.MuiButton-root:hover, button.MuiButton-root:hover, button.MuiIconButton-root:hover { background: linear-gradient(180deg, rgba(48, 36, 60, 0.8), rgba(38, 28, 48, 0.76)) !important; color: rgba(240, 210, 160, 0.92) !important; border-color: rgba(212, 168, 83, 0.42) !important; box-shadow: 0 3px 14px rgba(180, 120, 60, 0.16), 0 0 0 1px rgba(212, 168, 83, 0.12) inset, 0 1px 3px rgba(180, 120, 60, 0.08) inset !important; transform: translateY(-1px) !important; } div[data-slot="input-group"][role="group"] button:active, div[data-slot="input-group"][role="group"] .MuiButton-root:active, div[data-slot="input-group"][role="group"] .MuiIconButton-root:active, #ai-chat-bottom-input button:active, button.MuiButton-root:active, button.MuiIconButton-root:active { transform: translateY(0) !important; box-shadow: 0 1px 4px rgba(30, 15, 25, 0.1), 0 0 0 1px rgba(255,255,255,0.02) inset !important; } div[data-slot="input-group"][role="group"] svg, #ai-chat-bottom-input svg, #ai-mod-button2 svg, button.MuiButton-root svg, button.MuiIconButton-root svg { color: rgba(212, 180, 130, 0.78) !important; transition: all 0.22s ease !important; } div[data-slot="input-group"][role="group"] button:hover svg, #ai-chat-bottom-input button:hover svg, #ai-mod-button2 button:hover svg, button.MuiButton-root:hover svg, button.MuiIconButton-root:hover svg { color: rgba(240, 210, 160, 0.92) !important; transform: scale(1.05) !important; } /* 发送按钮 */ div[data-slot="input-group"][role="group"] button:last-child, #ai-chat-bottom-input button:last-child { background: linear-gradient(180deg, rgba(120, 80, 40, 0.82), rgba(90, 60, 30, 0.86)) !important; border-color: rgba(212, 168, 83, 0.5) !important; color: rgba(255, 230, 180, 0.92) !important; border-radius: 10px !important; box-shadow: 0 2px 12px rgba(120, 80, 40, 0.22), 0 0 0 1px rgba(212, 168, 83, 0.18) inset !important; } div[data-slot="input-group"][role="group"] button:last-child svg, #ai-chat-bottom-input button:last-child svg { color: rgba(255, 230, 180, 0.92) !important; } div[data-slot="input-group"][role="group"] button:last-child:hover, #ai-chat-bottom-input button:last-child:hover { background: linear-gradient(180deg, rgba(140, 95, 50, 0.88), rgba(110, 75, 40, 0.9)) !important; border-color: rgba(212, 168, 83, 0.58) !important; color: rgba(255, 240, 200, 0.92) !important; box-shadow: 0 4px 16px rgba(120, 80, 40, 0.18), 0 0 16px rgba(212, 168, 83, 0.12) !important; } div[data-slot="input-group"][role="group"] button:last-child:hover svg, #ai-chat-bottom-input button:last-child:hover svg { color: rgba(255, 240, 200, 0.92) !important; } /* 模型选择器 */ div[data-slot="input-group"][role="group"] .MuiInputBase-root, div[data-slot="input-group"][role="group"] [class*="MuiInputBase"], #ai-chat-bottom-input .MuiInputBase-root, #ai-chat-bottom-input [class*="MuiInputBase"] { border-radius: 10px !important; border: 1px solid rgba(212, 168, 83, 0.22) !important; background: linear-gradient(180deg, rgba(32, 24, 40, 0.7), rgba(26, 18, 32, 0.66)) !important; color: rgba(212, 180, 130, 0.78) !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0.2px !important; transition: all 0.22s ease !important; } #ai-chat-bottom-input .MuiInputBase-root:hover, #ai-chat-bottom-input [class*="MuiInputBase"]:hover { background: linear-gradient(180deg, rgba(42, 32, 55, 0.78), rgba(34, 24, 42, 0.74)) !important; border-color: rgba(212, 168, 83, 0.4) !important; } div.cursor-pointer.group.flex.items-center.justify-center { border-radius: 10px !important; transition: all 0.22s ease !important; } /* ───────────────────────────────────────────── 10. 评论区 ───────────────────────────────────────────── */ div[class*="w-full"][class*="bg-white"][class*="bottom-0"] { background: radial-gradient(circle at 50% 50%, rgba(212, 168, 83, 0.05), transparent 50%), linear-gradient(180deg, rgba(255,250,240,0.98), rgba(245,238,225,0.97)) !important; color: #3a1f2a !important; border-top: 1px solid rgba(212, 168, 83, 0.2) !important; box-shadow: 0 -8px 26px rgba(80, 50, 30, 0.1) !important; } div.text-lg.font-bold, p.MuiTypography-body1.text-grey-600 { color: rgba(140, 90, 40, 0.85) !important; text-shadow: 0 0 5px rgba(212, 168, 83, 0.2) !important; } span.MuiRating-iconEmpty svg { color: rgba(180, 150, 110, 0.5) !important; } span.MuiRating-iconFilled svg { color: rgba(212, 168, 83, 0.8) !important; filter: drop-shadow(0 0 4px rgba(212, 168, 83, 0.4)) !important; } span.text-orange-500 { color: rgba(180, 120, 60, 0.8) !important; } textarea.rc-textarea { background: rgba(250, 245, 235, 0.95) !important; border: 1px solid rgba(212, 168, 83, 0.22) !important; color: #3a1f2a !important; border-radius: 10px !important; box-shadow: 0 2px 10px rgba(80, 50, 30, 0.06) inset !important; } textarea.rc-textarea:focus { border-color: rgba(212, 168, 83, 0.5) !important; box-shadow: 0 0 0 1px rgba(212, 168, 83, 0.4), 0 2px 10px rgba(80, 50, 30, 0.06) inset !important; } div.bg-gray-100.text-gray-500 { background: rgba(250, 245, 235, 0.95) !important; color: rgba(140, 90, 40, 0.8) !important; border: 1px solid rgba(212, 168, 83, 0.15) !important; } div.cursor-pointer.group.flex.items-center.justify-center svg[data-icon="Send03"] { color: rgba(180, 120, 60, 0.75) !important; } div.cursor-pointer.group.flex.items-center.justify-center:hover svg[data-icon="Send03"] { color: rgba(140, 90, 40, 0.85) !important; } button.MuiButton-containedPrimary { background: linear-gradient(135deg, rgba(212, 168, 83, 0.7), rgba(180, 120, 60, 0.7)) !important; color: #ffffff !important; border-color: rgba(180, 120, 60, 0.5) !important; border-radius: 16px !important; box-shadow: 0 4px 12px rgba(120, 80, 40, 0.18) !important; } button.MuiButton-outlinedPrimary { color: rgba(140, 90, 40, 0.85) !important; border-color: rgba(180, 120, 60, 0.4) !important; background: rgba(255,250,240,0.72) !important; border-radius: 16px !important; } button.MuiButton-containedPrimary:hover, button.MuiButton-outlinedPrimary:hover { background: linear-gradient(135deg, rgba(212, 168, 83, 0.85), rgba(180, 120, 60, 0.85)) !important; color: #ffffff !important; border-color: rgba(212, 168, 83, 0.6) !important; box-shadow: 0 6px 18px rgba(120, 80, 40, 0.22) !important; } /* ───────────────────────────────────────────── 思维链 think-panel：金红深色风格 ───────────────────────────────────────────── */ details.think-panel { display: block !important; margin: 0 0 10px 0 !important; padding: 0 !important; border: 1px solid rgba(212, 168, 83, 0.5) !important; border-radius: 11px !important; background: radial-gradient(circle at 30% 40%, rgba(212, 168, 83, 0.06), transparent 35%), radial-gradient(circle at 70% 60%, rgba(180, 60, 80, 0.05), transparent 35%), linear-gradient(180deg, rgba(26, 26, 46, 0.96), rgba(22, 18, 32, 0.98)) !important; color: #e0d4be !important; box-shadow: 0 0 0 1px rgba(212, 168, 83, 0.06) inset, 0 5px 16px rgba(40, 20, 30, 0.18) !important; } details.think-panel > summary { display: block !important; padding: 8px 14px !important; text-align: center !important; list-style: none !important; cursor: pointer !important; color: #f5e6c8 !important; font-size: 13.5px !important; font-weight: 800 !important; letter-spacing: 1.5px !important; background: radial-gradient(circle at 50% 50%, rgba(212, 168, 83, 0.1), transparent 50%), linear-gradient(90deg, rgba(26, 26, 46, 0.96), rgba(35, 22, 40, 0.92), rgba(26, 26, 46, 0.96)) !important; border-bottom: 1px solid rgba(212, 168, 83, 0.35) !important; } details.think-panel > summary::-webkit-details-marker { display: none !important; } details.think-panel > summary::before { content: "◆"; color: rgba(212, 168, 83, 0.7); margin-right: 8px; text-shadow: 0 0 6px rgba(212, 168, 83, 0.45); } details.think-panel > summary::after { content: "◆"; color: rgba(212, 168, 83, 0.7); margin-left: 8px; text-shadow: 0 0 6px rgba(212, 168, 83, 0.45); } details.think-panel > summary b { color: #f5e6c8 !important; font-weight: 900 !important; text-shadow: 0 0 7px rgba(212, 168, 83, 0.4) !important; } details.think-panel > summary span { display: block !important; font-size: 11px !important; color: rgba(212, 180, 130, 0.55) !important; font-weight: 400 !important; letter-spacing: 0.5px !important; margin-top: 2px !important; } details.think-panel .think-inner { padding: 10px 12px !important; } details.think-panel .think-inner q { display: block !important; position: relative !important; margin: 0 0 10px 0 !important; padding: 30px 10px 10px 10px !important; border-radius: 10px !important; border: 1px solid rgba(212, 168, 83, 0.25) !important; background: rgba(30, 22, 38, 0.7) !important; font-style: normal !important; quotes: none !important; } details.think-panel .think-inner q::before { content: attr(data-title) !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; min-height: 28px !important; display: flex !important; align-items: center !important; padding: 0 10px !important; font-size: 11.2px !important; font-weight: 700 !important; letter-spacing: 0.5px !important; color: #f5e6c8 !important; background: linear-gradient(90deg, rgba(212, 168, 83, 0.18), rgba(212, 168, 83, 0.05)) !important; border-bottom: 1px solid rgba(212, 168, 83, 0.2) !important; border-radius: 10px 10px 0 0 !important; } details.think-panel .think-inner q p { font-size: 13px !important; line-height: 1.7 !important; margin: 4px 0 !important; color: #e0d4be !important; } details.think-panel .think-inner q strong, details.think-panel .think-inner q b { color: #f0e0c0 !important; font-weight: 900 !important; text-shadow: 0 0 5px rgba(212, 168, 83, 0.3) !important; } details.think-panel .think-inner q:nth-of-type(1) { border-left: 3px solid rgba(212, 168, 83, 0.8) !important; } details.think-panel .think-inner q:nth-of-type(2) { border-left: 3px solid rgba(180, 120, 60, 0.7) !important; } details.think-panel .think-inner q:nth-of-type(3) { border-left: 3px solid rgba(180, 60, 80, 0.8) !important; } details.think-panel .think-inner q:nth-of-type(4) { border-left: 3px solid rgba(180, 100, 50, 0.6) !important; } details.think-panel .think-inner q:nth-of-type(5) { border-left: 3px solid rgba(160, 80, 60, 0.7) !important; } details.think-panel .think-inner q:nth-of-type(6) { border-left: 3px solid rgba(140, 60, 70, 0.8) !important; } details.think-panel .think-inner q:nth-of-type(7) { border-left: 3px solid rgba(120, 80, 50, 0.6) !important; } details.think-panel .think-inner q:nth-of-type(8) { border-left: 3px solid rgba(200, 140, 60, 0.5) !important; } details.think-panel .think-inner q:nth-of-type(9) { border-left: 3px solid rgba(170, 100, 70, 0.6) !important; } details.think-panel .think-inner q:nth-of-type(10) { border-left: 3px solid rgba(150, 90, 80, 0.7) !important; } details.think-panel .think-inner q:hover { transform: translateY(-1px) !important; border-color: rgba(212, 168, 83, 0.6) !important; background: rgba(38, 28, 48, 0.82) !important; box-shadow: 0 0 14px rgba(212, 168, 83, 0.12), 0 6px 15px rgba(30, 15, 25, 0.18) !important; } details.think-panel .think-inner q:last-child { margin-bottom: 0 !important; } details.think-panel .think-inner q > b:first-child { display: block !important; width: fit-content !important; max-width: 100% !important; box-sizing: border-box !important; margin: 0 0 7px 0 !important; padding: 3px 8px !important; border-radius: 999px !important; border: 1px solid rgba(212, 168, 83, 0.25) !important; background: rgba(120, 80, 40, 0.22) !important; color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.35 !important; letter-spacing: 0.5px !important; text-shadow: 0 0 6px rgba(212, 168, 83, 0.4), 0 0 12px rgba(180, 120, 60, 0.2) !important; } details.think-panel .think-inner q p::before { content: "•" !important; display: inline-block !important; margin-right: 6px !important; color: rgba(212, 168, 83, 0.8) !important; font-weight: 900 !important; text-shadow: 0 0 5px rgba(212, 168, 83, 0.4) !important; } details.think-panel .think-inner q code { display: inline-block !important; padding: 1px 5px !important; margin: 0 2px !important; border-radius: 5px !important; border: 1px solid rgba(212, 168, 83, 0.2) !important; background: rgba(120, 80, 40, 0.35) !important; color: #e0d4be !important; font-size: 12px !important; line-height: 1.35 !important; } details.think-panel .think-inner q strong, details.think-panel .think-inner q b { color: #f0e0c0 !important; font-weight: 900 !important; text-shadow: 0 0 5px rgba(212, 168, 83, 0.3) !important; } details.think-panel p, details.think-panel li, details.think-panel ul, details.think-panel ol { color: #e0d4be !important; font-size: 13px !important; line-height: 1.72 !important; } details.think-panel p { margin: 6px 0 !important; } details.think-panel ul, details.think-panel ol { margin: 7px 0 8px 21px !important; padding: 0 !important; } details.think-panel li { margin: 4px 0 !important; padding-left: 2px !important; } details.think-panel li::marker { color: rgba(212, 168, 83, 0.8) !important; font-weight: 800 !important; } details.think-panel strong, details.think-panel b { color: #f0e0c0 !important; font-weight: 900 !important; text-shadow: 0 0 5px rgba(212, 168, 83, 0.3) !important; } details.think-panel code { display: inline-block !important; padding: 1px 5px !important; margin: 0 2px !important; border-radius: 5px !important; background: rgba(120, 80, 40, 0.35) !important; color: #e0d4be !important; border: 1px solid rgba(212, 168, 83, 0.2) !important; font-size: 12px !important; } details.think-panel h1, details.think-panel h2, details.think-panel h3, details.think-panel h4 { margin: 10px 0 6px 0 !important; padding: 5px 8px !important; color: #f5e6c8 !important; font-size: 13.5px !important; font-weight: 900 !important; line-height: 1.35 !important; border-left: 4px solid rgba(212, 168, 83, 0.8) !important; border-radius: 6px !important; background: linear-gradient(90deg, rgba(212, 168, 83, 0.18), rgba(212, 168, 83, 0.04)) !important; } details.think-panel blockquote { margin: 8px 0 !important; padding: 7px 9px !important; border-left: 3px solid rgba(212, 168, 83, 0.6) !important; border-radius: 7px !important; background: rgba(120, 80, 40, 0.18) !important; color: #e0d4be !important; } details.think-panel:hover { border-color: rgba(212, 168, 83, 0.7) !important; } /* 思维链 q 卡片：Step标题栏补丁（含data-step编号） */ details.think-panel .think-inner q::before { content: "Step " attr(data-step) " · " attr(data-title) !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; min-height: 25px !important; box-sizing: border-box !important; padding: 5px 9px !important; border-radius: 9px 9px 0 0 !important; border-bottom: 1px solid rgba(212, 168, 83, 0.2) !important; background: linear-gradient(90deg, rgba(120, 80, 40, 0.7), rgba(180, 120, 60, 0.5), rgba(120, 80, 40, 0.2)) !important; color: #f5e6c8 !important; font-size: 11.5px !important; font-weight: 900 !important; line-height: 1.25 !important; letter-spacing: 0.7px !important; text-shadow: 0 0 6px rgba(212, 168, 83, 0.4) !important; } details.think-panel .think-inner q::after { content: none !important; } /* 思维链移动端适配 */ @media (max-width: 768px) { details.think-panel { margin: 7px 0 9px 0 !important; border-radius: 10px !important; } details.think-panel > summary { padding: 8px 10px !important; min-height: 36px !important; font-size: 13px !important; } details.think-panel > summary b { font-size: 13.5px !important; } details.think-panel > summary span { max-width: 45% !important; font-size: 10.5px !important; } details.think-panel .think-inner { padding: 9px 10px 10px 10px !important; } details.think-panel .think-inner q { margin: 0 0 8px 0 !important; padding: 32px 8px 8px 8px !important; border-radius: 9px !important; } details.think-panel .think-inner q::before { min-height: 24px !important; padding: 5px 8px !important; font-size: 10.8px !important; letter-spacing: 0.45px !important; } details.think-panel .think-inner q > b:first-child { margin-bottom: 6px !important; padding: 3px 7px !important; font-size: 12.6px !important; } details.think-panel .think-inner q p { font-size: 12.5px !important; line-height: 1.66 !important; } details.think-panel p, details.think-panel li, details.think-panel ul, details.think-panel ol { font-size: 12.8px !important; line-height: 1.68 !important; } } /* ───────────────────────────────────────────── 自定义回答区：统一金红深色风格 ───────────────────────────────────────────── */ #customized-answer-content { background: radial-gradient(circle at 30% 40%, rgba(212, 168, 83, 0.06), transparent 35%), radial-gradient(circle at 70% 60%, rgba(180, 60, 80, 0.05), transparent 35%), linear-gradient(180deg, rgba(26, 26, 46, 0.96), rgba(22, 18, 32, 0.98)) !important; border: 1px solid rgba(212, 168, 83, 0.4) !important; border-left: 3px solid rgba(212, 168, 83, 0.6) !important; border-right: 3px solid rgba(212, 168, 83, 0.6) !important; color: #f0e8d8 !important; border-radius: 10px !important; box-shadow: 0 0 0 1px rgba(212, 168, 83, 0.06) inset, 0 6px 20px rgba(40, 20, 30, 0.14) !important; } #customized-answer-content * { color: #f0e8d8 !important; } /* ───────────────────────────────────────────── 音频播放器：缩小 + 金红圆角风格 ───────────────────────────────────────────── */ .MuiBox-root:has(> .MuiTypography-root.MuiTypography-body2) { display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 5px 12px !important; background: linear-gradient(180deg, rgba(38, 28, 48, 0.72), rgba(30, 22, 38, 0.68)) !important; border: 1px solid rgba(212, 168, 83, 0.25) !important; border-radius: 20px !important; box-shadow: 0 1px 8px rgba(30, 15, 25, 0.15), 0 0 0 1px rgba(255,255,255,0.04) inset !important; max-width: 280px !important; transform: scale(0.88) !important; transform-origin: left center !important; } .MuiBox-root:has(> .MuiTypography-root.MuiTypography-body2) .MuiTypography-root.MuiTypography-body2 { font-size: 11px !important; color: rgba(230, 200, 150, 0.82) !important; line-height: 1.4 !important; } .MuiBox-root:has(> .MuiTypography-root.MuiTypography-body2) .MuiTypography-root.MuiTypography-caption { font-size: 10px !important; color: rgba(180, 150, 110, 0.6) !important; } .MuiBox-root:has(> .MuiTypography-root.MuiTypography-body2) .MuiIconButton-root.MuiIconButton-sizeSmall { width: 26px !important; height: 26px !important; min-width: 26px !important; padding: 4px !important; border-radius: 50% !important; background: linear-gradient(180deg, rgba(60, 42, 30, 0.6), rgba(45, 32, 22, 0.55)) !important; border: 1px solid rgba(212, 168, 83, 0.25) !important; color: rgba(230, 200, 150, 0.82) !important; } .MuiBox-root:has(> .MuiTypography-root.MuiTypography-body2) .MuiIconButton-root.MuiIconButton-sizeSmall:hover { background: linear-gradient(180deg, rgba(80, 55, 38, 0.72), rgba(60, 42, 30, 0.66)) !important; border-color: rgba(212, 168, 83, 0.4) !important; color: rgba(245, 220, 170, 0.92) !important; } .MuiBox-root:has(> .MuiTypography-root.MuiTypography-body2) .MuiIconButton-root svg { font-size: 13px !important; } /* ───────────────────────────────────────────── 自定义回答工具栏：日期+操作按钮统一美化 ───────────────────────────────────────────── */ .MuiStack-root.css-1ajg1ui { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 4px !important; padding: 6px 10px !important; } .text-xs.text-text-secondary { font-size: 10px !important; color: rgba(180, 150, 110, 0.55) !important; letter-spacing: 0.3px !important; margin-right: 4px !important; } .MuiStack-root.css-1ajg1ui .MuiButton-root, #customized-reload-button, #customized-edit-button, #customized-create-image-button, #customized-branch-and-share-button, #customized-prompt-button { min-width: unset !important; height: 24px !important; padding: 2px 8px !important; font-size: 10px !important; font-weight: 600 !important; letter-spacing: 0.2px !important; border-radius: 10px !important; border: 1px solid rgba(212, 168, 83, 0.22) !important; background: linear-gradient(180deg, rgba(35, 25, 45, 0.7), rgba(28, 20, 36, 0.66)) !important; color: rgba(212, 180, 130, 0.75) !important; box-shadow: 0 1px 4px rgba(30, 15, 25, 0.12), 0 0 0 1px rgba(255,255,255,0.03) inset !important; transition: all 0.2s ease !important; text-transform: none !important; } .MuiStack-root.css-1ajg1ui .MuiButton-root:hover, #customized-reload-button:hover, #customized-edit-button:hover, #customized-create-image-button:hover, #customized-branch-and-share-button:hover, #customized-prompt-button:hover { background: linear-gradient(180deg, rgba(48, 36, 60, 0.8), rgba(38, 28, 48, 0.76)) !important; color: rgba(240, 210, 160, 0.92) !important; border-color: rgba(212, 168, 83, 0.38) !important; box-shadow: 0 2px 8px rgba(180, 120, 60, 0.15), 0 0 0 1px rgba(212, 168, 83, 0.12) inset !important; transform: translateY(-1px) !important; } .MuiStack-root.css-1ajg1ui .MuiButton-root svg, #customized-reload-button svg, #customized-edit-button svg, #customized-create-image-button svg, #customized-branch-and-share-button svg, #customized-prompt-button svg { font-size: 12px !important; width: 12px !important; height: 12px !important; } /* ───────────────────────────────────────────── 跨平台兼容：另一平台 AI 回复区统一金红深色风格 ───────────────────────────────────────────── */ .group.is-assistant > .is-dark.bg-card, div[class*="is-assistant"][class*="bg-card"] { background: radial-gradient(circle at 20% 30%, rgba(212, 168, 83, 0.07), transparent 40%), radial-gradient(circle at 80% 70%, rgba(180, 60, 80, 0.06), transparent 40%), linear-gradient(180deg, rgba(26, 26, 46, 0.96), rgba(22, 18, 32, 0.98)) !important; border: 1px solid rgba(212, 168, 83, 0.38) !important; border-left: 3px solid rgba(212, 168, 83, 0.55) !important; border-right: 3px solid rgba(212, 168, 83, 0.55) !important; color: #f0e8d8 !important; border-radius: 11px !important; box-shadow: 0 0 0 1px rgba(212, 168, 83, 0.05) inset, 0 6px 18px rgba(40, 20, 30, 0.13) !important; } .group.is-assistant .rili-markdown-renderer, div.rili-markdown-renderer { color: #f0e8d8 !important; font-size: 14.5px !important; line-height: 1.85 !important; letter-spacing: 0.35px !important; } .group.is-assistant .rili-markdown-renderer *, div.rili-markdown-renderer * { color: #f0e8d8 !important; } .group.is-assistant .rili-markdown-renderer h1, .group.is-assistant .rili-markdown-renderer h2, .group.is-assistant .rili-markdown-renderer h3, div.rili-markdown-renderer h1, div.rili-markdown-renderer h2, div.rili-markdown-renderer h3 { color: #e0d4be !important; font-weight: 800 !important; letter-spacing: 1px !important; border-bottom: 2px solid rgba(212, 168, 83, 0.32) !important; padding-bottom: 5px !important; } .group.is-assistant .rili-markdown-renderer b, .group.is-assistant .rili-markdown-renderer strong, div.rili-markdown-renderer b, div.rili-markdown-renderer strong { color: #f5e6c8 !important; font-weight: 800 !important; text-shadow: 0 0 6px rgba(212, 168, 83, 0.28) !important; } /* ───────────────────────────────────────────── 宽度扩展：让聊天区域铺满屏幕 ───────────────────────────────────────────── */ @media (min-width: 768px) { div[class*="max-w-2xl"], .max-w-2xl { max-width: 920px !important; width: auto !important; } } div[class*="is-assistant"], .group.is-assistant { max-width: none !important; width: 100% !important; } .group.is-assistant > .is-dark.bg-card, div[class*="is-assistant"][class*="bg-card"] { max-width: none !important; width: 100% !important; } div[class*="is-user"], .group.is-user { max-width: none !important; } div.rili-markdown-renderer, .group.is-assistant .rili-markdown-renderer { max-width: none !important; width: 100% !important; } article.story-main { max-width: none !important; width: 100% !important; } div[data-slot="input-group"][role="group"], #ai-chat-bottom-input { max-width: none !important; width: 100% !important; } /* ───────────────────────────────────────────── 滚动条 ───────────────────────────────────────────── */ ::-webkit-scrollbar { width: 6px; height: 6px; } ::-webkit-scrollbar-track { background: rgba(40, 30, 50, 0.6); border-radius: 4px; } ::-webkit-scrollbar-thumb { background: rgba(212, 168, 83, 0.4); border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: rgba(212, 168, 83, 0.6); } /* ───────────────────────────────────────────── 图片库基础展示增强 ───────────────────────────────────────────── */ div[class$="tc"] { box-shadow: 0 5px 16px rgba(40, 20, 30, 0.22), 0 0 0 1px rgba(212, 168, 83, 0.18) inset !important; } div[class^="baili"], div[class^="dantaixuansu"], div[class^="gongsunliuli"], div[class^="huawuyan"], div[class^="leijiujin"], div[class^="liuqianqian"], div[class^="luowanqin"], div[class^="shangguanlinger"], div[class^="suyingluo"], div[class^="xuanxingzi"], div[class^="yanwuyang"], div[class^="yewuhen"], div[class^="ziwan"] { box-shadow: 0 8px 22px rgba(40, 20, 30, 0.25), 0 0 0 1px rgba(212, 168, 83, 0.16) inset !important; } /* ───────────────────────────────────────────── 移动端微调 ───────────────────────────────────────────── */ @media (max-width: 768px) { article.story-main { padding: 14px 12px !important; font-size: 14.5px !important; line-height: 1.85 !important; } details.sys-panel > summary { padding: 7px 10px !important; font-size: 13px !important; letter-spacing: 1px !important; } details.sys-panel p, details.sys-panel li { font-size: 13px !important; line-height: 1.72 !important; } details.sys-panel h3 { font-size: 13.5px !important; } details.sys-panel, details.star-memory { overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; } details.sys-panel table, details.star-memory table { min-width: 600px !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; } }