/* ============================================================ 主题层 themes.css 六种世界 + 经典。仅视觉：不改业务、数据、AI、SW。 挂载：；经典时无该属性。 ============================================================ */ /* ---------- 主题选择器（设置页） ---------- */ #ssThemePicker{margin:2px 0 16px} .tp-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px} .tp-head b{font-size:13px;color:var(--text);letter-spacing:.06em} .tp-head span{font-size:10.5px;color:var(--muted);letter-spacing:.04em} .tp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} @media (min-width:560px){.tp-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}} .tp-card{position:relative;display:flex;flex-direction:column;padding:0;overflow:hidden; border:1px solid var(--border);border-radius:10px;background:var(--card); text-align:left;transition:transform .25s,border-color .25s,box-shadow .25s} .tp-card:hover{transform:translateY(-2px);border-color:var(--brand)} .tp-card.on{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand),0 10px 24px -18px var(--brand)} .tp-card.on::after{content:"✓";position:absolute;right:6px;top:6px;width:17px;height:17px;border-radius:50%; display:grid;place-items:center;background:var(--brand);color:#fff;font-size:10px;line-height:1} .tp-prev{display:block;width:100%;height:74px;overflow:hidden;background:#111} .tp-prev svg{display:block;width:100%;height:100%} .tp-meta{padding:7px 8px 9px;min-width:0} .tp-meta b{display:block;font-size:11.5px;font-weight:600;color:var(--text);letter-spacing:.02em} .tp-meta i{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; margin-top:3px;font-style:normal;font-size:9px;line-height:1.55;color:var(--muted)} .tp-note{margin:9px 0 0;font-size:10px;line-height:1.7;color:var(--muted)} .ss-classic{padding-top:2px} html[data-vision] .ss-classic{display:none} /* ---------- 装饰层 ---------- */ #ssFx{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;display:none} html[data-vision] #ssFx{display:block} html[data-vision] #app{position:relative;z-index:1} #ssFx .fx{display:none;position:absolute;inset:0} html[data-vision="c1"] #ssFx .fx-c1, html[data-vision="c2"] #ssFx .fx-c2, html[data-vision="c3"] #ssFx .fx-c3, html[data-vision="c4"] #ssFx .fx-c4, html[data-vision="c5"] #ssFx .fx-c5, html[data-vision="c6"] #ssFx .fx-c6{display:block} /* 01 星尘与星环 */ .fx-c1 .stars{position:absolute;inset:-20%;opacity:.8; background-image: radial-gradient(1.2px 1.2px at 18% 24%,#fff,transparent 62%), radial-gradient(.9px .9px at 63% 12%,#C8B27A,transparent 60%), radial-gradient(1px 1px at 84% 66%,#fff,transparent 60%), radial-gradient(.8px .8px at 32% 78%,#6FE3D4,transparent 60%), radial-gradient(1.1px 1.1px at 76% 38%,#fff,transparent 60%); background-size:340px 340px,260px 260px,420px 420px,300px 300px,380px 380px; animation:ssDrift 150s linear infinite} .fx-c1 .ring{position:absolute;right:-120px;top:96px;width:410px;height:410px;opacity:.28} @keyframes ssDrift{to{background-position:340px 340px,-260px 260px,420px -420px,-300px -300px,380px 380px}} /* 02 纸纹与馆藏花饰 */ .fx-c2 .grain{position:absolute;inset:0;opacity:.55;mix-blend-mode:multiply; background-image:radial-gradient(rgba(90,70,40,.1) .7px,transparent .8px);background-size:3px 3px} .fx-c2 .orn{position:absolute;right:6px;bottom:82px;width:190px;height:190px;opacity:.32} /* 03 温室植物剪影 */ .fx-c3 .plant{position:absolute;bottom:44px;width:310px;height:330px;opacity:.5;color:#7FE0B0} .fx-c3 .plant.l{left:-40px} .fx-c3 .plant.r{right:-50px;transform:scaleX(-1);opacity:.38} /* 04 唱臂与毛毡 */ .fx-c4 .felt{position:absolute;inset:0;opacity:.5;mix-blend-mode:multiply; background-image:radial-gradient(rgba(0,0,0,.35) .8px,transparent .9px);background-size:3px 3px} .fx-c4 .arm{position:absolute;right:-8px;top:74px;width:200px;height:230px;opacity:.5} /* 05 深度尺与浮游 */ .fx-c5 .gauge{position:absolute;left:9px;top:110px;bottom:110px;width:46px;opacity:.55; border-left:1px solid rgba(127,231,255,.3); background:repeating-linear-gradient(180deg,rgba(127,231,255,.4) 0 1px,transparent 1px 15px)} .fx-c5 .gauge::after{content:"DEPTH · 047";position:absolute;left:14px;top:50%;transform:translateY(-50%); writing-mode:vertical-rl;font-family:Consolas,monospace;font-size:8px;letter-spacing:.28em;color:rgba(127,231,255,.45)} .fx-c5 .plankton{position:absolute;inset:-10%;opacity:.7; background-image: radial-gradient(1.4px 1.4px at 22% 38%,rgba(127,231,255,.85),transparent 60%), radial-gradient(1px 1px at 68% 22%,rgba(147,169,255,.8),transparent 60%), radial-gradient(1.2px 1.2px at 82% 72%,rgba(198,246,255,.75),transparent 60%), radial-gradient(.9px .9px at 42% 82%,rgba(127,231,255,.6),transparent 60%); background-size:520px 520px,440px 440px,620px 620px,380px 380px; animation:ssFloat 90s linear infinite} @keyframes ssFloat{to{background-position:520px -520px,-440px 440px,620px 620px,-380px -380px}} /* 06 宣纸与笔锋 */ .fx-c6 .grain{position:absolute;inset:0;opacity:.6;mix-blend-mode:multiply; background-image:radial-gradient(rgba(90,70,40,.09) .8px,transparent .9px);background-size:3px 3px} .fx-c6 .brush{position:absolute;left:-50px;top:-30px;width:560px;height:280px;opacity:.3} .fx-c6 .seal{position:absolute;right:18px;bottom:78px;width:54px;height:54px;opacity:.5; display:grid;place-items:center;background:#A33A2B;color:#F6EEDC;font-family:"Songti SC",serif; font-size:19px;transform:rotate(-4deg);box-shadow:inset 0 0 0 4px #A33A2B,inset 0 0 0 5px rgba(246,238,220,.55)} @media (max-width:720px){ #ssFx .fx-c2 .orn,#ssFx .fx-c3 .plant,#ssFx .fx-c4 .arm,#ssFx .fx-c5 .gauge,#ssFx .fx-c6 .seal{display:none} #ssFx .fx-c1 .ring{width:250px;height:250px;right:-95px;top:70px} #ssFx .fx-c6 .brush{width:340px;height:180px;left:-80px} } @media (prefers-reduced-motion:reduce){#ssFx *{animation:none!important}} /* ============================================================ 01 · 星空档案馆 ============================================================ */ html[data-vision="c1"] body{font-family:"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;background-color:#07080C} html[data-vision="c1"] .topbar{background:linear-gradient(180deg,rgba(7,8,12,.94),rgba(7,8,12,.5)); border-bottom:1px solid rgba(111,227,212,.16)} html[data-vision="c1"] .topbar .name{font-family:"Songti SC","Times New Roman",serif;font-weight:400; font-size:16px;letter-spacing:.34em;color:#E6EDF0} html[data-vision="c1"] .topbar .name::before{content:"✦";margin-right:8px;color:#6FE3D4;font-size:11px;vertical-align:2px} html[data-vision="c1"] .topbar .mood{font-family:Consolas,monospace;font-size:9.5px;letter-spacing:.16em;color:#7E8C99} html[data-vision="c1"] .icon-btn{background:rgba(14,17,24,.85);border-color:rgba(111,227,212,.24)} html[data-vision="c1"] .card{background:linear-gradient(155deg,rgba(20,26,34,.84),rgba(9,12,18,.92)); border-color:rgba(111,227,212,.16);border-radius:2px; box-shadow:inset 0 0 0 1px rgba(111,227,212,.04),0 18px 40px -34px #000} html[data-vision="c1"] .card h3{font-family:"Songti SC",serif;font-weight:400;letter-spacing:.18em;color:#BFEDE6} html[data-vision="c1"] .sec-title{display:flex;align-items:center;gap:10px;font-family:Consolas,monospace; font-size:10px;letter-spacing:.26em;color:#6E8590} html[data-vision="c1"] .sec-title::after{content:"";flex:1;height:1px; background:linear-gradient(90deg,rgba(111,227,212,.24),transparent)} html[data-vision="c1"] .btn{border-radius:2px;background:rgba(111,227,212,.12);color:#A9F2E8; border:1px solid rgba(111,227,212,.5);font-weight:400;letter-spacing:.1em} html[data-vision="c1"] .btn.ghost{background:transparent;color:#9FB2BD;border-color:rgba(111,227,212,.2)} html[data-vision="c1"] .mode{border-radius:2px;background:rgba(14,17,24,.75);border-color:rgba(111,227,212,.14); color:#7E8C99;font-family:Consolas,monospace;font-size:10.5px;letter-spacing:.08em} html[data-vision="c1"] .mode.active{background:rgba(111,227,212,.12);color:#A9F2E8; border-color:rgba(111,227,212,.55);box-shadow:0 0 14px -4px rgba(111,227,212,.55)} html[data-vision="c1"] .msg{border-radius:2px} html[data-vision="c1"] .msg.her{background:rgba(13,17,23,.92);border-color:rgba(111,227,212,.18);color:#DCE8EC} html[data-vision="c1"] .msg.user{background:linear-gradient(135deg,#6FE3D4,#4FB9C6);color:#04222A} html[data-vision="c1"] .msg .time{font-family:Consolas,monospace;font-size:9px;letter-spacing:.1em} html[data-vision="c1"] .chat-bar{background:rgba(7,8,12,.95);border-top-color:rgba(111,227,212,.16)} html[data-vision="c1"] .chat-bar textarea{background:#0B0E14;border-color:rgba(111,227,212,.2); border-radius:2px;color:#E6EDF0} html[data-vision="c1"] .chat-bar .send{border-radius:2px;background:#6FE3D4;color:#04222A} html[data-vision="c1"] .chat-bar .attach{border-radius:2px;border-color:rgba(111,227,212,.25)} html[data-vision="c1"] .tabbar{background:rgba(7,8,12,.97);border-top:1px solid rgba(111,227,212,.18)} html[data-vision="c1"] .tabbar::before{content:"";position:absolute;top:15px;left:10%;right:10%;height:1px; background:linear-gradient(90deg,transparent,rgba(111,227,212,.32),rgba(111,227,212,.32),transparent)} html[data-vision="c1"] .tabbar button{font-family:Consolas,monospace;font-size:9px;letter-spacing:.08em;color:#6E808C} html[data-vision="c1"] .tabbar .ic{font-size:0;width:7px;height:7px;border-radius:50%;background:#3A4A55; box-shadow:none;transition:background .3s,box-shadow .3s;margin-bottom:4px} html[data-vision="c1"] .tabbar button.on{color:#A9F2E8} html[data-vision="c1"] .tabbar button.on .ic{background:#6FE3D4;box-shadow:0 0 10px 2px rgba(111,227,212,.7)} html[data-vision="c1"] .env{border-radius:2px;outline:1px solid rgba(111,227,212,.22);outline-offset:-6px} html[data-vision="c1"] .tl-item{border-radius:2px} html[data-vision="c1"] .memory-btn{border-style:solid;border-color:rgba(111,227,212,.2);background:rgba(14,17,24,.8)} html[data-vision="c1"] .ss-head h2{color:#EAF3F5} html[data-vision="c1"] .ss-detail{border-color:rgba(111,227,212,.28)} /* ============================================================ 02 · 纸上书信博物馆 ============================================================ */ html[data-vision="c2"] body{font-family:"Songti SC","STSong","SimSun",serif;background-color:#E7DCC5} html[data-vision="c2"] .topbar{background:rgba(243,235,219,.94);border-bottom:3px double rgba(35,29,23,.45)} html[data-vision="c2"] .topbar .name{font-family:"Songti SC",serif;font-weight:400;letter-spacing:.24em;color:#2A241B} html[data-vision="c2"] .topbar .name::before{content:"";display:inline-block;width:9px;height:9px;margin-right:9px; background:#A33A2B;transform:rotate(45deg);vertical-align:1px} html[data-vision="c2"] .topbar .mood{font-size:10.5px;letter-spacing:.1em;color:#8B7A62} html[data-vision="c2"] .icon-btn{background:#F6EEDC;border-color:rgba(35,29,23,.24);border-radius:2px} html[data-vision="c2"] .card{background:#FBF5E8;border:1px solid rgba(35,29,23,.3);border-radius:2px; box-shadow:inset 0 0 0 3px #FBF5E8,inset 0 0 0 4px rgba(35,29,23,.16),0 12px 26px -24px rgba(60,44,26,.9)} html[data-vision="c2"] .card h3{font-family:"Songti SC",serif;font-weight:400;letter-spacing:.16em;color:#7C2E22; border-bottom:1px solid rgba(35,29,23,.16);padding-bottom:6px} html[data-vision="c2"] .sec-title{font-family:"Songti SC",serif;font-size:11px;letter-spacing:.24em;color:#8B7A62} html[data-vision="c2"] .btn{border-radius:1px;background:#A33A2B;color:#F8F1E1;font-weight:400;letter-spacing:.12em} html[data-vision="c2"] .btn.ghost{background:#F6EEDC;color:#4C4136;border-color:rgba(35,29,23,.3)} html[data-vision="c2"] .mode{border-radius:1px;background:#F1E6D2;border-color:rgba(35,29,23,.24); color:#6E5E48;font-family:"Songti SC",serif;letter-spacing:.08em} html[data-vision="c2"] .mode.active{background:#A33A2B;color:#F8F1E1;border-color:#A33A2B} html[data-vision="c2"] .msg{border-radius:2px} html[data-vision="c2"] .msg.her{background:#FBF5E8;border-color:rgba(35,29,23,.2);color:#2A241B; box-shadow:2px 3px 0 rgba(35,29,23,.06)} html[data-vision="c2"] .msg.user{background:#A33A2B;color:#FBF3E2} html[data-vision="c2"] .chat-bar{background:#F3EBDD;border-top:3px double rgba(35,29,23,.35)} html[data-vision="c2"] .chat-bar textarea{background:#FBF5E8;border-radius:2px;border-color:rgba(35,29,23,.25)} html[data-vision="c2"] .chat-bar .send{border-radius:2px;background:#A33A2B} html[data-vision="c2"] .chat-bar .attach{border-radius:2px;border-color:rgba(35,29,23,.25)} html[data-vision="c2"] .tabbar{background:#EDE2CC;border-top:2px solid rgba(35,29,23,.5)} html[data-vision="c2"] .tabbar button{font-family:"Songti SC",serif;font-size:10px;letter-spacing:.1em; color:#7A6A54;border-right:1px solid rgba(35,29,23,.09)} html[data-vision="c2"] .tabbar button:last-child{border-right:0} html[data-vision="c2"] .tabbar button.on{background:#FBF5E8;color:#A33A2B;box-shadow:inset 0 2px 0 #A33A2B} html[data-vision="c2"] .tabbar .ic{filter:grayscale(.55) sepia(.35)} html[data-vision="c2"] .env{border-radius:1px;outline:1px solid rgba(35,29,23,.15);outline-offset:-6px} html[data-vision="c2"] .tl-item{border-radius:1px;background:#FBF5E8;border-color:rgba(35,29,23,.24)} html[data-vision="c2"] .heatmap .cell{border-radius:0} html[data-vision="c2"] .memory-btn{border-style:solid;border-color:rgba(35,29,23,.25);background:#F6EEDC;color:#6E5E48} html[data-vision="c2"] .ss-head h2{color:#F3E7CF} html[data-vision="c2"] .ss-detail{border-color:rgba(163,58,43,.4)} /* ============================================================ 03 · 玻璃温室 ============================================================ */ html[data-vision="c3"] body{font-family:"Helvetica Neue","PingFang SC",sans-serif;background-color:#0A1E18} html[data-vision="c3"] .topbar{background:linear-gradient(180deg,rgba(10,30,24,.92),rgba(10,30,24,.3)); border-bottom:1px solid rgba(196,255,226,.12)} html[data-vision="c3"] .topbar .name{font-weight:400;letter-spacing:.16em;color:#EAF6EF} html[data-vision="c3"] .topbar .name::before{content:"❧";margin-right:8px;color:#7FE0B0;font-size:13px} html[data-vision="c3"] .topbar .mood{color:#9CBAA8;font-size:11px;letter-spacing:.04em} html[data-vision="c3"] .icon-btn{background:rgba(255,255,255,.08);border-color:rgba(196,255,226,.24); backdrop-filter:blur(10px)} html[data-vision="c3"] .card{background:rgba(255,255,255,.07);border:1px solid rgba(196,255,226,.22); border-radius:18px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px); box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 20px 40px -30px #000} html[data-vision="c3"] .card h3{font-weight:400;letter-spacing:.12em;color:#CFF7E1} html[data-vision="c3"] .sec-title{color:#8FB7A2;letter-spacing:.18em} html[data-vision="c3"] .btn{border-radius:999px;background:rgba(127,224,176,.2);color:#D8FBE8; border:1px solid rgba(127,224,176,.55);font-weight:400} html[data-vision="c3"] .btn.ghost{background:rgba(255,255,255,.05);border-color:rgba(196,255,226,.24);color:#CFE9DD} html[data-vision="c3"] .mode{border-radius:999px;background:rgba(255,255,255,.05); border-color:rgba(196,255,226,.18);color:#9CBAA8;backdrop-filter:blur(6px)} html[data-vision="c3"] .mode.active{background:rgba(127,224,176,.18);border-color:rgba(127,224,176,.6); color:#D8FBE8;box-shadow:0 0 18px -6px #7FE0B0} html[data-vision="c3"] .msg{border-radius:18px} html[data-vision="c3"] .msg.her{background:rgba(255,255,255,.08);border-color:rgba(196,255,226,.2); color:#EAF6EF;backdrop-filter:blur(10px)} html[data-vision="c3"] .msg.user{background:rgba(127,224,176,.24);border:1px solid rgba(127,224,176,.4);color:#E9FFF3} html[data-vision="c3"] .chat-bar{left:12px;right:12px;bottom:80px;border-radius:22px; background:rgba(18,44,35,.72);border:1px solid rgba(196,255,226,.2); backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)} html[data-vision="c3"] .chat-bar textarea{background:rgba(8,26,20,.6);border-color:rgba(196,255,226,.18);color:#EAF6EF} html[data-vision="c3"] .chat-bar .send{background:#7FE0B0;color:#06281C} html[data-vision="c3"] .view{padding-bottom:140px} html[data-vision="c3"] .tabbar{left:12px;right:12px;bottom:10px;height:62px;border-radius:24px; background:rgba(18,44,35,.64);border:1px solid rgba(196,255,226,.22); backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 40px -24px #000} html[data-vision="c3"] .tabbar button{min-height:62px;color:#9CBAA8} html[data-vision="c3"] .tabbar button.on{color:#B8F7D6} html[data-vision="c3"] .tabbar .ic{filter:drop-shadow(0 0 6px rgba(127,224,176,.45))} html[data-vision="c3"] .env{border-radius:14px;box-shadow:0 14px 30px -22px #000} html[data-vision="c3"] .tl-item{background:rgba(255,255,255,.06);border-color:rgba(196,255,226,.18);border-radius:14px} html[data-vision="c3"] .memory-btn{background:rgba(255,255,255,.05);border-color:rgba(196,255,226,.24);color:#A9CBBB} html[data-vision="c3"] .ss-head h2{color:#E6FFF2} html[data-vision="c3"] .ss-detail{border-color:rgba(127,224,176,.32)} /* ============================================================ 04 · 黑胶唱片室 ============================================================ */ html[data-vision="c4"] body{font-family:"Helvetica Neue","PingFang SC",sans-serif;background-color:#1A120C} html[data-vision="c4"] .topbar{background:linear-gradient(180deg,rgba(26,18,12,.96),rgba(26,18,12,.5)); border-bottom:1px solid rgba(224,164,92,.2)} html[data-vision="c4"] .topbar .name{font-family:"Songti SC",serif;font-weight:400;letter-spacing:.2em;color:#F2E3CC} html[data-vision="c4"] .topbar .name::before{content:"";display:inline-block;width:18px;height:18px; margin-right:9px;vertical-align:-3px;border-radius:50%;border:1px solid rgba(224,164,92,.45); background:repeating-radial-gradient(circle at 50% 50%,#2A1D13 0 1px,#402C1B 1px 2px,#1E150E 2px 3px); box-shadow:0 0 0 3px rgba(224,164,92,.07);animation:ssSpin 18s linear infinite} html[data-vision="c4"] .topbar .mood{font-family:Consolas,monospace;font-size:9.5px;letter-spacing:.16em;color:#B09A7E} @keyframes ssSpin{to{transform:rotate(360deg)}} html[data-vision="c4"] .icon-btn{background:#241811;border-color:rgba(224,164,92,.26)} html[data-vision="c4"] .card{position:relative;border-radius:3px;border-color:rgba(224,164,92,.2); background:repeating-linear-gradient(180deg,rgba(255,255,255,.022) 0 1px,transparent 1px 4px),#241811; box-shadow:0 18px 36px -30px #000} html[data-vision="c4"] .card h3{font-family:"Songti SC",serif;font-weight:400;letter-spacing:.16em;color:#EFC98F} html[data-vision="c4"] .sec-title{color:#A88F70;letter-spacing:.18em} html[data-vision="c4"] .btn{border-radius:2px;background:#E0A45C;color:#241408;font-weight:500;letter-spacing:.08em} html[data-vision="c4"] .btn.ghost{background:transparent;color:#D8BE9B;border-color:rgba(224,164,92,.36)} html[data-vision="c4"] .mode{border-radius:2px;background:#241811;border-color:rgba(224,164,92,.2);color:#B09A7E} html[data-vision="c4"] .mode.active{background:rgba(224,164,92,.16);color:#F3D6AC;border-color:rgba(224,164,92,.6)} html[data-vision="c4"] .msg{border-radius:4px} html[data-vision="c4"] .msg.her{background:#2A1B12;border-color:rgba(224,164,92,.22);color:#F2E3CC} html[data-vision="c4"] .msg.user{background:#E0A45C;color:#2A1608} html[data-vision="c4"] .chat-bar{background:#1F150E;border-top-color:rgba(224,164,92,.24)} html[data-vision="c4"] .chat-bar textarea{background:#241811;border-radius:2px;border-color:rgba(224,164,92,.24);color:#F2E3CC} html[data-vision="c4"] .chat-bar .send{border-radius:2px;background:#E0A45C;color:#241408} html[data-vision="c4"] .tabbar{background:#140E09;border-top:1px solid rgba(224,164,92,.28);counter-reset:ssTab} html[data-vision="c4"] .tabbar button{counter-increment:ssTab;position:relative;font-size:10px; letter-spacing:.06em;color:#8E795F} html[data-vision="c4"] .tabbar button::before{content:"0" counter(ssTab);position:absolute;top:6px;left:9px; font-family:Consolas,monospace;font-size:7px;color:rgba(224,164,92,.35)} html[data-vision="c4"] .tabbar button.on{color:#F0BF7C} html[data-vision="c4"] .tabbar button.on::after{content:"";position:absolute;left:24%;right:24%;bottom:6px; height:2px;background:#E0A45C;box-shadow:0 0 8px rgba(224,164,92,.8)} html[data-vision="c4"] .tabbar .ic{font-size:15px;filter:sepia(.5) saturate(.85)} html[data-vision="c4"] .env{border-radius:3px} html[data-vision="c4"] .tl-item{border-radius:2px;background:#241811;border-color:rgba(224,164,92,.2)} html[data-vision="c4"] .heatmap .cell{border-radius:50%} html[data-vision="c4"] .memory-btn{border-style:solid;border-color:rgba(224,164,92,.28);background:#241811;color:#C7AD8B} html[data-vision="c4"] .ss-head h2{color:#F7E7CC} html[data-vision="c4"] .ss-detail{border-color:rgba(224,164,92,.35)} /* ============================================================ 05 · 夜航深海 ============================================================ */ html[data-vision="c5"] body{font-family:"Helvetica Neue","PingFang SC",sans-serif;background-color:#04121F} html[data-vision="c5"] .topbar{background:linear-gradient(180deg,rgba(4,18,31,.96),rgba(4,18,31,.35)); border-bottom:1px solid rgba(127,231,255,.16)} html[data-vision="c5"] .topbar .name{font-family:Consolas,"Songti SC",monospace;font-weight:400;font-size:15px; letter-spacing:.2em;color:#DDF3FA} html[data-vision="c5"] .topbar .name::before{content:"-047m";margin-right:8px;font-family:Consolas,monospace; font-size:9px;letter-spacing:.1em;color:#7FE7FF;opacity:.85;vertical-align:2px} html[data-vision="c5"] .topbar .mood{font-family:Consolas,monospace;font-size:9.5px;letter-spacing:.14em;color:#7FA3B8} html[data-vision="c5"] .icon-btn{background:rgba(10,34,52,.8);border-color:rgba(127,231,255,.24)} html[data-vision="c5"] .card{position:relative;border-radius:3px;border-color:rgba(127,231,255,.18); background:linear-gradient(160deg,rgba(10,34,52,.9),rgba(5,20,33,.94))} html[data-vision="c5"] .card::before{content:"";position:absolute;inset:5px;pointer-events:none; border:1px solid rgba(127,231,255,.07)} html[data-vision="c5"] .card h3{font-family:Consolas,monospace;font-size:12px;font-weight:400; letter-spacing:.18em;color:#8FE7F7} html[data-vision="c5"] .sec-title{font-family:Consolas,monospace;font-size:10px;letter-spacing:.2em;color:#6E90A6} html[data-vision="c5"] .btn{border-radius:2px;background:rgba(127,231,255,.12);color:#C6F6FF; border:1px solid rgba(127,231,255,.5);font-weight:400} html[data-vision="c5"] .btn.ghost{background:transparent;color:#8FB6C8;border-color:rgba(127,231,255,.24)} html[data-vision="c5"] .mode{border-radius:2px;background:rgba(10,34,52,.7);border-color:rgba(127,231,255,.16); color:#7FA3B8;font-family:Consolas,monospace;font-size:10px} html[data-vision="c5"] .mode.active{background:rgba(127,231,255,.14);color:#C6F6FF; border-color:rgba(127,231,255,.55);box-shadow:0 0 16px -6px #7FE7FF} html[data-vision="c5"] .msg{border-radius:3px} html[data-vision="c5"] .msg.her{background:rgba(10,34,52,.9);border-color:rgba(127,231,255,.18); color:#DDF3FA;box-shadow:inset 2px 0 0 rgba(127,231,255,.35)} html[data-vision="c5"] .msg.user{background:rgba(127,231,255,.9);color:#032430} html[data-vision="c5"] .chat-bar{background:rgba(3,15,26,.96);border-top-color:rgba(127,231,255,.18)} html[data-vision="c5"] .chat-bar textarea{background:#061A2A;border-radius:2px;border-color:rgba(127,231,255,.2);color:#DDF3FA} html[data-vision="c5"] .chat-bar .send{border-radius:2px;background:#7FE7FF;color:#032430} html[data-vision="c5"] .chat-bar .attach{border-radius:2px;border-color:rgba(127,231,255,.22)} html[data-vision="c5"] .tabbar{background:rgba(3,15,26,.97);border-top:1px solid rgba(127,231,255,.18)} html[data-vision="c5"] .tabbar button{font-family:Consolas,monospace;font-size:9px;letter-spacing:.06em;color:#6E90A6} html[data-vision="c5"] .tabbar button.on{color:#C6F6FF;text-shadow:0 0 10px rgba(127,231,255,.6)} html[data-vision="c5"] .tabbar .ic{filter:hue-rotate(150deg) saturate(1.4)} html[data-vision="c5"] .env{border-radius:3px;outline:1px solid rgba(127,231,255,.22);outline-offset:-6px} html[data-vision="c5"] .tl-item{border-radius:3px;background:rgba(10,34,52,.86);border-color:rgba(127,231,255,.18)} html[data-vision="c5"] .memory-btn{border-style:solid;border-color:rgba(127,231,255,.28);background:rgba(10,34,52,.8);color:#8FB6C8} html[data-vision="c5"] .ss-head h2{color:#E6FAFF} html[data-vision="c5"] .ss-detail{border-color:rgba(127,231,255,.35)} @media (min-width:900px){ html[data-vision="c5"] #starPage .ss-bar,html[data-vision="c5"] #starPage .ss-head{padding-left:44px} } /* ============================================================ 06 · 宣纸水墨 ============================================================ */ html[data-vision="c6"] body{font-family:"Songti SC","STSong","SimSun",serif;background-color:#EFE7D5} html[data-vision="c6"] .topbar{background:rgba(243,235,219,.94);border-bottom:3px double rgba(35,29,23,.28)} html[data-vision="c6"] .topbar .name{font-family:"Songti SC",serif;font-weight:400;letter-spacing:.3em;color:#231D17} html[data-vision="c6"] .topbar .name::before{content:"柒";display:inline-grid;place-items:center;width:19px;height:19px; margin-right:8px;vertical-align:-4px;background:#A33A2B;color:#F6EEDC;font-size:10.5px;transform:rotate(-3deg)} html[data-vision="c6"] .topbar .mood{font-size:10.5px;letter-spacing:.08em;color:#8B7A62} html[data-vision="c6"] .icon-btn{background:#F6EEDC;border-color:rgba(35,29,23,.22);border-radius:2px} html[data-vision="c6"] .card{position:relative;border-radius:2px;border-color:rgba(35,29,23,.26); background:linear-gradient(180deg,#FBF5E8,#F5EDDD); box-shadow:inset 0 0 0 4px #F8F1E1,inset 0 0 0 5px rgba(35,29,23,.12),0 12px 26px -24px rgba(60,44,26,.9)} html[data-vision="c6"] .card h3{display:flex;align-items:center;gap:8px;font-family:"Songti SC",serif; font-weight:400;letter-spacing:.18em;color:#2A221A} html[data-vision="c6"] .card h3::before{content:"";display:block;width:3px;height:14px;background:#A33A2B;flex:none} html[data-vision="c6"] .sec-title{font-family:"Songti SC",serif;letter-spacing:.24em;color:#7A6A54} html[data-vision="c6"] .btn{border-radius:1px;background:#A33A2B;color:#F8F1E1;font-weight:400;letter-spacing:.14em} html[data-vision="c6"] .btn.ghost{background:transparent;color:#4C4136;border-color:rgba(35,29,23,.3)} html[data-vision="c6"] .mode{border-radius:1px;background:#F3E9D6;border-color:rgba(35,29,23,.2); color:#6E5E48;font-family:"Songti SC",serif;letter-spacing:.06em} html[data-vision="c6"] .mode.active{background:rgba(163,58,43,.1);color:#A33A2B;border-color:#A33A2B} html[data-vision="c6"] .msg{border-radius:2px} html[data-vision="c6"] .msg.her{background:#FBF5E8;border-color:rgba(35,29,23,.18);color:#2A221A; box-shadow:2px 3px 0 rgba(35,29,23,.05)} html[data-vision="c6"] .msg.user{background:#A33A2B;color:#FBF3E2} html[data-vision="c6"] .chat-bar{background:#F3EBDD;border-top:2px solid rgba(35,29,23,.3)} html[data-vision="c6"] .chat-bar textarea{background:#FBF5E8;border-radius:1px;border-color:rgba(35,29,23,.24);color:#2A221A} html[data-vision="c6"] .chat-bar .send{border-radius:1px;background:#A33A2B} html[data-vision="c6"] .chat-bar .attach{border-radius:1px;border-color:rgba(35,29,23,.24)} html[data-vision="c6"] .tabbar{background:#EDE2CC;border-top:2px solid rgba(35,29,23,.5)} html[data-vision="c6"] .tabbar button{font-family:"Songti SC",serif;font-size:10px;letter-spacing:.06em;color:#7A6A54} html[data-vision="c6"] .tabbar button.on{color:#A33A2B;background:rgba(163,58,43,.07);box-shadow:inset 0 -2px 0 #A33A2B} html[data-vision="c6"] .tabbar .ic{filter:grayscale(.7) sepia(.4)} html[data-vision="c6"] .env{border-radius:1px;outline:1px solid rgba(35,29,23,.15);outline-offset:-6px} html[data-vision="c6"] .tl-item{border-radius:1px;background:#FBF5E8;border-color:rgba(35,29,23,.2)} html[data-vision="c6"] .heatmap .cell{border-radius:1px} html[data-vision="c6"] .memory-btn{border-style:solid;border-color:rgba(35,29,23,.25);background:#F6EEDC;color:#6E5E48} html[data-vision="c6"] .ss-head h2{color:#F2E6CE} html[data-vision="c6"] .ss-detail{border-color:rgba(163,58,43,.4)}