/* --- 基础容器样式 --- */ /* 表情 (横向 4:3) */ .emotion-img { width: 240px; height: 180px; border: 2px solid #555; border-radius: 8px; box-shadow: 0 2px 4px rgba(128,128,128,0.4); background-color: #dcdcdc; background-size: cover; background-position: center; background-repeat: no-repeat; display: inline-block; margin: 5px; } /* 服装图片框基础样式 */ .clothing-img { width: 18.75em; height: 25em; margin: 0 auto; border-radius: 0.9375em; border: 0.1875em solid rgba(139,115,85,0.3); box-shadow: 0 0.5em 1.875em rgba(139,115,85,0.2); background-size: cover; background-position: center; background-repeat: no-repeat; transition: all 0.3s ease; position: relative; overflow: hidden; } .clothing-img:hover { transform: scale(1.05); box-shadow: 0 0.75em 2.5em rgba(139,115,85,0.4); border-color: rgba(139,115,85,0.6); } .clothing-img::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(180deg, rgba(255,255,255,0.1) 0%, rgba(0,0,0,0.2) 100%); pointer-events: none; } /* --- 通用性爱场景图片集 (Scene-Sex) --- */ .scene-sex-creampie-full { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAETzuJp9C6fst8Qh7CmOMGP5WALBSC_7QACCR8AAimjoVepzcQD0f3JqjsE.jpg'); } .scene-sex-deep-penetration { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAETzutp9DABAsl4av4rTjLkdw5ek0BklAACFR8AAimjoVfLPgeya_UstzsE.jpg'); } .scene-sex-vibrator-insert { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAETzu1p9DBoOTptCHFkafK7ehvEh8BQYgACGB8AAimjoVdH43iZBidp8DsE.jpg'); } .scene-sex-slow-entry { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAETzvRp9DHOSHeqp9pa4Ec-FnE5kxQOXAACJR8AAimjoVfyeNZTFcyUiDsE.jpg'); } .scene-sex-doggy-insert { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAETzvVp9DHnM_is9LYdqRGhobUQMCvL2AACJx8AAimjoVf9hMb6CNQkTjsE.jpg'); } .scene-sex-after-condom { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAETzvZp9DILZTpQW-6CURXZtZK_wqeNAwACKB8AAimjoVeCq9KUo6GeTTsE.jpg'); } .scene-sex-shallow-insert { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAETzvdp9DI4YFnhn7SjMVGce2Ex7bDHCQACKR8AAimjoVfBpwgYZiLzmDsE.jpg'); } .scene-sex-before-entry { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAETzwJp9DKRSbwncAAByHRlGY0N51Cx1mcAAjQfAAIpo6FXREJUxiqPaEc7BA.jpg'); } .scene-sex-entry-one-third { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAETzwNp9DKyAlRWZF2NlEm1kiqmKB7-tgACNx8AAimjoVcAAe22nX6oEVI7BA.jpg'); } .scene-sex-entry-two-thirds { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAETzwRp9DLaQAa1jusVMZUix9FcwHlHvgACOB8AAimjoVfTqWFCHNeqIzsE.jpg'); } .scene-sex-full-insert { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAETzwVp9DMC3fdTbJ_d-XTBbTdHNRB7rgACOR8AAimjoVfxLjRcUfX_HjsE.jpg'); } .scene-sex-cervix-hit { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAETzwZp9DPDyZTPLgLMfcuH6LRdzklFcQACOx8AAimjoVfTylesjCkMWDsE.jpg'); } .scene-sex-anal-toy { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAETzwdp9DPpMnvIAuutRfqxUqyqyqJ-UAACPB8AAimjoVf-lqHITQ6CfDsE.jpg'); } .scene-sex-creampie-first-wave { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAETzwlp9DRcwSXDTkaKHkYSGFU_VcQuAAM-HwACKaOhV7oOBwOHmjVmOwQ.jpg'); } .scene-sex-buried-deep { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAETzwpp9DSloPa9-e6OJw_-zFdzqM0YFwACQR8AAimjoVdg7tJQmriWhjsE.jpg'); } .scene-sex-g-spot { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAETzwtp9DTMoR2S9An7oODhhtwHN-L2LAACQh8AAimjoVcMjH60SmGGwzsE.jpg'); } .scene-sex-condom-insert { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAETz05p9EM2ZZvm7j0GvZShmIQEIj8B7AAClh8AAimjoVdrYQvU5EvG4jsE.jpg'); } .scene-sex-dildo-insert { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAETz09p9ENbkdy59iIm0gtrzgXXbn6A1gAClx8AAimjoVfTONQUzqS_-TsE.jpg'); } .scene-sex-ejaculation { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAETz1Bp9EOU9-PhnfPZlja-CsLjfpWr8AACmB8AAimjoVfIQ0Sa-r3wkjsE.jpg'); } .scene-sex-womb-filled { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAETz1dp9ESwCMA1YmC1sqfIDwv7YwfuYwACnx8AAimjoVdsxRSQF39jsTsE.jpg'); } .scene-sex-missionary-clit { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAETz1lp9ETSNLGPZe9rsINS-h-r90oQEwACoR8AAimjoVdq1sZ9yViQwjsE.jpg'); } .scene-sex-thrusting { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAETz11p9ET8XIPJSYpV0-KKXit-uAlnPgACpR8AAimjoVfkvi02c3oWpDsE.jpg'); } .scene-sex-womb-pounding { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAETz19p9EUi3C4Q1G0mcq67HrdpiWLYlwACpx8AAimjoVfJoFEmnLTR6zsE.jpg'); } .scene-sex-cervix-pounding { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAETz2Bp9EV6-5uaz8RoaOR4jLGEy3nMYQACqR8AAimjoVfuCh1C7yzlhTsE.jpg'); } .scene-sex-fingering { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAETz2Jp9EWokVs5Q1iEdCGJTH1cWiIU3wACrB8AAimjoVcRvO3RVhAs8jsE.jpg'); } .scene-sex-finger-g-spot { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAETz25p9EbSlQTjawN3Mmjp0MAKQoywigAC1B8AAimjoVcT667rf9gNLDsE.jpg'); } .scene-sex-orgasm-womb { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAETz3Bp9EcXfxwWeYJCkr-6fWiYB82rQQAC2h8AAimjoVc30gazGeh9KzsE.jpg'); } /* --- QN 系列 --- */ .QN-1 { background-image: url('https://image.acg.lol/file/2026/08/06/QN1.png'); } .QN-2 { background-image: url('https://image.acg.lol/file/2026/08/06/QN2.png'); } .QN-3 { background-image: url('https://image.acg.lol/file/2026/08/06/QN3.png'); } .QN-4 { background-image: url('https://image.acg.lol/file/2026/08/06/QN4.png'); } .QN-5 { background-image: url('https://image.acg.lol/file/2026/08/06/QN5.png'); } .QN-6 { background-image: url('https://image.acg.lol/file/2026/08/06/QN6.png'); } .QN-7 { background-image: url('https://image.acg.lol/file/2026/08/06/QN7.png'); } .QN-8 { background-image: url('https://image.acg.lol/file/2026/08/06/QN8.png'); } .QN-9 { background-image: url('https://image.acg.lol/file/2026/08/06/QN9.png'); } .QN-10 { background-image: url('https://image.acg.lol/file/2026/08/06/QN10.png'); } .QN-11 { background-image: url('https://image.acg.lol/file/2026/08/06/QN11.png'); } .QN-12 { background-image: url('https://image.acg.lol/file/2026/08/06/QN12.png'); } .QN-13 { background-image: url('https://image.acg.lol/file/2026/08/06/QN13.png'); } .QN-14 { background-image: url('https://image.acg.lol/file/2026/08/06/QN14.png'); } /* --- 苏晚星 (Su Wanxing) 服装立绘 --- */ .attire-xin-casual-street { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDP5qBG2kWn2DTkUc9JsHEYt37gkhqQACRiMAAmJ9KVQO2JyRalQEIjsE.jpg'); } .attire-xin-nightgown-mon-tue { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDUBqBHnEPIEk-_6AmYkQKkSk4jLW7QACmyMAAmJ9KVRKUvumlyjfCDsE.jpg'); } .attire-xin-running { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDUlqBHvkOCgdOPXwcEsyLpurTZGZ5gACrCMAAmJ9KVTpCgjroAmQvzsE.jpg'); } .attire-xin-homewear-mon-tue { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDUpqBHwTnyIKtlzZ_KzbNJzQXGyZVQACrSMAAmJ9KVTRllYAAX_CATI7BA.jpg'); } .attire-xin-nightgown-wed-thu { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDUtqBHwxVhTrZIvl8yKe5JpjuNAQ-AACriMAAmJ9KVRm8-QCkqFWnzsE.jpg'); } .attire-xin-homewear-wed-thu { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDUxqBHxSEiNCsXHjezYmiqfvh_7yKgACryMAAmJ9KVTbTVKE_IFDbjsE.jpg'); } .attire-xin-gym { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDVhqBH7Z9sN5zHohO-zkYmvz5wSIKQACxyMAAmJ9KVRvGSkrzgdedTsE.jpg'); } .attire-xin-nightgown-fri-sat { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDVpqBH8H8z138OiLm29nI5nxyaCXQQACySMAAmJ9KVR8NJnCtFo_iTsE.jpg'); } .attire-xin-homewear-fri-weekend { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDWBqBH-MKDGPmzOHKzezI4crdvyWdQAC0CMAAmJ9KVQBMhXmvdiDFzsE.jpg'); } .attire-xin-yukata { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDWxqBH_mtk0WD1K7_ZJsJjIeHkJa-gAC3iMAAmJ9KVSHfAnR1fE8STsE.jpg'); } .attire-xin-fan-support-tee { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDW5qBIAm7NC0T1xmmDEqbbpS2byktQAC4iMAAmJ9KVSc9UTZJdn__DsE.jpg'); } .attire-xin-esports { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDW9qBIC4CYtXeYSsPSeeQI1q0_8-qwAC6SMAAmJ9KVQDVeZQ-g3h-DsE.jpg'); } .attire-xin-boyfriend-shirt { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDXZqBIF3of5tPzZQBs0CxfR2dufWwQAC8yMAAmJ9KVQeNYXY7ETypTsE.jpg'); } .attire-xin-towel { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDXVqBIFz049LVNXwu9RHK2KcAAEDjN0AAvIjAAJifSlUdI-VmsNPm8Q7BA.jpg'); } .attire-xin-school-swimsuit { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDXdqBIIZDjnrGNXO7XDFmNMlcORedAAC-CMAAmJ9KVThRxmuz8ZgoTsE.jpg'); } .attire-xin-trench-coat { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDXhqBIIgz8wtcwP__37pbDjUGphRtgAC-SMAAmJ9KVQ4RmqH2LxGizsE.jpg'); } .attire-xin-dress { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDXlqBIJSPWqIoe2raoM0mympGspPeAAC-iMAAmJ9KVSTglSuhCsxXDsE.jpg'); } .attire-xin-bikini { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDXtqBIJ2EkUh43B1GVHEJAuIOJUwMAAC_CMAAmJ9KVT-eT-dWrvNwzsE.jpg'); } .attire-xin-school-uniform { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDXxqBIKfbQmFp4SKFR4KKwzciSwG5QAC_SMAAmJ9KVR_oa5-86-sTTsE.jpg'); } .attire-xin-cosplay-teacher { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDX1qBIKyptDkeWHBJg6TDd6_O5DWCgAC_iMAAmJ9KVTkQsl6-ZbTqDsE.jpg'); } .attire-xin-casual-off-shoulder-black { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDX9qBILgvhR0sQYMeWQWO9N7x0XLoAACASQAAmJ9KVQu_2uD-Rdq4TsE.jpg'); } .attire-xin-cosplay-mature-woman { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDYBqBIMHdjQv9b3Hi7BTzckuy37ruAACAiQAAmJ9KVStdkxjS5uEZzsE.jpg'); } .attire-xin-casual-strapless-pleated { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDYJqBINKWujHA8tlqD9qXiEyPil_ZgACBCQAAmJ9KVRX7TR3SeJzpjsE.jpg'); } .attire-xin-cosplay-ceo { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDYNqBIOu1QSKk0-Tw_TsKkBLlDzwgQACBiQAAmJ9KVSnaXA3sSdAeDsE.jpg'); } .attire-xin-cosplay-maid { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDYRqBIO5UM77PW4b8MqvImMnyRuK_AACByQAAmJ9KVTxXSQOHcBquTsE.jpg'); } .attire-xin-cosplay-mature-sister { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDYVqBIPaBHvT1cFMmRVminR6_KMZrAACCCQAAmJ9KVTrHKWQPPTwzzsE.jpg'); } .attire-xin-cosplay-succubus { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDYZqBIP8CEHazbffMd9XLoq-dcycFwACCSQAAmJ9KVSRg3PgZWL4STsE.png'); } .attire-xin-cosplay-stewardess { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDYdqBIQv-p-udUwNBNOa28aaC4vYpQACCiQAAmJ9KVSlzsQP-GJeGDsE.jpg'); } .attire-xin-cosplay-nurse { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDYhqBIRO1dUm8KQtWHRl7m0EqjF_pwACCyQAAmJ9KVQ2nKOy2w-y_zsE.jpg'); } .attire-xin-cosplay-idol { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDYlqBIR0eww2818iuc2ykTLqvq9JJwACDCQAAmJ9KVRmzyfOfho7ZjsE.jpg'); } .attire-xin-cosplay-police { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDYtqBISMeznEzXWnZQ_pAhlH56CdzQACDiQAAmJ9KVSq4TEhjF0SgjsE.jpg'); } .attire-xin-cosplay-dancer { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDYxqBISzqIoybudrpwbXyRuTli9wAQACDyQAAmJ9KVRlGKtHxLhFdDsE.jpg'); } .attire-xin-cosplay-magical-girl { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDY1qBITORBAbkB2FLpqThpnEjtO-DwACECQAAmJ9KVSM4JJbzUjMVjsE.jpg'); } .attire-xin-cosplay-ninja { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDZtqBIdFZLQYSPuwMTsDJIRiD0Y9IAACKiQAAmJ9KVQsdJ72w2kqUTsE.jpg'); } .attire-xin-cosplay-angel { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDZpqBIdCyzi_9pdxFClCXWjuK-gumwACKSQAAmJ9KVQ9245LJm6MqDsE.png'); } .attire-xin-cosplay-princess { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDZxqBIeSf2BdplPDlCHnaPSnwGHJ3QACKyQAAmJ9KVSt2qoianw91jsE.jpg'); } .attire-xin-nightgown-weekend { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDZ1qBIeZCLZOpmDhW8XPc4MVoMpwAwACLCQAAmJ9KVTSqquym67f2jsE.jpg'); } .attire-xin-cosplay-schoolgirl { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDZ5qBIe3N6hz8-ePzyi4eLej0yJimwACLSQAAmJ9KVQpmEyZKikndTsE.jpg'); } .attire-xin-nude { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDaBqBIjti2oJgyEMY5WPsDe32ovVuwACNCQAAmJ9KVR0y1uM04-5mDsE.png'); } /* 苏晚星 (Su Wanxing) - 新增服装 */ .attire-xin-chef { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUHiBqBvEeGy_zYFT-2Vd9bAlZuicZ0AACziAAAt1aOFTfY9qdKjI8azsE.png'); } .attire-xin-wedding-dress { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUHiRqBvFi7RWGxFVbxuylNwbUHKJWhwAC0iAAAt1aOFRzfxJ92fC7ojsE.png'); } .attire-xin-black-lace { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUHitqBvGMHhoAASr5UkJZwPasb-ldX74AAtkgAALdWjhUzjZE3AABS_3HOwQ.png'); } /* 苏晚星 (Su Wanxing) - 新增角色扮演服装 */ .attire-xin-cosplay-sikeke { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUIHpqBydy2dFNqwqkbF8ZgsudtHlHcwACgiMAAt1aOFR8zmLpx_yI-DsE.png'); } .attire-xin-cosplay-shenhe { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUIHxqByf_7xYO0vTcoBFDd_O1Mc0VoQAChCMAAt1aOFQ1c1hHHKqAOjsE.png'); } .attire-xin-cosplay-cultivator { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUIHtqByfJXda83A9az5YrIR0Moxk5oQACgyMAAt1aOFRdYoVcd2h-JTsE.png'); } .attire-xin-cosplay-feixue { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUIH1qBygsbyiQL_QBiX2uk2Nu-0jPIgAChSMAAt1aOFRz4jTNxr2rhjsE.png'); } .attire-xin-cosplay-moning { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUIH9qByhRe8vm_fTLs8jOIssM2_ge1QAChyMAAt1aOFRZiBi08djdKDsE.png'); } .attire-xin-cosplay-kelaita { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUIIZqByi2Fq60mfbZNGvHnE6_fSx-QAACjiMAAt1aOFRI0ul0-7OaiDsE.png'); } .attire-xin-cosplay-yaoguang { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUIIdqByjYmuCQVkvyHh5hYNgQfJQF9gACjyMAAt1aOFTy-1y1-qmzZTsE.png'); } .attire-xin-cosplay-secondary-silver-wing { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUII1qByj-CtFIqQuW3EOJ5PjFwp0xygAClSMAAt1aOFTJ3aAGA-ilQDsE.png'); } .attire-xin-cosplay-yixuan { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUIJFqByknRflkF6ZF-yM1iQR68xQFFgACmSMAAt1aOFTdEAqLTeTDmjsE.png'); } .attire-xin-yoga-clothes { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUIz1qB_D88VMmMUY6irt9tkWi6TwKTAAC-h4AAgJ_QFQT6szS_6jEATsE.jpg'); } /* 苏晚星 (Su Wanxing) - 新增服装 */ .attire-xin-postpartum { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUJ0FqCG-jcqQ5zoVuZXfYhmKVfdp4lwAC6iMAAgJ_QFSwBqVEW6R3EjsE.png'); } .attire-xin-maternity { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUJ0NqCHAQ2pg21CDkBTbnzD6ZiwKLKQAC7CMAAgJ_QFS7gAMMJOwQLTsE.png'); } .attire-xin-patient-gown { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUJ0VqCHA1iwpCgg76-G4L4htyv-lfvAAC7iMAAgJ_QFRSkEEEODUv5DsE.png'); } /* --- 苏晚星 (Su Wanxing) 表情样式 --- */ .face-xin-blush-grit-endure { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDbxqBI1MI3HOXrtEgLst5hMeheWlRgACWyQAAmJ9KVS_1hZNGp4o7jsE.jpg'); } .face-xin-nervous { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDcVqBI4nHQd_3m7HX5d9IpZkvKzPNAACZSQAAmJ9KVQwVApHl1qNaDsE.jpg'); } .face-xin-scared { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDcdqBI4v6ldhxvpDdijANsibWxGQRAACZyQAAmJ9KVQmGMCFu8OkyDsE.jpg'); } .face-xin-shy { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDcxqBI6f-DE62TgY3iQ3W7QPuGn4GQACbSQAAmJ9KVR922tdSawkHDsE.jpg'); } .face-xin-numb { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDc1qBI6lvjNfp_UoNnvav2-ZSK9_LQACbiQAAmJ9KVS_b7de9sUJOTsE.jpg'); } .face-xin-shocked { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDc5qBI7EKnzgNg6hMQ51YIhR26duOwACbyQAAmJ9KVRio78w2wxjsDsE.jpg'); } .face-xin-disgusted { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDdtqBI8QVYnyEcZzFy_eMfTMi_PWNgACfCQAAmJ9KVSb7H2EHNGhHzsE.jpg'); } .face-xin-crying { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDdpqBI8KJNbHQ1MvzDvy_sdEZU5xLwACeyQAAmJ9KVT5z83AhyaUXDsE.jpg'); } .face-xin-happy { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDd5qBI8sdi5oTBuo01gzcqMTcTTYjwACfyQAAmJ9KVRuvoHWHBe-dTsE.jpg'); } .face-xin-angry { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDd9qBI9bKD6ny4TsSM6uqSy_MAIqwQACgCQAAmJ9KVTP5YmiMhuiuzsE.jpg'); } .face-xin-indifferent { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDeBqBI9mUFO-zrY6s8WvkXvQo4Xx3QACgSQAAmJ9KVQTaEooh8pc2TsE.jpg'); } .face-xin-sad { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDeFqBI-N-NQC1rHgQfpG-EoeSP34wwACgiQAAmJ9KVQxGYG5ff-mHTsE.jpg'); } .face-xin-after-sex-dazed { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDhBqBJ1O8Q6ghMRf6ULgelIixmTchwACDCUAAmJ9KVSKyTUxJuTu2zsE.png'); } .face-xin-sex { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDhFqBJ2iR3gVh5aoBWSGmP4OiqQRqAACDSUAAmJ9KVRpiTdeDCBsjjsE.png'); } .face-xin-after-sex-satisfied { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDhJqBJ3QYfIElA2Wdae69bokOO1wWgACDiUAAmJ9KVT46cbMSSWycDsE.png'); } .face-xin-sex-tongue-out { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDhVqBJ4N5lyuLaVtvaJRWc0IhjU3zAACESUAAmJ9KVS4MEVTL2K8FzsE.png'); } .face-xin-teasing { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUDhdqBJ5KscZORQ0iFmKuKQPyAYDujQACEyUAAmJ9KVQtVbYhJGr_IjsE.png'); } /* 苏晚星 (Su Wanxing) - 新增服装 */ .attire-xin-postpartum-first-sight { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUaXNqEI0p251n4OC5chMPeDuKBeSYKgACCS0AAjjqgVRAiQxY8kxz_jsE.png'); } /* 苏晚星 (Su Wanxing) - 新增表情 */ .face-xin-mischievous { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUaZtqEJYm-1EpJRYZw338350UGlk55AACNi0AAjjqgVRYRFRWQgjkSjsE.png'); } .face-xin-wronged { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUaXVqEI3doVr5Mlh1bzF7Xpo-F3eGJwACDC0AAjjqgVTXfWh1iHSirDsE.png'); } .face-xin-wronged-crying { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUaX9qEJFN2_r9XZ_8RoEEh8uJCpZszAACGi0AAjjqgVQ9P85TM87FSjsE.png'); } .face-xin-jealous { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUaYNqEJGApIS1H6OEtTuyc_qEPMWYZwACHi0AAjjqgVTRplj6LZF9MTsE.png'); } .face-xin-loving { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUaXpqEJDCcRC_99a5X27XrNNcCDdgOAACFS0AAjjqgVSM3VhSHafBeTsE.png'); } .face-xin-blissful { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUaXtqEJDoPmD3K8TL0FcT7fkZS4fCZQACFi0AAjjqgVSh5WsLP9qtljsE.png'); } .face-xin-eating { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUaZpqEJX8JcgWgCOUPJIAAYUMjtzdHlQAAjUtAAI46oFU5WVGrg5_8K07BA.png'); } .face-xin-pouting { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUaZhqEJWNmQbDiOqUvc5WAAG1gTcJjngAAjMtAAI46oFUBvn5STWS_IU7BA.png'); } /* 苏晚星 (Su Wanxing) - 新增性爱姿势立绘 */ .attire-xin-paizuri { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEWAgVqO8tLKhtwM-MdurvvjZADH77VcAACuyEAAoQQ4VVbDENtJJR68TwE.png'); } .attire-xin-paizuri-tip-in-mouth { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEWAqxqO93WYPn3mzywZPDLC_-JUXdVmwACviIAAoQQ4VWrpaMXvm9xizwE.png'); } .attire-xin-paizuri-sucking-tip { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEWAhBqO8z-uiPhwUzvqUZ2anjOusxmhQAC0yEAAoQQ4VVDnEG__7IQ8jwE.png'); } .attire-xin-paizuri-with-blowjob { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEWAhNqO81HOXUUnI3GpGVtiXu-g0r_qwAC2CEAAoQQ4VVSwFbLjhK6cjwE.png'); } .attire-xin-blowjob-cumshot { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEWAhhqO816ZTsXvpmfgzbcc8HgbVBmYwAC4yEAAoQQ4VUjehNwzFtNgDwE.png'); } .attire-xin-blowjob { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEWAhxqO839LZWetDArVr89eXxS3H3uHAAC7CEAAoQQ4VURWfOPnwXGQTwE.png'); } .attire-xin-blowjob-hands-on-head-looking-up { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEWArFqO96QKPj0kiuAPm03rnMKnN6xrQACwyIAAoQQ4VV48jkRcjaSxDwE.png'); } .attire-xin-missionary { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEWAh1qO8412nGLW4BBBvodYLv-YQL_NQAC7iEAAoQQ4VUXqvLpB5FvZjwE.png'); } .attire-xin-doggy-style { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEWAiRqO86Ca7yJ_eTCUwfpWPtSAebddQAC-CEAAoQQ4VX0qEcv8YlK3DwE.png'); } .attire-xin-footjob { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEWAi1qO87gfoMP0cmTMQrHcKgqGjDzVgACBSIAAoQQ4VWA6UpDob2xsDwE.png'); } .attire-xin-cowgirl-hands-forward { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEWAjVqO88VkGH6iczmqCIwKH3s3dWQuAACEiIAAoQQ4VVNEfVkBQqtPDwE.png'); } .attire-xin-cowgirl-hands-back { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEWAjtqO8-1wFDsinkWilLBOr1zQNgJvwACGSIAAoQQ4VX7B5naDWPYODwE.png'); } .attire-xin-reverse-cowgirl { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEWAjxqO9A0Q8CGNmCPUT8_fYDnMkhd3QACGyIAAoQQ4VU8DsQo98UjojwE.png'); } .attire-xin-standing-doggy-one-hand-wall { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEWAmtqO9jPqm4sCGVNfs6Bql05Wnh4eQACeiIAAoQQ4VWzhJ5RnX36mTwE.png'); } .attire-xin-side-position { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEWAnlqO9mLzhnzne88E3Eb2z261yCZLAACiCIAAoQQ4VVKUuLzMKt_sjwE.png'); } .attire-xin-missionary-anal { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEWAn1qO9oDFK8Vq4ldWCPC7RK-efHBowACjCIAAoQQ4VUI7RIxvojTKDwE.png'); } .attire-xin-standing-doggy-both-hands-wall { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEWAopqO9rDg73U5bfwpBqkNRqbWCXKhwACmSIAAoQQ4VVrqQrSVX0L0zwE.png'); } .attire-xin-doggy-anal { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEWAo1qO9tCVz8QN2rWW38I2L8MIb-DTgACnSIAAoQQ4VUeNsiDYxwxNzwE.png'); } .attire-xin-ass-up-waiting { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEWApZqO9uYX0kCA3AvXFTBv5hOFP_88AACpiIAAoQQ4VULyKJ2S5CoJTwE.png'); } .attire-xin-legs-spread-m-waiting { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEWAp1qO9zfCTiEUWz3112SMvDbn9_-EQACryIAAoQQ4VUaVxg94vutKzwE.png'); } .attire-xin-kneeling-doggy-one-hand-pulled { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEWAppqO9xnECPKejGVPizADbE_VgYDUQACrCIAAoQQ4VXqoA7kwXVZvjwE.png'); } .attire-xin-side-position-leg-up { background-image: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEWAq5qO95GbnrahL-ELsFSjrRIUjLAlAACwCIAAoQQ4VV5l5Oq_chISDwE.png'); } /* 苏晚星 (Su Wanxing) - 新增表情 */ .face-xin-confused { background-image: url('https://image.acg.lol/file/2026/07/30/ChatGPT-Image-2026730-00_33_431.png'); } .face-xin-suppressing-laugh { background-image: url('https://image.acg.lol/file/2026/07/30/ChatGPT-Image-2026730-00_33_17.png'); } .face-xin-post-sex-dazed { background-image: url('https://image.acg.lol/file/2026/07/30/ChatGPT-Image-2026730-00_34_011.png'); } .face-xin-orgasm { background-image: url('https://image.acg.lol/file/2026/07/30/ChatGPT-Image-2026730-00_34_181.png'); } .face-xin-during-sex { background-image: url('https://image.acg.lol/file/2026/07/30/ChatGPT-Image-2026730-00_34_182.png'); } .face-xin-coy { background-image: url('https://image.acg.lol/file/2026/07/30/ChatGPT-Image-2026730-00_34_183.png'); } .face-xin-amused { background-image: url('https://image.acg.lol/file/2026/07/30/ChatGPT-Image-2026730-00_34_184.png'); } .face-xin-coquettish { background-image: url('https://image.acg.lol/file/2026/07/30/ChatGPT-Image-2026730-00_41_581.png'); } /* ========================================================= AI 文字角色扮演聊天主题 简洁 / 柔和 / 通用 / 长时间阅读舒适 主色调： 聊天背景：#F5F5F5 顶部信息：#FAFAFA 正文文字：#333333 ========================================================= */ /* ========================================================= 0. 原网站聊天框兼容 ========================================================= */ /* 只有内部出现 .ai-chat-box 时， 才取消网站原本聊天框的视觉样式。 这样可以避免： 原聊天框 └─ 新聊天框 └─ 正文 形成“双层框”和双重 padding。 */ .bg-gray-100\/90.relative.inline-block:has(.ai-chat-box) { box-sizing: border-box !important; display: block !important; width: 100% !important; max-width: none !important; margin: 10px 0 !important; padding: 0 !important; background: transparent !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; position: relative !important; isolation: isolate !important; } /* ========================================================= 1. AI 聊天框主体 ========================================================= */ .ai-chat-box { box-sizing: border-box; display: block; width: 100%; max-width: none; margin: 0; padding: 20px 24px; background: #F5F5F5; border: 1px solid rgba(175, 175, 175, 0.42); border-radius: 12px; color: #333333; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.035), 0 3px 9px rgba(0, 0, 0, 0.028); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; font-size: inherit; font-weight: 400; line-height: 1.72; letter-spacing: 0; position: relative; isolation: isolate; transition: border-color 0.2s ease, box-shadow 0.2s ease; } /* 鼠标经过时只做非常轻微的反馈 */ .ai-chat-box:hover { border-color: rgba(160, 160, 160, 0.50); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 4px 11px rgba(0, 0, 0, 0.032); } /* ========================================================= 2. Markdown 正文 ========================================================= */ .ai-chat-box .markdown-body { margin: 0; background: transparent; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; } /* 注意： 不设置： .ai-chat-box * { color: #333 !important; } 所以这种内容可以正常使用： 对话内容 */ /* ========================================================= 3. 段落排版 ========================================================= */ .ai-chat-box p { margin: 0.68em 0; } .ai-chat-box p:first-child { margin-top: 0; } .ai-chat-box p:last-child { margin-bottom: 0; } /* ========================================================= 4. 粗体 / 斜体 ========================================================= */ .ai-chat-box strong, .ai-chat-box b { font-weight: 600; } .ai-chat-box em, .ai-chat-box i { font-style: italic; } /* ========================================================= 5. 顶部场景信息栏 ========================================================= */ .ai-chat-box .rp-meta { box-sizing: border-box; width: 100%; margin: 0 0 17px; padding: 13px 16px; background: #FAFAFA; border: 1px solid rgba(160, 160, 160, 0.28); border-left: 3px solid #8F8F8F; border-radius: 9px; color: #444444; font-size: 0.94em; line-height: 1.65; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.022), 0 2px 5px rgba(0, 0, 0, 0.018); } /* 每一行 */ .ai-chat-box .rp-meta > div { display: grid; grid-template-columns: 1.4em 3.2em minmax(0, 1fr); align-items: baseline; column-gap: 5px; padding: 3px 0; } /* 时间 / 地点 / 天气 */ .ai-chat-box .rp-meta b { color: #555555; font-weight: 600; white-space: nowrap; } /* 信息正文 */ .ai-chat-box .rp-meta span { min-width: 0; color: #666666; font-weight: 400; overflow-wrap: anywhere; } /* 时间略微突出 */ .ai-chat-box .rp-meta > div:first-child span { color: #4D4D4D; } /* ========================================================= 6. 顶部信息栏之后的视觉分层 ========================================================= */ /* 如果 rp-meta 后面直接跟正文， 自动增加一条很淡的分隔线。 */ .ai-chat-box .rp-meta + * { position: relative; } /* 如果正文是 markdown-body */ .ai-chat-box .rp-meta + .markdown-body { padding-top: 17px; border-top: 1px solid rgba(0, 0, 0, 0.085); } /* ========================================================= 7. 引用 ========================================================= */ .ai-chat-box blockquote { margin: 11px 0; padding: 7px 12px; background: rgba(255, 255, 255, 0.46); border: none; border-left: 3px solid rgba(145, 145, 145, 0.42); border-radius: 0 6px 6px 0; color: #626262; } /* ========================================================= 8. 链接 ========================================================= */ .ai-chat-box a { color: #596E82; text-decoration: none; border-bottom: 1px solid rgba(89, 110, 130, 0.25); transition: color 0.15s ease, border-color 0.15s ease; } .ai-chat-box a:hover { color: #42576B; border-bottom-color: rgba(66, 87, 107, 0.52); } /* ========================================================= 9. 行内代码 ========================================================= */ .ai-chat-box code { padding: 2px 5px; background: rgba(0, 0, 0, 0.045); border: 1px solid rgba(0, 0, 0, 0.04); border-radius: 5px; font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace; font-size: 0.92em; } /* ========================================================= 10. 代码块 ========================================================= */ .ai-chat-box pre { margin: 12px 0; padding: 13px 15px; overflow-x: auto; background: #EEEEEE; border: 1px solid rgba(0, 0, 0, 0.055); border-radius: 8px; } .ai-chat-box pre code { padding: 0; background: transparent; border: none; } /* ========================================================= 11. 列表 ========================================================= */ .ai-chat-box ul, .ai-chat-box ol { margin: 8px 0; padding-left: 1.55em; } .ai-chat-box li { margin: 3px 0; } /* ========================================================= 12. 分割线 ========================================================= */ .ai-chat-box hr { margin: 17px 0; height: 1px; border: 0; background: rgba(0, 0, 0, 0.085); } /* ========================================================= 13. details 状态栏 ========================================================= */ .ai-chat-box details { box-sizing: border-box; width: 100%; margin-top: 13px; padding: 11px 14px; background: rgba(255, 255, 255, 0.50); border: 1px solid rgba(165, 165, 165, 0.34); border-radius: 8px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.022); } /* details 标题 */ .ai-chat-box details summary { color: #4D4D4D; font-weight: 500; line-height: 1.5; cursor: pointer; user-select: none; outline: none; } /* 默认展开箭头 */ .ai-chat-box details summary::marker { color: #8A8A8A; } /* 展开状态 */ .ai-chat-box details[open] summary { margin-bottom: 9px; } /* ========================================================= 14. 图片 ========================================================= */ .ai-chat-box img { max-width: 100%; height: auto; border-radius: 7px; } /* ========================================================= 15. 表格 ========================================================= */ .ai-chat-box table { width: 100%; margin: 12px 0; border-collapse: collapse; font-size: 0.95em; } .ai-chat-box th, .ai-chat-box td { padding: 8px 10px; border: 1px solid rgba(0, 0, 0, 0.09); text-align: left; } .ai-chat-box th { background: rgba(255, 255, 255, 0.48); font-weight: 600; } /* ========================================================= 16. 去除网站顶部颜色条 ========================================================= */ [class*="bg-[#F1CBCB]"], [class*="bg-[#c9e1e9]"] { display: none !important; } /* ========================================================= 17. 页面底部按钮 / 附属文字 ========================================================= */ .MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary, .MuiTypography-root.MuiTypography-body2.css-6c0gf2, .text-orange-500 { color: #555555 !important; font-weight: 500 !important; } /* ========================================================= 18. 加载动画 ========================================================= */ /* 隐藏默认闪烁点 */ .style_dot-flashing__8L91Q.style_text__zGhNq { display: none !important; } /* 加载区域 */ .flex.items-center.justify-center.w-6.h-5 { position: relative !important; display: flex !important; justify-content: center !important; align-items: center !important; } /* 简洁加载圆环 */ .flex.items-center.justify-center.w-6.h-5::before { content: ""; display: block; width: 18px; height: 18px; box-sizing: border-box; border: 2px solid rgba(100, 100, 100, 0.17); border-top-color: rgba(100, 100, 100, 0.64); border-radius: 50%; animation: ai-chat-loading 0.8s linear infinite; } @keyframes ai-chat-loading { to { transform: rotate(360deg); } } /* ========================================================= 19. 手机端 ========================================================= */ @media (max-width: 600px) { /* 原聊天框不再吃掉手机左右空间 */ .bg-gray-100\/90.relative.inline-block:has(.ai-chat-box) { width: 100% !important; max-width: none !important; margin: 6px 0 !important; padding: 0 !important; } /* 手机端主体尽可能宽， 但内部仍然保留舒适阅读边距 */ .ai-chat-box { width: 100%; max-width: none; margin: 0; padding: 15px 14px; border-radius: 9px; line-height: 1.68; } /* 顶部栏减少横向空间浪费 */ .ai-chat-box .rp-meta { margin-bottom: 14px; padding: 11px 11px; border-left-width: 3px; border-radius: 7px; font-size: 0.92em; } .ai-chat-box .rp-meta > div { grid-template-columns: 1.35em 3em minmax(0, 1fr); column-gap: 3px; padding: 3px 0; } .ai-chat-box .rp-meta + .markdown-body { padding-top: 14px; } .ai-chat-box blockquote { padding-left: 10px; padding-right: 8px; } .ai-chat-box details { padding: 10px 11px; } } /* ========================================================= 20. 超窄屏手机 ========================================================= */ @media (max-width: 380px) { .ai-chat-box { padding: 13px 11px; } /* 超窄屏不再固定“时间 / 地点 / 天气”的第三列宽度， 给实际内容更多空间。 */ .ai-chat-box .rp-meta { padding: 10px; } .ai-chat-box .rp-meta > div { grid-template-columns: 1.3em 2.8em minmax(0, 1fr); font-size: 0.98em; } } /* ========================================================= 21. 低动态模式 ========================================================= */ @media (prefers-reduced-motion: reduce) { .ai-chat-box, .ai-chat-box a { transition: none; } .flex.items-center.justify-center.w-6.h-5::before { animation: none; border-color: rgba(100, 100, 100, 0.35); } } /* ========================================================= APP / 手机端兼容补丁 不依赖 :has() ========================================================= */ /* 触屏设备优先使用这一套。 比单纯 max-width 更适合 APP WebView。 */ @media (hover: none), (pointer: coarse), (max-width: 600px) { .ai-chat-box { /* APP 原聊天框通常仍保留约 12px 左右 padding， 这里主动向左右撑出去。 */ width: calc(100% + 24px) !important; max-width: none !important; margin-left: -12px !important; margin-right: -12px !important; padding: 14px 14px !important; border-radius: 9px !important; box-sizing: border-box !important; } /* 顶部信息栏仍然占满新的聊天框内部宽度 */ .ai-chat-box .rp-meta { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; padding: 11px 12px !important; box-sizing: border-box !important; } }