{"id":"3e040cd3-d2bc-469e-b470-217eead144f5","authorId":"NN5f3iHYlTRtNZ4yBkm4iXHnJ7zukSQD","title":"现代手机聊天","description":"手机桌面20app都能点进去输入玩，气泡正文加手机消息，朋友圈地图可以切换，多功能状态栏想添加什么都可以。\n可以当现代的聊天生活，也可以在现代世界解谜。想怎么玩由你定义。\n\n临江市位于东部沿海，拥有高速铁路、跨江大桥、科技园区、老居民区、全天候商业网络与超过一千三百万常住人口。\n\n公开世界中不存在被承认的超自然力量。人们依旧关心工作、住房、交通、天气、感情与明天的安排。\n\n然而从2023年开始，城市中持续出现“记忆偏差”：同一条街在不同人的照片中拥有不同店铺，停运线路偶尔重新出现在地图上，少数人会收到来自未来几分钟的信息。","background":null,"backgroundWidth":null,"backgroundHeight":null,"cover":"l7wkss0khjdso71d2xribbzt.webp","coverWidth":null,"coverHeight":null,"introPage":"ogz3c1m6gb3ap0hw9oj0oz0z.html","changelog":"","createdAt":"2026-08-07T05:19:33.663Z","updatedAt":"2026-08-07T07:52:30.848Z","initPublicAt":"2026-08-07T05:26:21.597Z","renderTemplate":null,"assistantRegexReplace":null,"enableMemorySchema":null,"memorySchema":null,"injectStyles":"ai{\n--paper:rgba(250,252,255,.95);\n--ink:#17202c;\n--muted:#687486;\n--line:rgba(44,67,91,.14);\n--blue:#4388e8;\n--blue2:#275fae;\n--pink:#f07fa8;\n--pink2:#c94f80;\n--cyan:#20b9bf;\n--cyan2:#07838e;\n--purple:#7767d8;\n--red:#e7626c;\n--amber:#e3a43f;\n--green:#35a879;\n--phone:#101721;\n--screen:#edf2f6;\ndisplay:block;\nposition:relative;\nmax-width:920px;\nmargin:auto;\ncolor:var(--ink);\nfont:15px/1.65 system-ui,-apple-system,\"Segoe UI\",\"PingFang SC\",\"Microsoft YaHei\",sans-serif;\nbackground:radial-gradient(circle at 8% 2%,rgba(32,185,191,.14),transparent 28%),radial-gradient(circle at 95% 16%,rgba(119,103,216,.12),transparent 30%),linear-gradient(145deg,#f4f7fa,#e8eef3);\nborder:1px solid rgba(60,83,107,.14);\nborder-radius:22px;\nbox-shadow:0 18px 50px rgba(19,35,55,.18);\noverflow:hidden;\nisolation:isolate;\n}\nai:before{\ncontent:\"\";\nposition:absolute;\ninset:0;\nz-index:-1;\npointer-events:none;\nopacity:.34;\nbackground-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='68' viewBox='0 0 68 68'%3E%3Cg fill='none' stroke='%23627b93' stroke-opacity='.12'%3E%3Cpath d='M0 34h68M34 0v68'/%3E%3Ccircle cx='34' cy='34' r='2'/%3E%3C/g%3E%3C/svg%3E\");\n}\nai b,ai strong{font-weight:700}\nai q{quotes:none}\nai q:before,ai q:after{content:none}\nai av{\nbox-sizing:border-box;\noverflow:hidden;\nuser-select:none;\n}\nai av[g=\"m\"]{\ncolor:#fff;\nbackground:linear-gradient(135deg,#67b5ff 0%,var(--blue) 48%,var(--blue2) 100%)!important;\nborder-color:rgba(215,238,255,.9)!important;\nbox-shadow:0 4px 11px rgba(47,118,209,.3)!important;\n}\nai av[g=\"f\"]{\ncolor:#fff;\nbackground:linear-gradient(135deg,#ffb5cf 0%,var(--pink) 48%,var(--pink2) 100%)!important;\nborder-color:rgba(255,226,237,.92)!important;\nbox-shadow:0 4px 11px rgba(211,77,130,.27)!important;\n}\nai av[g=\"me\"]{\ncolor:#fff;\nbackground:linear-gradient(135deg,#68ebe0 0%,var(--cyan) 48%,var(--cyan2) 100%)!important;\nborder-color:rgba(220,255,252,.92)!important;\nbox-shadow:0 4px 11px rgba(20,157,165,.29)!important;\n}\nai av[g=\"u\"]{\ncolor:#fff;\nbackground:linear-gradient(135deg,#a296ff,#6652c9 55%,#46349b)!important;\nborder-color:rgba(235,231,255,.9)!important;\nbox-shadow:0 4px 11px rgba(85,64,172,.29)!important;\n}\nai av[g=\"group\"]{\ncolor:#fff;\nbackground:linear-gradient(135deg,var(--blue),var(--cyan))!important;\nborder-color:rgba(221,250,255,.9)!important;\nbox-shadow:0 4px 11px rgba(38,143,190,.28)!important;\n}\nai>hd{\ndisplay:flex;\nalign-items:center;\njustify-content:space-between;\ngap:12px;\npadding:11px 16px;\ncolor:#f6fbff;\nbackground:linear-gradient(115deg,#172c48,#245b81 54%,#4565a0);\nbox-shadow:0 5px 20px rgba(22,49,78,.2);\n}\nai>hd:before{\ncontent:\"\";\nwidth:8px;\nheight:8px;\nflex:0 0 auto;\nborder-radius:50%;\nbackground:#72eff0;\nbox-shadow:0 0 0 4px rgba(114,239,240,.13),0 0 12px #72eff0;\nanimation:aiPulse 2.4s ease-in-out infinite;\n}\nai>hd>b{\nmargin-right:auto;\nfont-size:15px;\nletter-spacing:.05em;\n}\nai>hd>i{\ncolor:rgba(247,252,255,.78);\nfont-size:12px;\nfont-style:normal;\ntext-align:right;\n}\nai>scene{\ndisplay:block;\nposition:relative;\nmargin:13px 13px 10px;\npadding:16px 15px 13px;\ncolor:#fff;\noverflow:hidden;\nborder-radius:16px;\nbackground:linear-gradient(120deg,rgba(14,37,61,.9),rgba(35,101,127,.82)),url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='90'%3E%3Cg fill='none' stroke='%23c7f6ff' stroke-opacity='.13'%3E%3Cpath d='M-10 73L32 31l28 28 33-43 78 75'/%3E%3Cpath d='M0 82h160M120 0v90'/%3E%3C/g%3E%3C/svg%3E\");\nbackground-size:cover;\nbox-shadow:0 9px 24px rgba(23,64,83,.2);\n}\nai>scene:after{\ncontent:\"\";\nposition:absolute;\nright:-22px;\ntop:-28px;\nwidth:100px;\nheight:100px;\nborder:1px solid rgba(146,244,255,.25);\nborder-radius:50%;\nbox-shadow:0 0 0 16px rgba(146,244,255,.05),0 0 0 32px rgba(146,244,255,.035);\n}\nai scene loc,ai scene tag{\ndisplay:inline-flex;\nposition:relative;\nz-index:1;\nalign-items:center;\nmargin:0 5px 5px 0;\npadding:2px 8px;\nfont-size:11px;\nborder:1px solid rgba(255,255,255,.2);\nborder-radius:20px;\nbackground:rgba(8,25,42,.28);\nbackdrop-filter:blur(5px);\n}\nai scene tag{color:#a8f4ec}\nai scene h1{\nposition:relative;\nz-index:1;\nmargin:7px 0 1px;\nfont-size:22px;\nline-height:1.28;\n}\nai scene>i{\nposition:relative;\nz-index:1;\ndisplay:block;\ncolor:rgba(255,255,255,.72);\nfont-size:12px;\nfont-style:normal;\n}\nai>article{\ndisplay:block;\npadding:3px 17px 8px;\nfont-size:15px;\nline-height:1.85;\n}\nai article>p{\nposition:relative;\nmargin:8px 0;\npadding-left:13px;\n}\nai article>p:before{\ncontent:\"\";\nposition:absolute;\nleft:0;\ntop:.75em;\nwidth:5px;\nheight:5px;\nborder-radius:50%;\nbackground:linear-gradient(135deg,var(--cyan),var(--purple));\nbox-shadow:0 0 8px rgba(32,185,191,.55);\n}\nai talk,ai think{\ndisplay:block;\nposition:relative;\nmargin:10px 0;\npadding:9px 11px;\noverflow:hidden;\nborder:1px solid rgba(55,80,104,.13);\nborder-radius:14px;\nbox-shadow:0 4px 12px rgba(35,60,83,.07);\n}\nai talk:before,ai think:before{\ncontent:\"\";\nposition:absolute;\nleft:0;\ntop:0;\nbottom:0;\nwidth:4px;\n}\nai talk>b,ai think>b{\ndisplay:inline;\npadding:3px 8px;\nbox-decoration-break:clone;\n-webkit-box-decoration-break:clone;\ncolor:#fff;\nfont-size:11px;\nline-height:1.45;\nborder-radius:12px;\nwhite-space:normal;\n}\nai talk>span,ai think>span{\ndisplay:inline;\nmargin-left:6px;\nmin-width:0;\nfont-size:13px;\nline-height:1.72;\noverflow-wrap:anywhere;\n}\nai talk[g=\"m\"]{\nbackground:linear-gradient(105deg,rgba(67,136,232,.12),rgba(255,255,255,.72));\n}\nai talk[g=\"m\"]:before{background:linear-gradient(var(--blue),var(--blue2))}\nai talk[g=\"m\"]>b{background:linear-gradient(135deg,var(--blue),var(--blue2))}\nai talk[g=\"m\"]>span{color:#244d7d}\nai talk[g=\"f\"]{\nbackground:linear-gradient(105deg,rgba(240,127,168,.13),rgba(255,255,255,.74));\n}\nai talk[g=\"f\"]:before{background:linear-gradient(var(--pink),var(--pink2))}\nai talk[g=\"f\"]>b{background:linear-gradient(135deg,var(--pink),var(--pink2))}\nai talk[g=\"f\"]>span{color:#74324d}\nai talk[g=\"me\"]{\nbackground:linear-gradient(105deg,rgba(32,185,191,.13),rgba(255,255,255,.74));\n}\nai talk[g=\"me\"]:before{background:linear-gradient(var(--cyan),var(--cyan2))}\nai talk[g=\"me\"]>b{background:linear-gradient(135deg,var(--cyan),var(--cyan2))}\nai talk[g=\"me\"]>span{color:#175c62}\nai think{\nborder-style:dashed;\nbackground:linear-gradient(120deg,rgba(119,103,216,.11),rgba(247,245,255,.77));\n}\nai think:before{background:linear-gradient(var(--purple),#5144a8)}\nai think>b{background:linear-gradient(135deg,var(--purple),#5144a8)}\nai think>span{\ncolor:#57516f;\nfont-style:italic;\n}\nai think>span:before{content:\"“\"}\nai think>span:after{content:\"”\"}\nai ph{\ndisplay:block;\nposition:relative;\nwidth:min(390px,calc(100% - 26px));\nmargin:15px auto 19px;\nbox-sizing:border-box;\noverflow:hidden;\ncolor:#17202c;\nbackground:var(--screen);\nborder:7px solid var(--phone);\nborder-radius:38px;\nbox-shadow:0 25px 45px rgba(15,25,40,.27),0 0 0 1px rgba(255,255,255,.22) inset,0 0 0 2px rgba(0,0,0,.18);\ntransform:translateZ(0);\n}\nai ph:before{\ncontent:\"\";\nposition:absolute;\nz-index:20;\nleft:50%;\ntop:7px;\nwidth:88px;\nheight:20px;\ntransform:translateX(-50%);\nborder-radius:0 0 14px 14px;\nbackground:#101721;\npointer-events:none;\n}\nai ph:after{\ncontent:\"\";\nposition:absolute;\nz-index:21;\ntop:12px;\nleft:calc(50% + 25px);\nwidth:6px;\nheight:6px;\nborder-radius:50%;\nbackground:#223343;\nbox-shadow:inset 0 0 2px #5aa1c0;\npointer-events:none;\n}\nai top{\ndisplay:flex;\nalign-items:center;\nheight:30px;\npadding:0 13px;\nbox-sizing:border-box;\nfont-size:10px;\nfont-weight:700;\nbackground:rgba(244,248,251,.96);\n}\nai top>i{\ndisplay:block;\nflex:1;\nfont-style:normal;\n}\nai top>b{\nfont-size:9px;\nwhite-space:nowrap;\n}\nai pn{\ndisplay:flex;\nalign-items:center;\ngap:9px;\nheight:53px;\npadding:4px 12px;\nbox-sizing:border-box;\nborder-bottom:1px solid rgba(55,77,99,.13);\nbackground:rgba(250,252,254,.96);\n}\nai pn>av{\ndisplay:grid;\nplace-items:center;\nwidth:34px;\nheight:34px;\nflex:0 0 auto;\nfont-weight:800;\nborder-radius:11px;\n}\nai pn>q{\ndisplay:flex;\nflex:1;\nmin-width:0;\nflex-direction:column;\nline-height:1.3;\n}\nai pn>q>b{\noverflow:hidden;\nfont-size:14px;\ntext-overflow:ellipsis;\nwhite-space:nowrap;\n}\nai pn>q>i{\ncolor:var(--muted);\nfont-size:10px;\nfont-style:normal;\n}\nai pn>em{\ncolor:#718092;\nfont-style:normal;\nletter-spacing:2px;\n}\nai apps{\ndisplay:flex;\nposition:relative;\nwidth:100%;\nheight:525px;\nbox-sizing:border-box;\noverflow-x:auto;\noverflow-y:hidden;\nscroll-snap-type:x mandatory;\nscroll-behavior:smooth;\nscrollbar-width:none;\noverscroll-behavior-x:contain;\n-webkit-overflow-scrolling:touch;\nbackground:var(--screen);\n}\nai apps::-webkit-scrollbar{\ndisplay:none;\nwidth:0;\nheight:0;\n}\nai apps>tab{\ndisplay:block;\nposition:relative;\nwidth:100%;\nheight:100%;\nmin-width:100%;\nmax-width:100%;\nflex:0 0 100%;\nbox-sizing:border-box;\noverflow-x:hidden;\noverflow-y:auto;\nscroll-snap-align:start;\nscroll-snap-stop:always;\nscrollbar-width:thin;\nscrollbar-color:rgba(65,97,121,.22) transparent;\noverscroll-behavior-y:contain;\nbackground:linear-gradient(rgba(244,248,251,.96),rgba(233,240,245,.98)),url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36'%3E%3Cpath d='M0 18h36M18 0v36' stroke='%23566f86' stroke-opacity='.05'/%3E%3C/svg%3E\");\n}\nai apps>tab::-webkit-scrollbar{width:3px}\nai apps>tab::-webkit-scrollbar-thumb{\nbackground:rgba(65,97,121,.25);\nborder-radius:4px;\n}\nai apps>#c{\ndisplay:flex;\nflex-direction:column;\n}\nai apps>tab:target{animation:aiAppFocus .35s ease-out}\nai day{\ndisplay:block;\nwidth:max-content;\nmargin:9px auto 8px;\npadding:2px 9px;\ncolor:#84909d;\nfont-size:10px;\nborder-radius:12px;\nbackground:rgba(116,135,151,.1);\n}\nai m{\ndisplay:flex;\nalign-items:flex-start;\ngap:7px;\nmargin:8px 11px;\nflex:0 0 auto;\n}\nai m>av{\ndisplay:grid;\nplace-items:center;\nwidth:31px;\nheight:31px;\nflex:0 0 auto;\nfont-size:11px;\nfont-weight:700;\nborder-radius:9px;\n}\nai m>q{\ndisplay:flex;\nmax-width:78%;\nflex-direction:column;\nalign-items:flex-start;\n}\nai m>q>b{\nmargin:0 3px 2px;\ncolor:#7f8a96;\nfont-size:9px;\nfont-weight:500;\n}\nai m>q>span{\ndisplay:block;\nposition:relative;\npadding:7px 10px;\nfont-size:12px;\nline-height:1.55;\nborder:1px solid rgba(61,83,105,.09);\nborder-radius:4px 12px 12px 12px;\nbackground:#fff;\nbox-shadow:0 2px 7px rgba(30,52,72,.07);\n}\nai m>q>i{\nmargin:2px 3px 0;\ncolor:#7f8a96;\nfont-size:9px;\nfont-style:normal;\n}\nai m[me]{justify-content:flex-end}\nai m[me]>q{\nalign-items:flex-end;\nmax-width:82%;\n}\nai m[me]>q>span{\ncolor:#0e4f52;\nborder-color:rgba(32,185,191,.2);\nborder-radius:12px 4px 12px 12px;\nbackground:linear-gradient(135deg,#cbf5ee,#b6eae7);\n}\nai m[sys]{\ndisplay:block;\nalign-self:center;\nmax-width:85%;\nmargin:8px auto;\npadding:3px 9px;\ncolor:#7f8995;\nfont-size:9px;\ntext-align:center;\nborder-radius:12px;\nbackground:rgba(99,119,136,.1);\n}\nai m[unknown]>q>span{\ncolor:#582965;\nborder-color:rgba(119,103,216,.25);\nbackground:linear-gradient(135deg,#faf6ff,#eee8fa);\nbox-shadow:0 0 13px rgba(104,80,194,.12);\nanimation:aiGlitch 4.5s steps(1,end) infinite;\n}\nai send{\ndisplay:flex;\nposition:sticky;\nz-index:8;\nbottom:0;\nalign-items:center;\ngap:7px;\nwidth:100%;\nmin-height:48px;\nmargin-top:auto;\npadding:7px 9px;\nbox-sizing:border-box;\nflex:0 0 auto;\nfont-size:0;\nborder-top:1px solid rgba(53,75,97,.13);\nbackground:rgba(247,250,252,.98);\nbox-shadow:0 -5px 14px rgba(28,51,71,.07);\nbackdrop-filter:blur(12px);\n}\nai send:before{\ncontent:\"＋\";\ndisplay:grid;\nplace-items:center;\nwidth:27px;\nheight:27px;\nflex:0 0 auto;\nbox-sizing:border-box;\nfont-size:15px;\nline-height:1;\nborder:1px solid rgba(55,78,99,.2);\nborder-radius:50%;\n}\nai send>span{\nflex:1;\nmin-width:0;\npadding:6px 9px;\noverflow:hidden;\ncolor:#9aa3ad;\nfont-size:10px;\nwhite-space:nowrap;\nborder:1px solid rgba(53,76,98,.08);\nborder-radius:8px;\nbackground:#fff;\n}\nai send>b{\npadding:5px 9px;\ncolor:#fff;\nfont-size:10px;\nborder-radius:8px;\nbackground:#25a87c;\n}\nai bar{\ndisplay:flex;\nposition:sticky;\nz-index:5;\ntop:0;\nalign-items:flex-start;\njustify-content:center;\nflex-direction:column;\nmin-height:48px;\npadding:5px 13px;\nbox-sizing:border-box;\nborder-bottom:1px solid rgba(51,74,96,.13);\nbackground:rgba(247,250,252,.96);\nbackdrop-filter:blur(10px);\n}\nai bar>b{font-size:14px}\nai bar>i{\ncolor:var(--muted);\nfont-size:10px;\nfont-style:normal;\n}\nai cover{\ndisplay:flex;\nposition:relative;\nmin-height:126px;\npadding:68px 13px 13px 82px;\nbox-sizing:border-box;\nflex-direction:column;\njustify-content:flex-end;\ncolor:#fff;\noverflow:hidden;\nbackground:linear-gradient(180deg,rgba(17,37,57,.03),rgba(17,37,57,.82)),radial-gradient(circle at 78% 18%,rgba(81,220,222,.38),transparent 28%),linear-gradient(135deg,#315f7b,#253a5e 55%,#4f5380);\n}\nai cover:before{\ncontent:\"\";\nposition:absolute;\nleft:0;\nright:0;\nbottom:0;\nheight:78px;\nopacity:.32;\nbackground-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='390' height='78' viewBox='0 0 390 78'%3E%3Cpath fill='%23fff' fill-opacity='.2' d='M0 58h25V31h14v27h16V18h24v40h18V38h19v20h27V9h29v49h17V29h16v29h25V20h28v38h17V41h21v17h27V14h31v44h36v20H0z'/%3E%3C/svg%3E\");\nbackground-position:center bottom;\nbackground-size:cover;\n}\nai cover>av{\ndisplay:grid;\nposition:absolute;\nz-index:2;\nleft:13px;\nbottom:13px;\nplace-items:center;\nwidth:58px;\nheight:58px;\ncolor:#fff;\nfont-size:21px;\nfont-weight:800;\nborder:3px solid rgba(255,255,255,.92);\nborder-radius:14px;\n}\nai cover>b{\nposition:relative;\nz-index:2;\nfont-size:14px;\nline-height:1.25;\ntext-shadow:0 2px 6px rgba(0,0,0,.35);\n}\nai cover>i{\nposition:relative;\nz-index:2;\ncolor:rgba(255,255,255,.74);\nfont-size:9px;\nfont-style:normal;\n}\nai post{\ndisplay:block;\nposition:relative;\nmargin:0 10px;\npadding:11px 2px 12px 43px;\nborder-bottom:1px solid rgba(52,76,98,.12);\n}\nai post>h{\ndisplay:flex;\nalign-items:center;\ngap:8px;\nmin-height:34px;\n}\nai post h>av{\ndisplay:grid;\nposition:absolute;\nleft:0;\ntop:11px;\nplace-items:center;\nwidth:34px;\nheight:34px;\ncolor:#fff;\nfont-size:11px;\nfont-weight:800;\nborder-radius:9px;\n}\nai post h>q{\ndisplay:flex;\nmin-width:0;\nflex:1;\nflex-direction:column;\nalign-items:flex-start;\nline-height:1.35;\n}\nai post h>q>b{\ncolor:#365b7c;\nfont-size:12px;\n}\nai post h>q>i{\ncolor:var(--muted);\nfont-size:9px;\nfont-style:normal;\n}\nai post>p{\nmargin:7px 0;\ncolor:#2d3946;\nfont-size:11px;\nline-height:1.58;\n}\nai pics{\ndisplay:flex;\nalign-items:center;\njustify-content:center;\nmin-height:92px;\nmax-width:205px;\nmargin:7px 0;\npadding:8px;\nbox-sizing:border-box;\noverflow:hidden;\nfont-size:38px;\nfont-style:normal;\ntext-align:center;\nborder:1px solid rgba(55,91,116,.13);\nborder-radius:8px;\nbackground:radial-gradient(circle at 50% 42%,rgba(255,255,255,.9),transparent 28%),linear-gradient(145deg,#dcecf1,#c4dbe3);\nbox-shadow:inset 0 0 25px rgba(46,105,127,.09),0 3px 9px rgba(34,64,84,.09);\ntransition:.22s ease;\n}\nai pics:hover{\nfilter:saturate(1.12) brightness(1.04);\nbox-shadow:0 7px 16px rgba(36,79,102,.18);\ntransform:translateY(-2px) scale(1.02);\n}\nai post meta{\ndisplay:flex;\nalign-items:center;\ngap:8px;\nmargin-top:6px;\ncolor:#758291;\nfont-size:9px;\n}\nai post meta a{\nflex:0 0 auto;\nmargin-left:auto;\npadding:2px 5px;\ncolor:#536f8b;\nfont-weight:700;\ntext-decoration:none;\nborder-radius:5px;\n}\nai post meta a+a{margin-left:0}\nai post meta a:hover{\ncolor:#fff;\nbackground:#637b93;\n}\nai reply{\ndisplay:block;\nposition:relative;\nmargin-top:6px;\npadding:6px 7px;\ncolor:#566473;\nfont-size:9px;\nline-height:1.5;\nborder-radius:6px;\nbackground:rgba(103,125,144,.1);\n}\nai reply:before{\ncontent:\"\";\nposition:absolute;\nleft:9px;\ntop:-4px;\nwidth:8px;\nheight:8px;\nbackground:rgba(103,125,144,.1);\ntransform:rotate(45deg);\n}\nai reply>b{color:#3e617d}\nai mp{\ndisplay:block;\nposition:relative;\nheight:220px;\nmargin:10px;\noverflow:hidden;\nborder:1px solid rgba(44,102,127,.18);\nborder-radius:15px;\nbackground-color:#dbe9e7;\nbackground-image:linear-gradient(28deg,transparent 42%,rgba(255,255,255,.9) 43%,rgba(255,255,255,.9) 47%,transparent 48%),linear-gradient(105deg,transparent 51%,rgba(255,255,255,.8) 52%,rgba(255,255,255,.8) 56%,transparent 57%),linear-gradient(rgba(48,115,125,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(48,115,125,.08) 1px,transparent 1px);\nbackground-size:100% 100%,100% 100%,24px 24px,24px 24px;\nbox-shadow:inset 0 0 30px rgba(39,100,105,.12);\n}\nai mp:before{\ncontent:\"临 江\\A\\A　滨河辅路　　　　　　旧港区\\A\\A\\A　　长宁隧道\";\nwhite-space:pre;\nposition:absolute;\ninset:0;\npadding:13px;\ncolor:rgba(45,92,98,.4);\nfont-size:10px;\nletter-spacing:.16em;\n}\nai mp road{\nposition:absolute;\nz-index:1;\nleft:21%;\ntop:69%;\nwidth:61%;\nheight:4px;\nborder-radius:5px;\nbackground:linear-gradient(90deg,var(--blue),var(--cyan),var(--red));\nbox-shadow:0 0 8px rgba(47,155,181,.75);\ntransform:rotate(-28deg);\ntransform-origin:left center;\n}\nai mp road:after{\ncontent:\"\";\nposition:absolute;\ninset:-3px;\nborder:1px dashed rgba(255,255,255,.85);\nborder-width:1px 0;\nanimation:aiRoute 1.7s linear infinite;\n}\nai pt{\ndisplay:flex;\nposition:absolute;\nz-index:3;\nalign-items:center;\nflex-direction:column;\nfont-size:9px;\nline-height:1.2;\ntext-align:center;\nfilter:drop-shadow(0 2px 2px rgba(20,52,62,.2));\n}\nai pt:before{\ndisplay:grid;\nplace-items:center;\nwidth:24px;\nheight:24px;\nmargin-bottom:2px;\ncolor:#fff;\nfont-size:12px;\nborder:2px solid #fff;\nborder-radius:50% 50% 50% 4px;\nbackground:var(--blue);\nbox-shadow:0 0 0 4px rgba(54,120,212,.13);\ntransform:rotate(-45deg);\n}\nai pt[k=\"me\"]:before{\ncontent:\"●\";\nbackground:var(--cyan);\n}\nai pt[k=\"x\"]:before{\ncontent:\"◆\";\nbackground:var(--red);\nanimation:aiDanger 1.5s ease-out infinite;\n}\nai pt[k=\"t\"]:before{\ncontent:\"★\";\nbackground:var(--purple);\n}\nai pt>b,ai pt>i{\npadding:1px 4px;\nborder-radius:4px;\nbackground:rgba(250,253,253,.82);\n}\nai pt>i{\nmax-width:105px;\ncolor:var(--muted);\nfont-size:8px;\nfont-style:normal;\n}\nai pt[k=\"me\"]{left:11%;top:62%}\nai pt[k=\"x\"]{left:43%;top:38%}\nai pt[k=\"t\"]{right:7%;top:13%}\nai route{\ndisplay:block;\npadding:0 10px 5px;\n}\nai route>l{\ndisplay:grid;\ngrid-template-columns:76px 1fr;\ngap:7px;\npadding:7px 4px;\ncolor:#667486;\nfont-size:11px;\nborder-bottom:1px solid rgba(55,80,103,.1);\n}\nai route>l>b{color:#35516b}\nai navs{\ndisplay:grid;\ngrid-template-columns:1fr 1fr;\ngap:6px;\npadding:7px 10px 12px;\n}\nai navs>a{\npadding:7px 5px;\ncolor:#fff;\nfont-size:10px;\nfont-weight:700;\ntext-align:center;\ntext-decoration:none;\nborder-radius:9px;\nbackground:linear-gradient(135deg,var(--blue),#4564b6);\nbox-shadow:0 4px 10px rgba(54,96,178,.18);\ntransition:.2s ease;\n}\nai navs>a:last-child{\ngrid-column:1/-1;\ncolor:#526579;\nbackground:#dfe7ed;\nbox-shadow:none;\n}\nai navs>a:hover{\nfilter:brightness(1.08);\ntransform:translateY(-1px);\n}\nai tab>acts{\ndisplay:grid;\ngap:7px;\npadding:11px;\n}\nai tab>acts>a{\ndisplay:flex;\nalign-items:center;\nmin-height:50px;\npadding:9px 11px;\nbox-sizing:border-box;\nflex-direction:column;\ncolor:inherit;\ntext-decoration:none;\nborder:1px solid rgba(52,79,104,.11);\nborder-radius:12px;\nbackground:rgba(255,255,255,.78);\nbox-shadow:0 3px 10px rgba(38,60,80,.06);\ntransition:.2s ease;\n}\nai tab>acts>a:hover{\nborder-color:rgba(32,185,191,.42);\nbox-shadow:0 6px 14px rgba(44,113,132,.13);\ntransform:translateY(-2px);\n}\nai tab>acts>a>b{\nalign-self:stretch;\ncolor:#294a68;\nfont-size:12px;\n}\nai tab>acts>a>i{\nalign-self:stretch;\ncolor:var(--muted);\nfont-size:9px;\nfont-style:normal;\nline-height:1.4;\n}\nai dock{\ndisplay:grid;\nposition:relative;\nz-index:15;\ngrid-template-columns:repeat(4,1fr);\nheight:57px;\nmargin:0;\nborder-top:1px solid rgba(49,70,91,.15);\nbackground:rgba(250,252,254,.98);\nbox-shadow:0 -4px 12px rgba(26,47,67,.06);\n}\nai dock>a{\ndisplay:flex;\nposition:relative;\nalign-items:center;\njustify-content:center;\nflex-direction:column;\ncolor:#718091;\nfont-size:19px;\nline-height:1.1;\ntext-decoration:none;\ntransition:.2s ease;\n}\nai dock>a:after{\ncontent:\"\";\nposition:absolute;\nbottom:1px;\nwidth:0;\nheight:2px;\nborder-radius:4px;\nbackground:linear-gradient(90deg,var(--cyan),var(--purple));\ntransition:.2s ease;\n}\nai dock>a:hover{\ncolor:var(--blue);\nbackground:rgba(54,120,212,.05);\ntransform:translateY(-1px);\n}\nai dock>a:hover:after{width:24px}\nai dock>a>i{\ncolor:inherit;\nfont-size:8px;\nfont-style:normal;\n}\nai dock>a>b{\ndisplay:grid;\nposition:absolute;\ntop:4px;\nleft:54%;\nplace-items:center;\nmin-width:14px;\nheight:14px;\npadding:0 3px;\nbox-sizing:border-box;\ncolor:#fff;\nfont-size:8px;\nborder-radius:9px;\nbackground:var(--red);\n}\nai ph:not(:has(tab:target)) dock a[href=\"#c\"],\nai ph:has(#c:target) dock a[href=\"#c\"],\nai ph:has(#f:target) dock a[href=\"#f\"],\nai ph:has(#p:target) dock a[href=\"#p\"],\nai ph:has(#x:target) dock a[href=\"#x\"]{\ncolor:var(--blue);\nbackground:rgba(54,120,212,.045);\n}\nai ph:not(:has(tab:target)) dock a[href=\"#c\"]:after,\nai ph:has(#c:target) dock a[href=\"#c\"]:after,\nai ph:has(#f:target) dock a[href=\"#f\"]:after,\nai ph:has(#p:target) dock a[href=\"#p\"]:after,\nai ph:has(#x:target) dock a[href=\"#x\"]:after{\nwidth:24px;\n}\nai home{\ndisplay:block;\nwidth:92px;\nheight:4px;\nmargin:6px auto;\nborder-radius:4px;\nbackground:#2d3640;\n}\nai>details{\ndisplay:block;\nmargin:9px 13px;\noverflow:hidden;\nborder:1px solid var(--line);\nborder-radius:13px;\nbackground:rgba(251,253,255,.75);\nbox-shadow:0 3px 11px rgba(38,59,79,.045);\ntransition:.2s ease;\n}\nai>details:last-child{margin-bottom:13px}\nai>details:hover{\nborder-color:rgba(54,120,212,.25);\nbox-shadow:0 6px 16px rgba(38,75,105,.075);\n}\nai>details>summary{\nposition:relative;\nmin-height:42px;\npadding:10px 44px 10px 12px;\nbox-sizing:border-box;\ncolor:#24435f;\nfont-size:14px;\nfont-weight:750;\nline-height:22px;\ncursor:pointer;\nlist-style:none;\nbackground:linear-gradient(90deg,rgba(54,120,212,.09),rgba(49,184,200,.035),transparent);\nuser-select:none;\n}\nai>details>summary::-webkit-details-marker{display:none}\nai>details>summary:after{\ncontent:\"＋\";\ndisplay:flex;\nposition:absolute;\nright:11px;\ntop:50%;\nalign-items:center;\njustify-content:center;\nwidth:22px;\nheight:22px;\nbox-sizing:border-box;\ncolor:#58738d;\nfont:400 18px/1 Arial,sans-serif;\nborder-radius:50%;\nbackground:rgba(73,105,134,.09);\ntransform:translateY(-50%);\ntransition:.22s ease;\n}\nai>details[open]>summary{\nborder-bottom:1px solid rgba(53,78,101,.1);\n}\nai>details[open]>summary:after{\ncontent:\"−\";\npadding-bottom:2px;\ncolor:#fff;\nfont-size:19px;\nbackground:var(--blue);\ntransform:translateY(-50%) rotate(180deg);\n}\nai g{\ndisplay:grid;\ngrid-template-columns:repeat(2,minmax(0,1fr));\ngap:1px;\nmargin:8px;\noverflow:hidden;\nborder-radius:9px;\nbackground:rgba(50,76,99,.09);\n}\nai g>d{\ndisplay:flex;\nmin-width:0;\npadding:7px 9px;\nflex-direction:column;\noverflow:hidden;\ncolor:#28445c;\nfont-size:13px;\nfont-weight:700;\ntext-overflow:ellipsis;\nbackground:rgba(251,253,255,.9);\n}\nai g>d>i{\ncolor:var(--muted);\nfont-size:10px;\nfont-style:normal;\nfont-weight:400;\n}\nai v{\ndisplay:block;\npadding:4px 10px;\n}\nai v>b{\ndisplay:block;\ncolor:#506376;\nfont-size:11px;\n}\nai v>meter{\ndisplay:block;\nwidth:100%;\nheight:8px;\nmargin-top:2px;\nborder:0;\nborder-radius:8px;\nbackground:#dfe7ec;\n}\nai v>meter::-webkit-meter-bar{\nborder:0;\nborder-radius:8px;\nbackground:#dfe7ec;\n}\nai v>meter::-webkit-meter-optimum-value{\nborder-radius:8px;\nbackground:linear-gradient(90deg,var(--blue),var(--cyan));\n}\nai v>meter::-webkit-meter-suboptimum-value{\nborder-radius:8px;\nbackground:linear-gradient(90deg,var(--amber),#f1c562);\n}\nai v>meter::-webkit-meter-even-less-good-value{\nborder-radius:8px;\nbackground:linear-gradient(90deg,var(--red),var(--amber));\n}\nai details>l{\ndisplay:grid;\ngrid-template-columns:minmax(76px,24%) 1fr;\ngap:8px;\npadding:7px 11px;\ncolor:#697687;\nfont-size:12px;\nborder-top:1px dashed rgba(56,81,104,.1);\noverflow-wrap:anywhere;\n}\nai details>l>b{color:#36526b}\nai details>r{\ndisplay:flex;\nalign-items:center;\ngap:9px;\nmargin:0 9px;\npadding:7px 2px;\nborder-bottom:1px solid rgba(51,76,99,.09);\n}\nai details>r:last-child{border-bottom:0}\nai details>r>av{\ndisplay:grid;\nplace-items:center;\nwidth:36px;\nheight:36px;\nflex:0 0 auto;\nfont-size:12px;\nfont-weight:700;\nborder-radius:11px;\n}\nai details>r>q{\ndisplay:flex;\nmin-width:0;\nflex:1;\nflex-direction:column;\nline-height:1.45;\n}\nai details>r>q>b{font-size:12px}\nai details>r>q>i{\ncolor:var(--muted);\nfont-size:9px;\nfont-style:normal;\n}\nai details>r>q>span{\noverflow:hidden;\ncolor:#5e6d7d;\nfont-size:11px;\ntext-overflow:ellipsis;\nwhite-space:nowrap;\n}\nai details>n{\ndisplay:grid;\ngrid-template-columns:45px 1fr;\ngap:0 8px;\npadding:8px 10px;\nborder-bottom:1px solid rgba(51,76,99,.09);\n}\nai details>n>i{\ngrid-row:1/3;\nalign-self:start;\npadding:2px 5px;\ncolor:#fff;\nfont-size:9px;\nfont-style:normal;\ntext-align:center;\nborder-radius:5px;\nbackground:linear-gradient(135deg,var(--blue),var(--cyan));\n}\nai details>n:nth-of-type(2)>i{background:linear-gradient(135deg,#48aeb4,#54c8a0)}\nai details>n:nth-of-type(3)>i{background:linear-gradient(135deg,var(--purple),#9b72c9)}\nai details>n:nth-of-type(4)>i{background:linear-gradient(135deg,var(--red),#9b456b)}\nai details>n>b{font-size:12px}\nai details>n>span{\ncolor:var(--muted);\nfont-size:10px;\n}\nai details>e{\ndisplay:grid;\nposition:relative;\ngrid-template-columns:64px 1fr;\ngap:0 9px;\nmargin:0 10px;\npadding:7px 3px 7px 16px;\n}\nai details>e:before{\ncontent:\"\";\nposition:absolute;\nleft:3px;\ntop:14px;\nwidth:6px;\nheight:6px;\nborder:2px solid var(--cyan);\nborder-radius:50%;\nbackground:#fff;\n}\nai details>e:not(:last-of-type):after{\ncontent:\"\";\nposition:absolute;\nleft:7px;\ntop:23px;\nbottom:-8px;\nwidth:1px;\nbackground:linear-gradient(var(--cyan),rgba(49,184,200,.08));\n}\nai details>e>time{\ngrid-row:1/3;\ncolor:var(--blue);\nfont-size:10px;\nfont-weight:700;\n}\nai details>e>b{font-size:12px}\nai details>e>span{\ncolor:var(--muted);\nfont-size:10px;\n}\nai clue{\ndisplay:flex;\nposition:relative;\nmargin:8px 9px;\npadding:8px 9px 8px 13px;\nflex-direction:column;\noverflow:hidden;\nborder:1px solid rgba(61,84,105,.1);\nborder-radius:9px;\nbackground:rgba(255,255,255,.75);\n}\nai clue:before{\ncontent:\"\";\nposition:absolute;\nleft:0;\ntop:0;\nbottom:0;\nwidth:4px;\nbackground:#8798a8;\n}\nai clue[lv=\"3\"]:before{\nbackground:var(--red);\nbox-shadow:0 0 8px rgba(231,98,108,.45);\n}\nai clue[lv=\"2\"]:before{background:var(--amber)}\nai clue[lv=\"1\"]:before{background:var(--cyan)}\nai clue>b{font-size:12px}\nai clue>span{\ncolor:#586878;\nfont-size:11px;\n}\nai clue>i{\ncolor:var(--muted);\nfont-size:9px;\nfont-style:normal;\n}\nai mem{\ndisplay:grid;\ngrid-template-columns:75px 1fr;\ngap:8px;\npadding:8px 11px;\ncolor:#5f6e7d;\nfont-size:11px;\nborder-bottom:1px dashed rgba(51,77,100,.11);\n}\nai mem>time{\ncolor:var(--purple);\nfont-size:10px;\nfont-weight:700;\n}\n@keyframes aiPulse{\n0%,100%{opacity:.65;transform:scale(.85)}\n50%{opacity:1;transform:scale(1.1)}\n}\n@keyframes aiDanger{\n0%{box-shadow:0 0 0 0 rgba(231,98,108,.5)}\n100%{box-shadow:0 0 0 14px rgba(231,98,108,0)}\n}\n@keyframes aiRoute{\nfrom{transform:translateX(-10px)}\nto{transform:translateX(10px)}\n}\n@keyframes aiGlitch{\n0%,91%,100%{transform:none;filter:none}\n92%{transform:translateX(1px);filter:hue-rotate(18deg)}\n93%{transform:translateX(-1px)}\n94%{transform:none}\n}\n@keyframes aiAppFocus{\n0%{filter:brightness(.95);opacity:.88}\n100%{filter:brightness(1);opacity:1}\n}\n@media(max-width:600px){\nai{\nwidth:100%;\nborder-radius:14px;\n}\nai>hd{\npadding:9px 11px;\nalign-items:flex-start;\n}\nai>hd>b{font-size:13px}\nai>hd>i{\nmax-width:52%;\nfont-size:10px;\n}\nai>scene{\nmargin:8px 8px 7px;\npadding:13px 12px 11px;\nborder-radius:13px;\n}\nai scene h1{font-size:19px}\nai>article{\npadding:2px 12px 7px;\nfont-size:14px;\n}\nai talk,ai think{padding:8px 10px}\nai ph{\nwidth:calc(100% - 16px);\nmax-width:390px;\nmargin:12px auto 16px;\nborder-width:5px;\nborder-radius:31px;\n}\nai ph:before{\ntop:5px;\nwidth:78px;\nheight:18px;\n}\nai ph:after{top:10px}\nai apps{height:500px}\nai top{height:28px}\nai pn{height:50px}\nai cover{min-height:118px}\nai pics{\nmin-height:84px;\nfont-size:34px;\n}\nai>details{\nmargin:8px;\nborder-radius:11px;\n}\n}\n@media(max-width:380px){\nai>scene{margin:6px}\nai>article{\npadding-left:10px;\npadding-right:10px;\n}\nai ph{\nwidth:calc(100% - 8px);\nmargin:10px auto 14px;\nborder-width:4px;\nborder-radius:27px;\n}\nai apps{height:475px}\nai m{\nmargin-left:8px;\nmargin-right:8px;\n}\nai m>q{max-width:79%}\nai m[me]>q{max-width:84%}\nai post{\nmargin-left:8px;\nmargin-right:8px;\npadding-left:40px;\n}\nai pics{max-width:190px}\nai mp{\nheight:205px;\nmargin:8px;\n}\nai route>l{grid-template-columns:70px 1fr}\nai g{grid-template-columns:1fr}\nai details>l{grid-template-columns:72px 1fr}\n}\n@media(prefers-reduced-motion:reduce){\nai apps{scroll-behavior:auto}\nai apps>tab:target{animation:none}\nai>hd:before,\nai m[unknown]>q>span,\nai pt[k=\"x\"]:before,\nai mp road:after{animation:none}\n}\n\n/* ===== 未知角色：红色警戒主题补丁（头像无光圈版） ===== */\n\n/* 头像 */\nai av[g=\"u\"],\nai av[g=\"u\"]:hover,\nai av[g=\"u\"]:focus,\nai av[g=\"u\"]:focus-visible,\nai av[g=\"u\"]:active{\n  color:#fff;\n  background:linear-gradient(\n    135deg,\n    #ff9aa3 0%,\n    #e7626c 48%,\n    #b92f45 100%\n  )!important;\n  border-color:rgba(255,222,225,.94)!important;\n  box-shadow:none!important;\n  outline:none!important;\n  filter:none!important;\n}\n\n/* 清除头像伪元素可能自带的外圈光效 */\nai av[g=\"u\"]::before,\nai av[g=\"u\"]::after,\nai av[g=\"u\"]:hover::before,\nai av[g=\"u\"]:hover::after,\nai av[g=\"u\"]:focus::before,\nai av[g=\"u\"]:focus::after,\nai av[g=\"u\"]:active::before,\nai av[g=\"u\"]:active::after{\n  box-shadow:none!important;\n  outline:none!important;\n  filter:none!important;\n}\n\n/* 角色名称 */\nai m[unknown]>q>b{\n  color:#b9364a;\n  font-weight:700;\n}\n\n/* 角色信息气泡 */\nai m[unknown]>q>span{\n  color:#702333;\n  border-color:rgba(213,58,79,.32);\n  background:linear-gradient(\n    135deg,\n    #fff7f7 0%,\n    #ffe4e6 58%,\n    #ffd5d9 100%\n  );\n  box-shadow:\n    0 3px 10px rgba(177,42,62,.12),\n    0 0 14px rgba(231,98,108,.13);\n}\n\n/* 辅助文字 */\nai m[unknown]>q>i{\n  color:#b76a75;\n}\n\n/* 对话气泡 */\nai talk[g=\"u\"]{\n  border-color:rgba(213,58,79,.22);\n  background:linear-gradient(\n    105deg,\n    rgba(231,98,108,.17),\n    rgba(255,248,248,.8)\n  );\n  box-shadow:0 4px 13px rgba(169,42,61,.09);\n}\n\n/* 对话气泡侧边装饰 */\nai talk[g=\"u\"]::before{\n  background:linear-gradient(\n    #ff7d88,\n    #d53a4f 55%,\n    #a9243b\n  );\n  box-shadow:0 0 9px rgba(231,98,108,.4);\n}\n\n/* 对话标题 */\nai talk[g=\"u\"]>b{\n  background:linear-gradient(\n    135deg,\n    #ef707b,\n    #d53a4f 55%,\n    #ab2940\n  );\n  box-shadow:0 2px 7px rgba(177,41,62,.22);\n}\n\n/* 对话正文 */\nai talk[g=\"u\"]>span{\n  color:#762838;\n}\n\n/* =========================================================\n   正文、角色气泡、聊天气泡与交互控件：扫光与点击反馈\n   直接添加到原 CSS 最末尾\n========================================================= */\n\n/* ---------------------------------------------------------\n   1. 需要产生扫光效果的内容容器\n--------------------------------------------------------- */\nai article>p,\nai talk,\nai think,\nai talk>b,\nai think>b,\nai m>q>span,\nai m[sys],\nai send>span,\nai send>b,\nai navs>a,\nai tab>acts>a,\nai post meta a,\nai>details>summary,\nai dock>a{\nposition:relative;\noverflow:hidden;\nisolation:isolate;\n-webkit-tap-highlight-color:transparent;\n}\n\n/* 正文段落、角色大气泡、姓名小气泡、聊天气泡可点击 */\nai article>p,\nai talk,\nai think,\nai talk>b,\nai think>b,\nai m>q>span,\nai m[sys]{\ncursor:pointer;\ntouch-action:manipulation;\n}\n\n/* 姓名标签保持和后面的正文处于同一行 */\nai talk>b,\nai think>b{\ndisplay:inline-block;\nvertical-align:baseline;\n}\n\n/* 系统消息需要建立定位上下文 */\nai m[sys]{\nposition:relative;\noverflow:hidden;\n}\n\n/* 手机聊天气泡裁切扫光 */\nai m>q>span{\noverflow:hidden;\n}\n\n/* ---------------------------------------------------------\n   2. 正文段落和气泡的统一过渡\n--------------------------------------------------------- */\nai article>p,\nai talk,\nai think,\nai m>q>span,\nai m[sys]{\ntransition:\ntransform .18s cubic-bezier(.2,.7,.3,1),\nfilter .18s ease,\nbox-shadow .22s ease,\nborder-color .22s ease,\nbackground-color .22s ease;\n}\n\n/* 姓名小气泡的独立过渡 */\nai talk>b,\nai think>b{\ntransition:\ntransform .18s cubic-bezier(.2,.7,.3,1),\nfilter .18s ease,\nbox-shadow .22s ease;\n}\n\n/* 按钮与其他交互控件过渡 */\nai send>span,\nai send>b,\nai navs>a,\nai tab>acts>a,\nai post meta a,\nai>details>summary,\nai dock>a{\ntransition:\ntransform .18s cubic-bezier(.2,.7,.3,1),\nfilter .18s ease,\nbox-shadow .22s ease,\nbackground-color .22s ease,\ncolor .22s ease,\nborder-color .22s ease;\n}\n\n/* ---------------------------------------------------------\n   3. 正文、角色气泡、姓名气泡、聊天气泡扫光层\n   使用 ::after，避免覆盖原有 ::before 装饰\n--------------------------------------------------------- */\nai article>p::after,\nai talk::after,\nai think::after,\nai talk>b::after,\nai think>b::after,\nai m>q>span::after,\nai m[sys]::after{\ncontent:\"\";\nposition:absolute;\nz-index:3;\ntop:-25%;\nleft:-120%;\nwidth:58%;\nheight:150%;\npointer-events:none;\nopacity:0;\nborder-radius:inherit;\nbackground:linear-gradient(\n90deg,\ntransparent 0%,\nrgba(255,255,255,.04) 18%,\nrgba(255,255,255,.28) 42%,\nrgba(255,255,255,.68) 50%,\nrgba(255,255,255,.28) 58%,\nrgba(255,255,255,.04) 82%,\ntransparent 100%\n);\nfilter:blur(.2px);\ntransform:skewX(-20deg);\ntransition:\nleft .68s cubic-bezier(.4,0,.2,1),\nopacity .16s ease;\n}\n\n/* 正文使用稍柔和的扫光，避免白底过亮 */\nai article>p::after{\nbackground:linear-gradient(\n90deg,\ntransparent 0%,\nrgba(107,218,226,.02) 18%,\nrgba(255,255,255,.32) 42%,\nrgba(160,238,240,.48) 50%,\nrgba(255,255,255,.28) 58%,\nrgba(119,203,220,.02) 82%,\ntransparent 100%\n);\n}\n\n/* 男性角色气泡使用蓝色高光 */\nai talk[g=\"m\"]::after,\nai talk[g=\"m\"]>b::after{\nbackground:linear-gradient(\n90deg,\ntransparent 0%,\nrgba(255,255,255,.05) 18%,\nrgba(212,236,255,.38) 40%,\nrgba(255,255,255,.76) 50%,\nrgba(190,226,255,.34) 60%,\ntransparent 100%\n);\n}\n\n/* 女性角色气泡使用粉色高光 */\nai talk[g=\"f\"]::after,\nai talk[g=\"f\"]>b::after{\nbackground:linear-gradient(\n90deg,\ntransparent 0%,\nrgba(255,255,255,.05) 18%,\nrgba(255,218,234,.38) 40%,\nrgba(255,255,255,.76) 50%,\nrgba(255,206,226,.34) 60%,\ntransparent 100%\n);\n}\n\n/* 自身角色气泡使用青色高光 */\nai talk[g=\"me\"]::after,\nai talk[g=\"me\"]>b::after{\nbackground:linear-gradient(\n90deg,\ntransparent 0%,\nrgba(255,255,255,.05) 18%,\nrgba(198,255,247,.38) 40%,\nrgba(255,255,255,.76) 50%,\nrgba(184,247,243,.34) 60%,\ntransparent 100%\n);\n}\n\n/* 心理活动使用紫色高光 */\nai think::after,\nai think>b::after{\nbackground:linear-gradient(\n90deg,\ntransparent 0%,\nrgba(255,255,255,.04) 18%,\nrgba(226,218,255,.36) 40%,\nrgba(255,255,255,.72) 50%,\nrgba(209,200,255,.32) 60%,\ntransparent 100%\n);\n}\n\n/* 自己发送的手机消息使用青绿色高光 */\nai m[me]>q>span::after{\nbackground:linear-gradient(\n90deg,\ntransparent 0%,\nrgba(255,255,255,.04) 18%,\nrgba(225,255,250,.44) 40%,\nrgba(255,255,255,.8) 50%,\nrgba(199,249,242,.38) 60%,\ntransparent 100%\n);\n}\n\n/* 未知账号手机消息使用紫色异常高光 */\nai m[unknown]>q>span::after{\nbackground:linear-gradient(\n90deg,\ntransparent 0%,\nrgba(255,255,255,.03) 18%,\nrgba(227,217,255,.42) 40%,\nrgba(255,255,255,.76) 50%,\nrgba(205,191,255,.36) 60%,\ntransparent 100%\n);\n}\n\n/* ---------------------------------------------------------\n   4. 按钮、输入区域和其他控件扫光层\n   普通控件使用 ::before\n--------------------------------------------------------- */\nai send>span::before,\nai send>b::before,\nai navs>a::before,\nai tab>acts>a::before,\nai post meta a::before,\nai>details>summary::before,\nai dock>a::before{\ncontent:\"\";\nposition:absolute;\nz-index:1;\ntop:-25%;\nleft:-120%;\nwidth:58%;\nheight:150%;\npointer-events:none;\nopacity:0;\nborder-radius:inherit;\nbackground:linear-gradient(\n90deg,\ntransparent 0%,\nrgba(255,255,255,.04) 18%,\nrgba(255,255,255,.3) 40%,\nrgba(255,255,255,.7) 50%,\nrgba(255,255,255,.3) 60%,\ntransparent 100%\n);\ntransform:skewX(-20deg);\ntransition:\nleft .68s cubic-bezier(.4,0,.2,1),\nopacity .16s ease;\n}\n\n/* 保证折叠按钮图标位于扫光上方 */\nai>details>summary::after{\nz-index:4;\n}\n\n/* 保证底部导航未读数字位于扫光上方 */\nai dock>a>b{\nz-index:4;\n}\n\n/* ---------------------------------------------------------\n   5. 鼠标悬停或手指按下时执行扫光\n--------------------------------------------------------- */\nai article>p:hover::after,\nai article>p:active::after,\nai talk:hover::after,\nai talk:active::after,\nai think:hover::after,\nai think:active::after,\nai talk>b:hover::after,\nai talk>b:active::after,\nai think>b:hover::after,\nai think>b:active::after,\nai m>q>span:hover::after,\nai m>q>span:active::after,\nai m[sys]:hover::after,\nai m[sys]:active::after{\nleft:145%;\nopacity:1;\n}\n\n/* 控件扫光 */\nai send>span:hover::before,\nai send>span:active::before,\nai send>b:hover::before,\nai send>b:active::before,\nai navs>a:hover::before,\nai navs>a:active::before,\nai tab>acts>a:hover::before,\nai tab>acts>a:active::before,\nai post meta a:hover::before,\nai post meta a:active::before,\nai>details>summary:hover::before,\nai>details>summary:active::before,\nai dock>a:hover::before,\nai dock>a:active::before{\nleft:145%;\nopacity:1;\n}\n\n/* ---------------------------------------------------------\n   6. 每段正文的悬停与点击反馈\n--------------------------------------------------------- */\nai article>p{\nborder:1px solid transparent;\nborder-radius:10px;\n}\n\n/* 鼠标经过正文段落 */\nai article>p:hover{\nfilter:brightness(1.025);\nborder-color:rgba(32,185,191,.1);\nbackground-color:rgba(255,255,255,.28);\nbox-shadow:\n0 6px 18px rgba(35,70,91,.07),\ninset 0 0 16px rgba(255,255,255,.2);\ntransform:translateY(-1px);\n}\n\n/* 点击正文段落 */\nai article>p:active{\nfilter:brightness(.97);\nborder-color:rgba(32,185,191,.2);\nbackground-color:rgba(226,246,247,.4);\nbox-shadow:\n0 2px 8px rgba(35,70,91,.06),\ninset 0 2px 6px rgba(39,86,102,.07);\ntransform:scale(.985);\ntransition-duration:.08s;\n}\n\n/* ---------------------------------------------------------\n   7. 角色对白大气泡和心理气泡反馈\n--------------------------------------------------------- */\nai talk:hover,\nai think:hover{\nfilter:brightness(1.045) saturate(1.035);\nborder-color:rgba(74,111,143,.22);\nbox-shadow:\n0 9px 22px rgba(35,60,83,.12),\ninset 0 0 18px rgba(255,255,255,.2);\ntransform:translateY(-2px);\n}\n\n/* 男性对白悬停边框 */\nai talk[g=\"m\"]:hover{\nborder-color:rgba(67,136,232,.3);\nbox-shadow:\n0 9px 22px rgba(47,118,209,.14),\ninset 0 0 18px rgba(255,255,255,.22);\n}\n\n/* 女性对白悬停边框 */\nai talk[g=\"f\"]:hover{\nborder-color:rgba(240,127,168,.32);\nbox-shadow:\n0 9px 22px rgba(211,77,130,.13),\ninset 0 0 18px rgba(255,255,255,.22);\n}\n\n/* 自身对白悬停边框 */\nai talk[g=\"me\"]:hover{\nborder-color:rgba(32,185,191,.32);\nbox-shadow:\n0 9px 22px rgba(20,157,165,.14),\ninset 0 0 18px rgba(255,255,255,.22);\n}\n\n/* 心理活动悬停边框 */\nai think:hover{\nborder-color:rgba(119,103,216,.3);\nbox-shadow:\n0 9px 22px rgba(85,64,172,.13),\ninset 0 0 18px rgba(255,255,255,.22);\n}\n\n/* 点击角色大气泡 */\nai talk:active,\nai think:active{\nfilter:brightness(.95) saturate(.98);\nbox-shadow:\n0 2px 9px rgba(32,55,75,.09),\ninset 0 2px 8px rgba(30,53,74,.07);\ntransform:scale(.982);\ntransition-duration:.08s;\n}\n\n/* ---------------------------------------------------------\n   8. 角色姓名小气泡反馈\n--------------------------------------------------------- */\nai talk>b:hover,\nai think>b:hover{\nfilter:brightness(1.1) saturate(1.08);\nbox-shadow:\n0 5px 13px rgba(35,60,83,.18),\ninset 0 0 8px rgba(255,255,255,.2);\ntransform:translateY(-1px) scale(1.025);\n}\n\n/* 点击姓名时只压缩姓名小气泡 */\nai talk>b:active,\nai think>b:active{\nfilter:brightness(.9);\nbox-shadow:\n0 1px 5px rgba(35,60,83,.12),\ninset 0 2px 5px rgba(0,0,0,.08);\ntransform:scale(.94);\ntransition-duration:.07s;\n}\n\n/* ---------------------------------------------------------\n   9. 手机聊天气泡悬停反馈\n--------------------------------------------------------- */\nai m>q>span:hover{\nfilter:brightness(1.04) saturate(1.025);\nborder-color:rgba(67,136,232,.2);\nbox-shadow:\n0 7px 18px rgba(30,52,72,.13),\ninset 0 0 13px rgba(255,255,255,.18);\ntransform:translateY(-2px);\n}\n\n/* 自己发送的消息 */\nai m[me]>q>span:hover{\nborder-color:rgba(32,185,191,.34);\nbox-shadow:\n0 7px 18px rgba(20,157,165,.16),\ninset 0 0 13px rgba(255,255,255,.23);\n}\n\n/* 未知账号消息 */\nai m[unknown]>q>span:hover{\nborder-color:rgba(119,103,216,.4);\nbox-shadow:\n0 7px 20px rgba(85,64,172,.18),\n0 0 14px rgba(104,80,194,.12),\ninset 0 0 13px rgba(255,255,255,.22);\n}\n\n/* 点击手机聊天气泡 */\nai m>q>span:active{\nfilter:brightness(.94) saturate(.98);\nbox-shadow:\n0 2px 7px rgba(30,52,72,.09),\ninset 0 2px 6px rgba(28,56,76,.08);\ntransform:scale(.965);\ntransition-duration:.07s;\n}\n\n/* 点击未知账号消息时暂停原有轻微故障动画 */\nai m[unknown]>q>span:active{\nanimation-play-state:paused;\ntransform:scale(.965);\n}\n\n/* ---------------------------------------------------------\n   10. 手机系统消息反馈\n--------------------------------------------------------- */\nai m[sys]:hover{\ncolor:#667584;\nfilter:brightness(1.04);\nbackground:rgba(99,119,136,.16);\nbox-shadow:\n0 5px 13px rgba(31,53,72,.09),\ninset 0 0 10px rgba(255,255,255,.2);\ntransform:translateY(-1px);\n}\n\n/* 点击系统消息 */\nai m[sys]:active{\nfilter:brightness(.92);\nbackground:rgba(99,119,136,.2);\nbox-shadow:\n0 1px 5px rgba(31,53,72,.08),\ninset 0 2px 5px rgba(40,62,81,.07);\ntransform:scale(.97);\ntransition-duration:.07s;\n}\n\n/* ---------------------------------------------------------\n   11. 手机输入框与发送按钮反馈\n--------------------------------------------------------- */\nai send>span:hover{\ncolor:#73808d;\nborder-color:rgba(32,185,191,.24);\nbackground:#fff;\nbox-shadow:\n0 5px 13px rgba(29,72,86,.09),\ninset 0 0 10px rgba(32,185,191,.04);\ntransform:translateY(-1px);\n}\n\n/* 点击输入区域 */\nai send>span:active{\nfilter:brightness(.96);\nbox-shadow:\n0 1px 5px rgba(29,72,86,.08),\ninset 0 2px 5px rgba(29,72,86,.06);\ntransform:scale(.985);\n}\n\n/* 发送按钮悬停 */\nai send>b:hover{\nfilter:brightness(1.08) saturate(1.07);\nbox-shadow:\n0 6px 14px rgba(37,168,124,.25),\ninset 0 0 8px rgba(255,255,255,.16);\ntransform:translateY(-1px);\n}\n\n/* 发送按钮点击 */\nai send>b:active{\nfilter:brightness(.9);\nbox-shadow:\n0 2px 6px rgba(37,168,124,.18),\ninset 0 2px 6px rgba(0,0,0,.1);\ntransform:scale(.93);\ntransition-duration:.07s;\n}\n\n/* ---------------------------------------------------------\n   12. 路线按钮与快捷行动反馈\n--------------------------------------------------------- */\nai navs>a:hover{\nfilter:brightness(1.09) saturate(1.06);\nbox-shadow:\n0 8px 18px rgba(54,96,178,.22);\ntransform:translateY(-2px);\n}\n\nai navs>a:active{\nfilter:brightness(.91);\nbox-shadow:\n0 2px 7px rgba(54,96,178,.14),\ninset 0 2px 6px rgba(0,0,0,.09);\ntransform:scale(.96);\ntransition-duration:.07s;\n}\n\nai tab>acts>a:hover{\nfilter:brightness(1.035);\nborder-color:rgba(32,185,191,.42);\nbackground:rgba(255,255,255,.94);\nbox-shadow:\n0 8px 19px rgba(44,113,132,.14),\ninset 0 0 14px rgba(255,255,255,.2);\ntransform:translateY(-2px);\n}\n\nai tab>acts>a:active{\nfilter:brightness(.94);\nborder-color:rgba(32,185,191,.5);\nbox-shadow:\n0 2px 7px rgba(44,113,132,.09),\ninset 0 2px 7px rgba(42,90,105,.07);\ntransform:scale(.975);\ntransition-duration:.07s;\n}\n\n/* ---------------------------------------------------------\n   13. 朋友圈点赞和评论按钮反馈\n--------------------------------------------------------- */\nai post meta a:hover{\nfilter:brightness(1.06);\ncolor:#fff;\nbackground:#637b93;\nbox-shadow:0 4px 10px rgba(52,81,108,.16);\ntransform:translateY(-1px);\n}\n\nai post meta a:active{\nfilter:brightness(.88);\nbox-shadow:\n0 1px 4px rgba(52,81,108,.12),\ninset 0 2px 4px rgba(0,0,0,.09);\ntransform:scale(.9);\ntransition-duration:.07s;\n}\n\n/* ---------------------------------------------------------\n   14. 折叠面板标题反馈\n--------------------------------------------------------- */\nai>details>summary:hover{\nfilter:brightness(1.035);\ncolor:#1f5279;\nbackground:\nlinear-gradient(\n90deg,\nrgba(54,120,212,.14),\nrgba(49,184,200,.07),\ntransparent\n);\nbox-shadow:inset 0 0 16px rgba(255,255,255,.2);\n}\n\nai>details>summary:active{\nfilter:brightness(.94);\nbox-shadow:\ninset 0 2px 8px rgba(31,68,95,.08);\ntransform:scale(.992);\ntransition-duration:.07s;\n}\n\n/* ---------------------------------------------------------\n   15. 手机底部导航反馈\n--------------------------------------------------------- */\nai dock>a:hover{\nfilter:brightness(1.05);\ncolor:var(--blue);\nbackground:rgba(54,120,212,.075);\nbox-shadow:inset 0 0 12px rgba(54,120,212,.035);\ntransform:translateY(-2px);\n}\n\nai dock>a:active{\nfilter:brightness(.88);\nbackground:rgba(54,120,212,.12);\nbox-shadow:\ninset 0 2px 8px rgba(46,89,132,.09);\ntransform:scale(.9);\ntransition-duration:.07s;\n}\n\n/* ---------------------------------------------------------\n   16. 键盘聚焦反馈\n--------------------------------------------------------- */\nai navs>a:focus-visible,\nai tab>acts>a:focus-visible,\nai post meta a:focus-visible,\nai dock>a:focus-visible,\nai>details>summary:focus-visible{\noutline:2px solid rgba(32,185,191,.75);\noutline-offset:2px;\n}\n\n/* ---------------------------------------------------------\n   17. 触屏设备：加强按压反馈\n--------------------------------------------------------- */\n@media(hover:none) and (pointer:coarse){\nai article>p:hover,\nai talk:hover,\nai think:hover,\nai talk>b:hover,\nai think>b:hover,\nai m>q>span:hover,\nai m[sys]:hover{\nfilter:none;\ntransform:none;\n}\n\n/* 手指按住正文 */\nai article>p:active{\nfilter:brightness(.96);\nbackground-color:rgba(226,246,247,.46);\nbox-shadow:\n0 2px 8px rgba(35,70,91,.07),\ninset 0 2px 7px rgba(39,86,102,.08);\ntransform:scale(.982);\n}\n\n/* 手指按住角色大气泡 */\nai talk:active,\nai think:active{\nfilter:brightness(.94);\nbox-shadow:\n0 2px 8px rgba(32,55,75,.1),\ninset 0 2px 8px rgba(30,53,74,.08);\ntransform:scale(.978);\n}\n\n/* 手指按住聊天气泡 */\nai m>q>span:active{\nfilter:brightness(.93);\nbox-shadow:\n0 2px 7px rgba(30,52,72,.1),\ninset 0 2px 7px rgba(28,56,76,.09);\ntransform:scale(.958);\n}\n\n/* 触屏扫光速度稍快 */\nai article>p::after,\nai talk::after,\nai think::after,\nai talk>b::after,\nai think>b::after,\nai m>q>span::after,\nai m[sys]::after,\nai send>span::before,\nai send>b::before,\nai navs>a::before,\nai tab>acts>a::before,\nai post meta a::before,\nai>details>summary::before,\nai dock>a::before{\ntransition:\nleft .5s cubic-bezier(.4,0,.2,1),\nopacity .1s ease;\n}\n}\n\n/* ---------------------------------------------------------\n   18. 减少动态效果设置\n--------------------------------------------------------- */\n@media(prefers-reduced-motion:reduce){\nai article>p,\nai talk,\nai think,\nai talk>b,\nai think>b,\nai m>q>span,\nai m[sys],\nai send>span,\nai send>b,\nai navs>a,\nai tab>acts>a,\nai post meta a,\nai>details>summary,\nai dock>a{\ntransition:\nfilter .12s ease,\nbox-shadow .12s ease,\nbackground-color .12s ease,\ncolor .12s ease,\nborder-color .12s ease;\n}\n\n/* 关闭扫光移动，保留轻微亮度反馈 */\nai article>p::after,\nai talk::after,\nai think::after,\nai talk>b::after,\nai think>b::after,\nai m>q>span::after,\nai m[sys]::after,\nai send>span::before,\nai send>b::before,\nai navs>a::before,\nai tab>acts>a::before,\nai post meta a::before,\nai>details>summary::before,\nai dock>a::before{\ndisplay:none;\n}\n\n/* 减少位移和缩放 */\nai article>p:hover,\nai article>p:active,\nai talk:hover,\nai talk:active,\nai think:hover,\nai think:active,\nai talk>b:hover,\nai talk>b:active,\nai think>b:hover,\nai think>b:active,\nai m>q>span:hover,\nai m>q>span:active,\nai m[sys]:hover,\nai m[sys]:active,\nai send>span:hover,\nai send>span:active,\nai send>b:hover,\nai send>b:active,\nai navs>a:hover,\nai navs>a:active,\nai tab>acts>a:hover,\nai tab>acts>a:active,\nai post meta a:hover,\nai post meta a:active,\nai>details>summary:hover,\nai>details>summary:active,\nai dock>a:hover,\nai dock>a:active{\ntransform:none;\n}\n}\n\n/* ===== 未知聊天消息气泡：悬浮与点击改为红色反馈 ===== */\n\n/* 鼠标悬浮：由紫色改为气泡同款红色 */\nai m[unknown]>q>span:hover{\n  border-color:rgba(213,58,79,.42);\n  box-shadow:\n    0 7px 20px rgba(177,42,62,.18),\n    0 0 14px rgba(231,98,108,.13),\n    inset 0 0 13px rgba(255,255,255,.22);\n}\n\n/* 鼠标点击或手指按压：使用红色反馈 */\nai m[unknown]>q>span:active{\n  animation-play-state:paused;\n  border-color:rgba(213,58,79,.48);\n  box-shadow:\n    0 2px 7px rgba(177,42,62,.14),\n    0 0 10px rgba(231,98,108,.12),\n    inset 0 2px 6px rgba(142,32,49,.09);\n  transform:scale(.965);\n}\n\n/* 变量定义：继承冷调科技蓝、青色辉光与紫色能量色彩 */\n:root {\n  --paper: rgba(250, 252, 255, 0.94);\n  --ink: #17202c;\n  --muted: #687486;\n  --line: rgba(44, 67, 91, 0.14);\n\n  --blue: #3678d4;\n  --cyan: #31b8c8;\n  --purple: #7066d8;\n  --red: #e7626c;\n  --amber: #e3a43f;\n  --green: #35a879;\n\n  --winter-pure-white: #ffffff;\n  --winter-light-gray: #f4f7fa;\n  --winter-subtle-gray: #e8eef3;\n  --winter-accent-gray: #dfe7ed;\n  --text-color: var(--ink);\n\n  --frost-border: rgba(54, 120, 212, 0.18);\n  --frost-highlight: rgba(255, 255, 255, 0.82);\n  --cyan-glow: rgba(49, 184, 200, 0.34);\n  --blue-shadow: rgba(54, 120, 212, 0.2);\n  --purple-shadow: rgba(112, 102, 216, 0.18);\n}\n\n/* 按钮与输入框共有基础样式 */\n.btn,\nbutton,\ninput,\ntextarea,\n.input-field {\n  box-sizing: border-box;\n  position: relative;\n  padding: 12px 20px;\n  color: var(--text-color);\n  font: inherit;\n  font-weight: 600;\n  border: 1px solid var(--frost-border);\n  border-radius: 12px;\n  outline: none;\n  overflow: hidden;\n\n  /* 冷白冰面叠加科技蓝灰层次 */\n  background:\n    radial-gradient(\n      circle at 8% 0%,\n      rgba(49, 184, 200, 0.13),\n      transparent 35%\n    ),\n    radial-gradient(\n      circle at 95% 12%,\n      rgba(112, 102, 216, 0.1),\n      transparent 38%\n    ),\n    linear-gradient(\n      145deg,\n      var(--winter-pure-white) 0%,\n      var(--winter-light-gray) 42%,\n      var(--winter-subtle-gray) 100%\n    );\n\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n\n  /* 冰霜内光、冷蓝投影与细腻悬浮感 */\n  box-shadow:\n    inset 0 1px 0 var(--frost-highlight),\n    inset 0 -1px 2px rgba(44, 67, 91, 0.06),\n    0 4px 10px rgba(19, 35, 55, 0.1),\n    0 0 0 1px rgba(255, 255, 255, 0.24);\n\n  transition:\n    color 0.25s ease,\n    border-color 0.25s ease,\n    background 0.35s ease,\n    box-shadow 0.35s ease,\n    transform 0.25s ease,\n    filter 0.25s ease;\n}\n\n/* 悬停/聚焦状态：青蓝冰光外溢并混入紫色能量辉光 */\n.btn:hover,\nbutton:hover,\ninput:hover,\ntextarea:hover,\n.input-field:hover,\ninput:focus,\ntextarea:focus,\n.input-field:focus {\n  border-color: rgba(49, 184, 200, 0.56);\n  background:\n    radial-gradient(\n      circle at 12% 0%,\n      rgba(49, 184, 200, 0.2),\n      transparent 42%\n    ),\n    radial-gradient(\n      circle at 92% 15%,\n      rgba(112, 102, 216, 0.14),\n      transparent 42%\n    ),\n    linear-gradient(\n      135deg,\n      var(--winter-pure-white) 0%,\n      #f6fbff 48%,\n      #edf5f8 100%\n    );\n\n  box-shadow:\n    inset 0 1px 0 rgba(255, 255, 255, 0.96),\n    0 0 0 3px rgba(49, 184, 200, 0.08),\n    0 0 18px var(--cyan-glow),\n    0 9px 22px var(--blue-shadow),\n    0 4px 14px var(--purple-shadow);\n\n  filter: saturate(1.06) brightness(1.02);\n  transform: translateY(-2px);\n}\n\n/* 键盘聚焦状态：增强可访问性的青蓝轮廓 */\n.btn:focus-visible,\nbutton:focus-visible,\ninput:focus-visible,\ntextarea:focus-visible,\n.input-field:focus-visible {\n  border-color: var(--cyan);\n  box-shadow:\n    inset 0 1px 0 rgba(255, 255, 255, 0.96),\n    0 0 0 3px rgba(49, 184, 200, 0.15),\n    0 0 20px rgba(49, 184, 200, 0.3),\n    0 8px 20px rgba(54, 120, 212, 0.18);\n}\n\n/* 扫光特效定义 */\n.btn::before,\nbutton::before,\n.input-field::before {\n  content: \"\";\n  position: absolute;\n  z-index: 1;\n  top: -20%;\n  left: -125%;\n  width: 70%;\n  height: 140%;\n  pointer-events: none;\n\n  /* 青白冰霜高光带 */\n  background: linear-gradient(\n    90deg,\n    transparent,\n    rgba(199, 246, 255, 0.25),\n    rgba(255, 255, 255, 0.9),\n    rgba(114, 239, 240, 0.38),\n    transparent\n  );\n\n  filter: blur(1px);\n  transform: skewX(-18deg);\n  transition: left 0.65s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n/* 触发扫光效果 */\n.btn:hover::before,\nbutton:hover::before,\n.input-field:hover::before,\n.input-field:focus::before {\n  left: 145%;\n}\n\n/* 点击特效：冰面下沉并形成深冷蓝灰阴影 */\n.btn:active,\nbutton:active,\ninput:active,\ntextarea:active,\n.input-field:active {\n  border-color: rgba(54, 120, 212, 0.32);\n  background:\n    radial-gradient(\n      circle at 50% 20%,\n      rgba(49, 184, 200, 0.1),\n      transparent 48%\n    ),\n    linear-gradient(\n      145deg,\n      #dfe7ed 0%,\n      #d5e0e8 54%,\n      #c9d5df 100%\n    );\n\n  box-shadow:\n    inset 0 3px 8px rgba(23, 32, 44, 0.18),\n    inset 0 0 12px rgba(54, 120, 212, 0.08),\n    0 1px 4px rgba(19, 35, 55, 0.12);\n\n  filter: saturate(0.96);\n  transform: translateY(1px) scale(0.995);\n}\n\n/* 输入框特有优化 */\ninput,\ntextarea,\n.input-field {\n  cursor: text;\n  font-weight: 500;\n  caret-color: var(--cyan);\n}\n\n/* 输入框聚焦时保持稳定，避免编辑过程中明显位移 */\ninput:focus,\ntextarea:focus,\n.input-field:focus {\n  transform: translateY(-1px);\n}\n\n/* 占位符颜色调整 */\ninput::placeholder,\ntextarea::placeholder,\n.input-field::placeholder {\n  color: rgba(104, 116, 134, 0.62);\n  font-weight: 400;\n  transition:\n    color 0.25s ease,\n    opacity 0.25s ease;\n}\n\ninput:focus::placeholder,\ntextarea:focus::placeholder,\n.input-field:focus::placeholder {\n  color: rgba(54, 120, 212, 0.42);\n  opacity: 0.72;\n}\n\n/* --- 差异化处理：按钮 --- */\n.btn,\nbutton {\n  overflow: hidden;\n  cursor: pointer;\n  isolation: isolate;\n}\n\n/* 按钮内容保持在扫光层之上 */\n.btn > *,\nbutton > * {\n  position: relative;\n  z-index: 2;\n}\n\n/* 按钮悬停时强化青蓝渐变边缘 */\n.btn:hover,\nbutton:hover {\n  color: #24435f;\n  border-color: rgba(49, 184, 200, 0.5);\n}\n\n/* --- 差异化处理：输入 / 输出 / 编辑框 --- */\ninput,\ntextarea,\n.input-field,\n.output-field,\n.output-box {\n  overflow-x: hidden;\n  overflow-y: auto;\n  color: var(--ink);\n  border: 1px solid var(--frost-border);\n  border-radius: 12px;\n  background:\n    linear-gradient(\n      rgba(250, 252, 255, 0.95),\n      rgba(237, 242, 246, 0.96)\n    ),\n    radial-gradient(\n      circle at 8% 0%,\n      rgba(49, 184, 200, 0.09),\n      transparent 35%\n    );\n  box-shadow:\n    inset 0 1px 3px rgba(44, 67, 91, 0.06),\n    0 3px 10px rgba(19, 35, 55, 0.07);\n  cursor: text;\n}\n\n/* 输出框只读状态 */\n.output-field,\n.output-box {\n  padding: 12px 20px;\n  color: var(--ink);\n  font-weight: 500;\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n}\n\n/* 禁用状态 */\n.btn:disabled,\nbutton:disabled,\ninput:disabled,\ntextarea:disabled,\n.input-field:disabled {\n  color: rgba(104, 116, 134, 0.72);\n  border-color: rgba(44, 67, 91, 0.09);\n  background: linear-gradient(145deg, #f2f5f7, #e4e9ed);\n  box-shadow:\n    inset 0 1px 2px rgba(255, 255, 255, 0.7),\n    0 2px 5px rgba(19, 35, 55, 0.04);\n  filter: grayscale(0.32);\n  transform: none;\n  cursor: not-allowed;\n  opacity: 0.68;\n}\n\n/* 滚动条样式：继承冷蓝、青色和紫色渐变 */\ntextarea,\n.input-field,\n.output-field,\n.output-box {\n  scrollbar-width: thin;\n  scrollbar-color: rgba(54, 120, 212, 0.38) transparent;\n}\n\ntextarea::-webkit-scrollbar,\n.input-field::-webkit-scrollbar,\n.output-field::-webkit-scrollbar,\n.output-box::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n\ntextarea::-webkit-scrollbar-track,\n.input-field::-webkit-scrollbar-track,\n.output-field::-webkit-scrollbar-track,\n.output-box::-webkit-scrollbar-track {\n  background: rgba(104, 116, 134, 0.06);\n  border-radius: 6px;\n}\n\ntextarea::-webkit-scrollbar-thumb,\n.input-field::-webkit-scrollbar-thumb,\n.output-field::-webkit-scrollbar-thumb,\n.output-box::-webkit-scrollbar-thumb {\n  border: 1px solid rgba(255, 255, 255, 0.7);\n  border-radius: 6px;\n  background: linear-gradient(\n    180deg,\n    rgba(54, 120, 212, 0.48),\n    rgba(49, 184, 200, 0.52),\n    rgba(112, 102, 216, 0.42)\n  );\n}\n\ntextarea::-webkit-scrollbar-thumb:hover,\n.input-field::-webkit-scrollbar-thumb:hover,\n.output-field::-webkit-scrollbar-thumb:hover,\n.output-box::-webkit-scrollbar-thumb:hover {\n  background: linear-gradient(\n    180deg,\n    var(--blue),\n    var(--cyan),\n    var(--purple)\n  );\n  box-shadow: 0 0 8px rgba(49, 184, 200, 0.38);\n}\n\n/* 减少动态效果偏好 */\n@media (prefers-reduced-motion: reduce) {\n  .btn,\n  button,\n  input,\n  textarea,\n  .input-field,\n  .output-field,\n  .output-box,\n  .btn::before,\n  button::before,\n  .input-field::before {\n    transition: none;\n  }\n\n  .btn:hover,\n  button:hover,\n  input:hover,\n  textarea:hover,\n  .input-field:hover,\n  input:focus,\n  textarea:focus,\n  .input-field:focus {\n    transform: none;\n  }\n}","options":null,"language":"zh","containsNSFW":false,"publicAccess":true,"deletedAt":null,"isAnonymous":true,"enableSafeguard":false,"defaultModelSettings":{"model":"mango_gemini_vertex/gemini-2.5-flash-thinking-128"},"totalConversations":14,"totalMessages":31,"totalCreditsUsed":5563,"totalTokensUsed":324360,"totalPlayedUsers":4,"deeplyPlayed":2,"fixedPromptLength":5772,"lorebookLength":0,"author":{"id":"NN5f3iHYlTRtNZ4yBkm4iXHnJ7zukSQD","name":"485059025","displayUsername":"2787087494","username":"2787087494"},"cardsTags":[{"tag":{"name":"现代都市","cardsCount":630}},{"tag":{"name":"自定义角色","cardsCount":306}},{"tag":{"name":"超高自由度","cardsCount":1119}},{"tag":{"name":"可纯聊","cardsCount":1}},{"tag":{"name":"开局roll天赋","cardsCount":7}},{"tag":{"name":"微信","cardsCount":2}},{"tag":{"name":"超低消耗","cardsCount":538}},{"tag":{"name":"悬疑","cardsCount":9}}],"cardsVoices":[],"prompt":null,"promptSizeBytes":null}