:root{color-scheme:dark;--bg:#090a0b;--line:#ffffff1b;--pearl:linear-gradient(112deg,#f7edd7,#e1f4ee 24%,#fff 44%,#ead4e3 68%,#fff1d6 88%,#eef7f2);--soft:linear-gradient(110deg,#f0e9df,#e3efeb 42%,#f0e2e9 75%,#f3eee3)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);font-family:"Microsoft YaHei UI","Microsoft YaHei","Segoe UI",sans-serif;color:#eee9e5;font-size:16px}button,input{font:inherit}button{color:inherit;cursor:pointer;border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #d1eee6;outline-offset:3px}a{color:#e2ece7}h1,h2,h3,p{margin:0}h1,h2,.serif{font-family:"STZhongsong","SimSun",serif;font-weight:500}h1{font-size:26px;letter-spacing:2px}h2{font-size:23px;letter-spacing:1px}.pearl,h1,h2,h3,.title,.nav-label{background:var(--pearl);background-clip:text;color:transparent}.soft{background:var(--soft);background-clip:text;color:transparent}.tiny{font-size:12px;color:#b2b4b4}.sub{font-size:14px;color:#b2b4b4;line-height:1.6}.eyebrow{font-size:11px;letter-spacing:3px;color:#c9c5bc}.ico{width:22px;height:22px;display:inline-block;vertical-align:middle}.brand{width:37px;height:37px;object-fit:contain;flex-shrink:0}.app-shell{max-width:480px;margin:auto;min-height:100dvh;position:relative;background:radial-gradient(ellipse at 85% 0,#3e3e351d,transparent 48%),#090a0b}.status{display:flex;justify-content:space-between;align-items:center;height:28px;padding:8px 23px 0;font-family:"Segoe UI",sans-serif;font-size:12px;font-weight:600;color:#e5e5e3}.status-right{letter-spacing:3px;font-size:10px}.top{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 15px;gap:12px}.top .title{font-size:23px;letter-spacing:2px;flex:1}.edition{font-size:10px;letter-spacing:2px;color:#b0a99d}.main{padding:0 16px 112px}.row{display:flex;align-items:center;gap:8px}.between{justify-content:space-between}.types{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:12px;gap:3px}.types button{font-size:14px;white-space:nowrap;padding:11px 2px 14px;color:#b8b8b7;position:relative}.types button.active{color:#faf4e8}.types button.active:after{content:"";position:absolute;bottom:0;left:12%;right:12%;height:2px;background:var(--pearl)}.chips{display:flex;gap:7px;overflow-x:auto;padding:0 0 12px;scrollbar-width:none}.chip{font-size:13px;white-space:nowrap;padding:8px 12px;border:1px solid #ffffff19;border-radius:22px;color:#c6c6c4;background:#ffffff03;min-height:34px}.chip.active{color:#181a1a;background:var(--pearl);border-color:#e4e4df}.intro-line{display:flex;justify-content:space-between;align-items:center;padding:6px 0 14px}.intro-line strong{font-size:17px;font-weight:500;letter-spacing:1px}.intro-line .tiny{font-size:10px;letter-spacing:1px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{border:1px solid #ffffff13;background:linear-gradient(145deg,#1b1c1d,#111213);border-radius:13px;overflow:hidden;min-width:0;text-align:left;padding:0;display:block;width:100%}.image-wrap{height:190px;position:relative;overflow:hidden;background:#161819}.image-wrap img{width:100%;height:100%;object-fit:cover}.image-wrap.alt img{object-position:80% 70%;transform:scale(1.13)}.image-wrap:after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#0009)}.photo-label{position:absolute;z-index:1;left:9px;bottom:9px;padding:3px 6px;border:1px solid #ffffff4a;background:#12141690;border-radius:5px;font-size:11px;backdrop-filter:blur(10px)}.play{position:absolute;left:10px;top:10px;width:28px;height:28px;border-radius:50%;background:#0006;border:1px solid #ffffff70;display:grid;place-items:center}.play .ico{width:14px;height:14px}.card-body{padding:11px 10px 12px}.card h3{font-size:15px;font-weight:500;line-height:1.6;min-height:46px;letter-spacing:.2px}.meta{font-size:12px;color:#bfc3c1;margin:7px 0 9px;line-height:1.5}.source{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:11px;color:#b5b9b7}.platform{font-size:11px;padding:3px 5px;border-radius:4px;background:#ffffff0a}.bili{color:#f5c4d7;background:#ee95b619}.red{color:#ffd7d9;background:#d963701c}.douyin{color:#d3eeeb}.wechat{color:#c7decf}.searchbox{border:1px solid #ffffff29;border-radius:30px;background:linear-gradient(110deg,#ffffff0c,#ffffff04);display:flex;align-items:center;gap:8px;padding:11px 14px;margin:0 0 16px}.searchbox input{min-width:0;flex:1;width:100%;border:0;outline:none;background:none;color:#eee;font-size:14px}.searchbox input::placeholder{color:#b5b6b2}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:17px}.cat{padding:9px 1px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;border:1px solid transparent;border-radius:10px}.cat.active{background:#e5e4d30c;border-color:#c3c9bf40}.cat-icon{width:48px;height:43px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(140deg,#eef7f018,#efd9d50a);border:1px solid #ffffff1e}.cat .ico{width:26px;height:26px}.filters{display:flex;align-items:center;gap:7px;margin-bottom:15px}.filters .chip{font-size:12px;padding:7px 11px;min-height:31px}.filters .map{margin-left:auto;display:flex;gap:4px;align-items:center;font-size:12px}.map .ico{width:16px;height:16px}.discover .image-wrap{height:169px}.tag{font-size:11px;padding:4px 7px;background:#e7e7d919;border:1px solid #e6e9da36;border-radius:5px;color:#e7eadc;display:inline-block}.tag.gold{background:linear-gradient(115deg,#e6d9bd,#f5eee0);color:#26241f;border:0}.join-mini{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#e5e6da;margin-top:9px;padding-top:8px;border-top:1px solid #e9e7d625}.join-mini .ico{width:14px;height:14px}.bottom-nav{height:86px;position:fixed;z-index:5;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;background:linear-gradient(#101212f5,#090a0b);backdrop-filter:blur(18px);border-top:1px solid #eeeecc30;display:grid;grid-template-columns:repeat(5,1fr);padding:9px 10px 16px}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:0;opacity:.63;font-size:12px;position:relative}.nav-item.active{opacity:1}.nav-item.active:after{content:"";width:14px;height:2px;background:var(--pearl);position:absolute;bottom:-5px}.nav-item .ico{height:22px;width:22px}.nav-item.ai{opacity:1;justify-content:flex-end;gap:4px}.ai-orb{width:53px;height:53px;position:absolute;top:-29px;border-radius:50%;border:1px solid #f4ead99a;background:radial-gradient(ellipse at 30% 0,#e7eee543,transparent 65%),#101516;box-shadow:0 0 0 4px #101112,0 0 18px #e0ead51a,inset 0 0 7px #d5eeeb4d;display:grid;place-items:center}.ai-orb .brand{width:40px;height:40px}.ai .nav-label{margin-bottom:3px}.ai-intro{text-align:center;margin:7px 0 0}.ai-intro h2{font-size:25px}.ai-intro .sub{margin-top:10px;font-size:13px}.companion-stage{position:relative;height:267px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 62%,#e4e6d811,transparent 65%);margin-top:4px}.pet{height:257px;max-width:95%;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 9px 16px #d8e9e116)}.halo{position:absolute;width:240px;height:45px;border:1px solid #e2e7d768;border-radius:50%;bottom:9px;box-shadow:0 0 20px #e2e7dc13,inset 0 0 16px #e2e7dc10}.level{border:1px solid #e2dfd740;border-radius:13px;background:linear-gradient(120deg,#e4edea0e,#dec9c80a);padding:13px 14px;margin:9px 0 16px}.level-number{font-family:Georgia,serif;font-size:23px;letter-spacing:.5px}.level-label{font-size:13px;margin-left:8px}.level .tiny{font-size:11px}.progress{height:4px;border-radius:5px;background:#ffffff14;margin:11px 0 8px;overflow:hidden}.progress span{height:100%;width:64%;display:block;background:var(--pearl)}.suggestions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:20px}.suggestions button{border:1px solid #ffffff33;padding:11px 5px;border-radius:22px;display:flex;gap:6px;align-items:center;justify-content:center;font-size:13px;background:#ffffff04}.suggestions .ico{width:17px;height:17px}.mini-card{display:flex;gap:12px;padding:9px;background:#ffffff05;border:1px solid #ffffff17;border-radius:12px;text-align:left;width:100%;margin:10px 0 14px}.mini-card>img{width:70px;height:83px;object-fit:cover;border-radius:7px}.mini-card h3{font-size:15px;margin:7px 0}.mini-card .sub{font-size:12px}.composer{display:flex;align-items:center;gap:9px;border:1px solid #ffffff3d;border-radius:26px;padding:11px 13px;margin-top:12px;background:#ffffff07}.composer input{flex:1;min-width:0;color:#eee;background:none;border:0;outline:none;font-size:14px}.composer button{padding:0}.segmented{display:flex;border:1px solid #e8e3d638;background:#ffffff03;border-radius:25px;padding:4px;margin:0 0 13px}.segmented button{flex:1;padding:10px 8px;font-size:14px;border-radius:22px;color:#b9bbb9}.segmented button.active{background:var(--pearl);color:#232422}.group-card{border:1px solid #eee3cb2e;border-radius:15px;background:linear-gradient(120deg,#21231e,#121313);overflow:hidden;margin-bottom:15px}.group-photo{height:166px;position:relative;overflow:hidden}.group-photo>img{width:100%;height:100%;object-fit:cover;object-position:50% 46%}.group-photo:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#121414ef)}.group-tags{position:absolute;z-index:1;bottom:12px;left:13px;display:flex;gap:6px}.group-body{padding:0 13px 13px}.group-body h2{font-size:21px;letter-spacing:1px;margin:2px 0 9px}.group-body .sub{font-size:12px}.meta-row{display:flex;justify-content:space-between;font-size:11px;color:#d3d4cb;margin:12px 0}.meta-row .ico{width:14px;height:14px;margin-right:4px}.pearl-button{width:100%;border-radius:22px;color:#252626;background:var(--pearl);padding:11px 15px;font-size:14px;box-shadow:inset 0 1px #fff;display:flex;justify-content:center;align-items:center;gap:12px}.pearl-button .ico{filter:brightness(.2);width:17px;height:17px}.online-art{height:166px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#a3b4a51d,transparent 70%)}.online-art .brand{height:100px;width:100px}.identity{position:relative;border:1px solid transparent;border-radius:21px;padding:22px 18px 18px;background:linear-gradient(125deg,#191c1b,#111314 70%) padding-box,var(--pearl) border-box;box-shadow:inset 0 0 18px #dbe7df0c,0 0 14px #e9dfd90b;margin:2px 0 16px;overflow:hidden}.identity:after{content:"";position:absolute;left:-5%;top:0;width:110%;height:2px;background:var(--pearl);box-shadow:0 0 10px #ffffff8c}.id-top{display:flex;align-items:center;gap:13px;position:relative}.avatar{width:59px;height:59px;flex-shrink:0;border:1px solid #e3e6da55;border-radius:50%;background:linear-gradient(130deg,#b5beba35,#efddd515);display:grid;place-items:center;font:25px Georgia;color:#f6ede0}.id-name{font:28px Georgia;letter-spacing:1px}.id-top>.brand{position:absolute;right:0;top:-12px;width:58px;height:58px;opacity:.85}.identity .sub{font-size:11px;margin-top:5px;max-width:155px}.badges{display:flex;gap:8px;margin-top:22px}.badges span{border:1px solid #d7d9c45e;padding:6px 9px;border-radius:20px;font-size:12px;display:flex;align-items:center;gap:5px}.badges .ico{width:15px;height:15px}.bond-mini{display:flex;align-items:center;gap:10px;border:1px solid #e0e5d829;border-radius:12px;padding:12px;margin-bottom:20px;background:linear-gradient(130deg,#c7e4d609,#e4c8d60a)}.bond-mini>img{width:42px;height:45px;object-fit:contain}.bond-mini .progress{width:130px;margin:7px 0 0;height:3px}.bond-mini .level-number{font-size:21px;margin-left:auto}.stats{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;margin:0 0 19px;padding:8px 0 18px;border-bottom:1px solid var(--line)}.stats strong{font:25px Georgia;display:block;margin-bottom:5px}.stats span{font-size:12px;color:#bcbfba}.menu button{display:flex;align-items:center;gap:14px;width:100%;padding:17px 5px;border-bottom:1px solid #ffffff0d;text-align:left;font-size:15px}.menu .chev{margin-left:auto;width:15px;height:15px;opacity:.6}.demo-note{text-align:center;font-size:10px;letter-spacing:1px;color:#91958e;margin-top:22px}.empty{grid-column:1/-1;text-align:center;padding:40px 15px;color:#c8cec8;font-size:14px;line-height:1.8}dialog{max-width:420px;width:calc(100% - 30px);border:1px solid #e3e0d65e;border-radius:22px;padding:30px 23px 23px;background:linear-gradient(145deg,#1e2220,#101112);color:#eaeae1;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#000a;backdrop-filter:blur(6px)}dialog h2{margin:12px 0 15px}dialog p{line-height:1.8;font-size:14px;margin:10px 0 18px;color:#c5cbc4}.close{position:absolute;right:10px;top:5px;font-size:28px;color:#ddd}dialog .pearl-button{margin-top:15px}.dialog-photo{width:100%;height:155px;object-fit:cover;border-radius:10px}.dialog-meta{font-size:12px;line-height:1.9;color:#bfc7bd}.highlight{box-shadow:0 0 0 1px #eee8cf,0 0 24px #e0e8d42b}@media(min-width:600px){body{background:#070809}.app-shell{border-left:1px solid #ffffff10;border-right:1px solid #ffffff10}}@media(max-width:359px){.main{padding-left:12px;padding-right:12px}.chip{padding:7px 9px}.categories{gap:3px}.grid{gap:8px}.card-body{padding:9px 8px}.card h3{font-size:14px}.image-wrap{height:170px}.discover .image-wrap{height:146px}.group-body h2{font-size:20px}.edition{font-size:9px}.bond-mini .progress{width:100px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

 
 /* V4 samples: deep black, neutral pearl white, restrained champagne */
 :root{--bg:#030405;--line:#ffffff18;--pearl:linear-gradient(115deg,#e7e5df,#fffefa 48%,#e9e6de);--soft:linear-gradient(110deg,#eceae4,#e9e7e1);--gold:#c9b786}
 html,body{background:#020304;color:#eeede8}
 .app-shell{isolation:isolate;background:#030405;overflow:hidden}
 .app-shell:before{content:"";position:absolute;pointer-events:none;z-index:-1;inset:0;background:linear-gradient(153deg,transparent 66%,#d8c89c07 68%,transparent 71%),radial-gradient(ellipse 80% 130px at 100% 99%,#ccb8860b,transparent 80%)}
 .pearl,h1,h2,h3,.title,.nav-label{background:var(--pearl);background-clip:text;color:transparent;text-shadow:none}
 .sub,.tiny,.meta,.source{color:#a7a6a1}.soft{background:var(--soft);background-clip:text;color:transparent}
 .eyebrow,.edition{color:#afa17d}
 .top{margin-bottom:6px;border-bottom:1px solid #ffffff08}.top .brand{filter:none}
 .card,.group-card{background:linear-gradient(145deg,#101113,#070809);border-color:#ffffff20;box-shadow:0 8px 24px #0008,inset 0 1px #fff06}
 .searchbox,.level,.mini-card,.composer,.bond-mini{background:linear-gradient(130deg,#101113,#070809);border-color:#ffffff25;box-shadow:inset 0 1px #ffffff08}
 .chip{background:#070809;border-color:#ffffff24;color:#bdbbb4}.chip.active{background:#c6b382;color:#12120f;border-color:#d8c69a}
 .types button.active:after{background:#c9b786}.types button.active{color:#eee9dc}
 .cat-icon{background:linear-gradient(145deg,#101214,#050607);border-color:#d2cabd35;box-shadow:inset 0 1px #ffffff09}
 .cat.active{background:#c9b78609;border-color:#c9b78666}.cat.active .soft{background:none;color:#d0bd8d}
 .bottom-nav{background:linear-gradient(#090a0bf5,#030405fb);border-top-color:#e5e0d42c;box-shadow:0 -7px 25px #0007;backdrop-filter:blur(20px)}
 .nav-item.active:after{background:#c9b786}.nav-item.active .nav-label{background:none;color:#d0be91}
 .ai-orb{background:radial-gradient(ellipse at 30% 0,#fff2,transparent 65%),#07090a;border-color:#d9cda777;box-shadow:0 0 0 4px #030405,inset 0 1px 8px #eee6cd20,0 0 13px #e5d5a612}
 .platform,.bili,.red,.douyin,.wechat{background:#ffffff08;color:#d0cec5}
 .tag{background:#131310;border-color:#bdaa784c;color:#d0c3a2}.tag.gold{background:#c8b684;color:#11120f}
 .join-mini{color:#cbb987;border-top-color:#c9b78622}.pearl-button{background:linear-gradient(120deg,#bca773,#dacb9e 45%,#c3ae7d);color:#10110f;box-shadow:inset 0 1px #fff5}
 .level-number{background:none;color:#d8c594}.progress span{background:linear-gradient(90deg,#a38d59,#dfd0a5);box-shadow:none}
 .level{position:relative;border-color:#ccbb8e35}.level:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,#decea452,transparent)}
 .companion-stage{height:286px;isolation:isolate;background:#030405;margin-top:0}
 .companion-stage:before{content:"";position:absolute;z-index:-1;inset:8% -6% 0;background:linear-gradient(145deg,transparent 43%,#e7e0cb06 47%,#f8eedc20 48%,#e8dbb80c 49%,transparent 53%);clip-path:polygon(2% 89%,91% 4%,100% 15%,9% 96%)}
 .companion-stage:after{content:"";position:absolute;bottom:1px;left:16%;right:16%;height:42px;background:radial-gradient(ellipse,#f0e4c81c,transparent 66%);filter:blur(6px);pointer-events:none}
 .pet{height:259px;filter:drop-shadow(0 8px 10px #0008);z-index:1}
 .halo{bottom:7px;height:19px;width:188px;border:0;border-top:1px solid #c9b78639;box-shadow:0 -3px 10px #d3c39909;opacity:.65}
 .suggestions button{background:#08090a;border-color:#ffffff2b}.identity{background:linear-gradient(125deg,#111213,#050607 70%) padding-box,linear-gradient(120deg,#d9d3c6,#736649,#e0d7c1) border-box}
 .identity:after{background:linear-gradient(90deg,transparent,#d8ccb177,transparent);box-shadow:none}
 .ai-intro .eyebrow{font-size:10px;letter-spacing:2.5px}.ai-intro .sub{font-size:13px}
 @media(min-width:600px){body{background:#020304}}
 
 
 /* V5 / optical white and polished white gold */
 :root{--pearl:linear-gradient(110deg,#dbe0e4 0%,#fff 38%,#f3f6f8 61%,#d9dfe3);--soft:linear-gradient(#edf0f2,#e7ebee);--metal:linear-gradient(112deg,#9a7a3d 0%,#d4b974 16%,#fff1c2 30%,#fffef1 37%,#c9a65e 44%,#ad8b47 55%,#f5e3ac 73%,#fff4ce 82%,#b29150 100%)}
 html,body,.app-shell{background-color:#020304;color:#f1f4f6}
 .app-shell{background:radial-gradient(ellipse 65% 160px at 108% 69%,#dbc7980a,transparent 75%),linear-gradient(160deg,#030405,#010203 65%,#040507)}
 .app-shell:before{background:linear-gradient(149deg,transparent 64%,#f1e9d007 65.2%,transparent 66.3%),linear-gradient(160deg,transparent 31%,#d8e2e805 33%,transparent 35%)}
 h1,h2,.title{filter:drop-shadow(0 0 7px #f0f6ff0b)}
 .chip.active{background:var(--metal);border-color:#fff2bf88;color:#181407;box-shadow:inset 0 1px #fffbe2,0 0 12px #e9cc8423}
 .cat-icon{background:linear-gradient(145deg,#14171a 0%,#07090b 30%,#020305 70%);border-color:#c9d1d138;box-shadow:inset 0 1px #ffffff12,0 5px 14px #0008}
 .card,.group-card{background:linear-gradient(140deg,#0c0f12 0%,#040607 70%);border-color:#bac7cc26;box-shadow:inset 0 1px #f9ffff0d,0 9px 25px #0008}
 .join-mini{color:#e5d29d}.join-mini:after{content:"";position:absolute;pointer-events:none}
 .level-number{background:var(--metal);background-clip:text;color:transparent;filter:drop-shadow(0 0 6px #f3d08022)}
 .level{background:linear-gradient(125deg,#121210,#060808 70%);border-color:#e9d09051;box-shadow:inset 0 1px 0 #fff2cc19,0 0 17px #c6a66b09}
 .level:before{background:linear-gradient(90deg,transparent,#ffefb985,transparent);box-shadow:0 -2px 9px #e5cb7d18}
 .progress span{background:var(--metal);box-shadow:0 0 9px #ffdf8d50}
 .pearl-button{background:var(--metal);border:1px solid #fff0bca6;box-shadow:inset 0 1px #fffde9,0 0 16px #f6d99023;color:#191305}
 .tag.gold{background:var(--metal);color:#1b1508}.tag{color:#e4d7b3}
 .nav-item.active .nav-label{background:var(--metal);background-clip:text;color:transparent}
 .nav-item.active:after,.types button.active:after{background:var(--metal);box-shadow:0 0 8px #f4d89062}
 .bottom-nav{background:linear-gradient(#06090cf5,#020305fc);border-top-color:#d0c9b530;box-shadow:0 -9px 25px #000a}
 .ai-orb{border-color:#e7dcbca3;background:radial-gradient(ellipse at 28% 0,#e5edf347,transparent 47%),linear-gradient(140deg,#12171b,#020405 70%);box-shadow:0 0 0 4px #030405,inset 0 1px 8px #f8e6b134,0 0 16px #f3d69519}
 .searchbox,.mini-card,.composer{background:linear-gradient(125deg,#111417,#040608 60%);border-color:#c8d2d330;box-shadow:inset 0 1px #f2f8ff0c}
 .companion-stage{background:#020304;height:286px;overflow:visible}
 .companion-stage:before{inset:0 -2%;background:linear-gradient(145deg,transparent 42%,#e3eaf106 44%,#fcf8e820 45%,#e9deba09 46%,transparent 49%);clip-path:polygon(0 88%,91% 0,100% 9%,6% 96%)}
 .companion-stage:after{bottom:3px;left:19%;right:19%;height:33px;background:radial-gradient(ellipse,#fff4d432,#ddc69615 35%,transparent 70%);filter:blur(7px)}
 .pet{height:258px;filter:drop-shadow(0 7px 13px #e8d49b0c)}
 .halo{width:200px;height:17px;bottom:9px;border-top:1px solid #e4d4a548;box-shadow:0 -3px 12px #f7e1a815}
 .suggestions button{background:linear-gradient(135deg,#101418,#030506);border-color:#d0d9df38;box-shadow:inset 0 1px #ffffff0c}.sub,.tiny,.meta,.source{color:#aeb4b8}
 @media(prefers-reduced-motion:no-preference){.halo{animation:gentle-glow 6s ease-in-out infinite}@keyframes gentle-glow{50%{opacity:.35}}}
 
 
 /* V6 emissive light and dimensional capsules */
 :root{--glow:#ffe9a9;--pearl:linear-gradient(#ffffff 10%,#ecf4ff 48%,#c1ccd7 53%,#f4f8ff 72%,#fff);--soft:linear-gradient(#f0f5f9,#e7edf3)}
 h1,h2,.serif,.title{font-family:"Microsoft YaHei UI","Microsoft YaHei","Segoe UI",sans-serif;font-weight:600;letter-spacing:.4px}
 h1,h2,.title{filter:drop-shadow(0 1px 0 #636c76) drop-shadow(0 3px 1px #000) drop-shadow(0 0 7px #e8f4ff14)}
 .app-shell{background:radial-gradient(ellipse 70% 210px at 100% 12%,#c9e4ff08,transparent 72%),linear-gradient(145deg,#04070a,#010203 50%,#030506)}
 .app-shell:before{background:linear-gradient(155deg,transparent 64%,#fff0c60d 65%,transparent 66.5%),linear-gradient(135deg,transparent 20%,#c8e3ff06 23%,transparent 26%)}
 .top{padding-top:21px;padding-bottom:20px}.title{font-size:24px!important}
 .searchbox{border-radius:19px;border-top-color:#fff4;border-bottom-color:#000;background:linear-gradient(165deg,#1b232b,#090e14 40%,#030508);box-shadow:inset 0 1px 1px #f1f9ff24,inset 0 -2px 2px #000b,0 3px 0 #000,0 9px 15px #0008}
 .chip{border-top-color:#e9f2ff37;border-bottom-color:#000;border-radius:14px;background:linear-gradient(155deg,#27303a 0%,#111820 32%,#05080d 80%);box-shadow:inset 0 1px #ffffff10,0 3px 0 #010203,0 5px 10px #0009;padding:8px 13px}
 .chip.active{background:linear-gradient(145deg,#fffef4,#fff0bf 55%,#ffe9a2);color:#2a210a;border-color:#fffce8;box-shadow:inset 0 1px 1px #fff,0 2px 0 #8e7740,0 0 8px #fff4c280,0 0 21px #ffd47842}
 .categories{gap:8px;margin-top:20px;margin-bottom:19px}.cat{gap:10px}.cat-icon{width:59px;height:54px;border-radius:16px;border-top-color:#f5faff5a;border-left-color:#d9e9ff33;border-right-color:#c6d9ec18;border-bottom-color:#000;background:radial-gradient(ellipse at 25% 0,#eef7ff2c,transparent 62%),linear-gradient(145deg,#1c2936,#080d14 70%);box-shadow:inset 0 1px 1px #fff2,inset 0 -2px 1px #000a,0 4px 0 #010203,0 8px 13px #000c}
 .cat .ico{width:33px;height:33px}.cat.active{background:none;border-color:transparent}.cat.active .cat-icon{border-color:#fff0b986;box-shadow:inset 0 1px #fff7,0 3px 0 #49402b,0 0 17px #ffe0a04a}
 .chips,.filters{padding-bottom:8px}.filters{margin-bottom:13px}.card{border-radius:17px;box-shadow:inset 0 1px #f0f8ff18,0 4px 0 #000,0 10px 22px #0009;border-top-color:#d2dce83a}.card-body{background:linear-gradient(130deg,#0b1017,#040608)}
 .bottom-nav{border-top-color:#d6e5f442;background:linear-gradient(155deg,#15202bfa,#05090efc 35%,#030508fc);box-shadow:inset 0 1px #eef7ff17,0 -7px 25px #0009}
 .nav-item .ico{width:26px;height:26px}.ai-orb{width:56px;height:56px;top:-31px;border-color:#fff2c7a6;box-shadow:0 0 0 4px #030508,inset 0 1px 4px #fff8,0 0 7px #fff1c14f,0 0 24px #f9ce803b;background:radial-gradient(ellipse at 30% 5%,#e8f6ff4d,transparent 57%),linear-gradient(155deg,#263341,#04080e)}
 .nav-item.active .nav-label{background:none;color:#fff0bf;text-shadow:0 0 7px #ffdb8860}.nav-item.active:after{background:#fff8dd;box-shadow:0 0 6px #fff7db,0 0 14px #ffd17b}
 .welcome-bubble{position:relative;margin:15px 0 9px;padding:18px 12px 16px;border:1px solid #deedff35;border-top-color:#f0f8ff70;border-radius:23px 23px 23px 7px;background:radial-gradient(ellipse at 18% 0,#e6f3ff17,transparent 64%),linear-gradient(145deg,#17222e,#050a11 70%);box-shadow:inset 0 1px 1px #fff2,0 4px 0 #010204,0 12px 23px #0008}
 .welcome-bubble:after{content:"";position:absolute;bottom:-8px;left:35px;width:13px;height:13px;background:#0b121c;border-right:1px solid #deedff24;border-bottom:1px solid #deedff24;transform:rotate(45deg)}.welcome-bubble h2{font-size:23px}.welcome-bubble .sub{font-size:11px;margin-top:8px;color:#bdc9d5}
 .companion-stage{height:238px;background:radial-gradient(ellipse 25% 9% at 50% 94%,#fff2c02a,transparent 90%),#020304}.pet{height:225px;max-width:95%;filter:drop-shadow(0 7px 12px #0009)}
 .companion-stage:before{background:linear-gradient(143deg,transparent 38%,#eef6ff08 41%,#fff3d01a 42%,transparent 45%);clip-path:polygon(0 90%,90% 0,100% 7%,10% 100%)}.halo{bottom:3px;border-top-color:#fff1bb8a;box-shadow:0 -2px 7px #fff2b928,0 -3px 22px #ffdd881c}
 .level{padding:12px 14px;background:radial-gradient(ellipse at 10% 0,#ffdf9d0f,transparent 65%),linear-gradient(145deg,#141a22,#05080c);border-top-color:#fff0b87c;border-radius:16px;box-shadow:inset 0 1px #fff3c719,0 4px 0 #000,0 9px 20px #0007}
 .level-number{background:none;color:#fff3c9;text-shadow:0 0 5px #ffedb43b,0 0 14px #f5cd7855}.progress{height:5px;overflow:visible;background:#020304;box-shadow:inset 0 1px 3px #000,0 1px #fff1}
 .progress span{border-radius:6px;background:linear-gradient(#fffef2,#fff2bf);box-shadow:0 0 5px #fff9d9,0 0 13px #ffd58199,0 0 24px #ffc96c44}
 .suggestions button{border-radius:16px;padding:12px 7px;background:linear-gradient(150deg,#25303b,#101721 45%,#050910);border-top-color:#ebf5ff66;border-bottom-color:#000;box-shadow:inset 0 1px #fff2,0 3px 0 #010204,0 7px 14px #0009}
 .mini-card{border-radius:17px;background:linear-gradient(145deg,#131d28,#04080f);box-shadow:inset 0 1px #fff1,0 3px 0 #000}.composer{border-radius:18px;background:linear-gradient(145deg,#18232e,#050b12);box-shadow:inset 0 1px #fff2,0 3px 0 #000;border-top-color:#ebf5ff60}
 .pearl-button{background:linear-gradient(155deg,#fffdf0,#ffe9ab);color:#231b0a;border:1px solid #fffce7;box-shadow:inset 0 1px #fff,0 3px 0 #8f793e,0 0 8px #fff5c668,0 0 24px #ffd98950;text-shadow:none}
 button{transition:transform .16s,box-shadow .16s}button:active{transform:translateY(2px)}.tag.gold{background:#fff0bd;box-shadow:0 0 9px #ffdb8545}
 @media(prefers-reduced-motion:reduce){button{transition:none}}
 
 
 /* V7: one warm-charcoal material across surface and dialog */
 :root{--bg:#030403;--pearl:linear-gradient(#fffefa 10%,#f2f1eb 48%,#cfcec6 54%,#fffdf6 75%,#fff);--soft:linear-gradient(#f1f0e9,#e6e5dc)}
 html,body{background:#030403;color:#f1f0e8}.app-shell{background:radial-gradient(ellipse 75% 220px at 105% 75%,#e4d09b09,transparent 72%),linear-gradient(145deg,#060706,#020302 55%,#070807)}
 .app-shell:before{background:linear-gradient(153deg,transparent 65%,#eadcbc0b 66%,transparent 68%),linear-gradient(139deg,transparent 25%,#f1eddf04 28%,transparent 32%)}
 h1,h2,.title{filter:drop-shadow(0 1px 0 #6f6e64) drop-shadow(0 2px 1px #000) drop-shadow(0 0 6px #fff4d80c)}
 .sub,.tiny,.meta,.source{color:#b6b8ae}.eyebrow,.edition{color:#b8ab85}
 .searchbox,.composer{background:linear-gradient(145deg,#222620,#111410 45%,#080a08);border-top-color:#f6f1dc4f;border-left-color:#e3dfcb25;border-right-color:#d5d0bc20;border-bottom-color:#000;box-shadow:inset 0 1px #fff8df16,inset 0 -2px #0008,0 3px 0 #000,0 8px 16px #0008}
 .categories{gap:7px}.cat{font-size:14px;font-weight:650;letter-spacing:.1px;gap:11px;padding:9px 0}.cat.active{font-weight:750}.cat-icon{background:radial-gradient(ellipse at 25% 0,#f8f2d821,transparent 62%),linear-gradient(145deg,#282c25,#0c100c 72%);border-top-color:#f7f0d75e;border-left-color:#dfd8c132;border-right-color:#cac5af20;border-bottom-color:#000;box-shadow:inset 0 1px #fff5dd25,inset 0 -2px #0008,0 4px 0 #020302,0 8px 14px #0009}
 .cat.active .cat-icon{box-shadow:inset 0 1px #fff6da66,0 3px 0 #4d4631,0 0 17px #ffe4a844}
 .chip{background:linear-gradient(155deg,#292d25,#151811 35%,#080b07 85%);border-top-color:#f1ead53b;border-left-color:#d9d2bb20;border-right-color:#d9d2bb20;font-weight:550}.chip.active{background:linear-gradient(145deg,#fffef2,#fff1c5 58%,#ffe9ad);color:#2b230e;border-color:#fffce6;box-shadow:inset 0 1px #fff,0 2px 0 #92804b,0 0 8px #fff5cb75,0 0 20px #ffd8873c}
 .card,.group-card{background:linear-gradient(145deg,#1b1e19,#090c08);border-top-color:#dad8c73e;border-left-color:#d2d0bd21;border-right-color:#c5c1af20}.card-body{background:linear-gradient(135deg,#151813,#070a06)}.card h3{font-weight:650;line-height:1.65}
 .welcome-bubble{background:radial-gradient(ellipse at 18% 0,#fff3cb0e,transparent 65%),linear-gradient(145deg,#242920,#10150e 72%);border-color:#d9d5bf35;border-top-color:#f5eed55d;box-shadow:inset 0 1px #fff4d41c,0 4px 0 #020301,0 12px 23px #0009}
 .welcome-bubble:after{background:#141910;border-color:#d9d5bf28}.welcome-bubble .sub{color:#bec1b4}
 .suggestions button,.mini-card{background:linear-gradient(145deg,#252a21,#141a10 48%,#090e07);border-top-color:#eee9d652;border-left-color:#d3d0bb26;border-right-color:#d3d0bb26;border-bottom-color:#000;box-shadow:inset 0 1px #fff5db17,0 3px 0 #020401,0 8px 16px #0008}
 .level{background:radial-gradient(ellipse at 10% 0,#fff1c10d,transparent 65%),linear-gradient(145deg,#20251b,#090e06);border-top-color:#fff0b874;border-left-color:#e9d09042;border-right-color:#e9d09035;box-shadow:inset 0 1px #fff4d119,0 4px 0 #010201,0 8px 20px #0008}
 .companion-stage{background:radial-gradient(ellipse 25% 9% at 50% 94%,#fff2c024,transparent 90%),#020302}.companion-stage:before{background:linear-gradient(143deg,transparent 38%,#f4efdb06 41%,#fff1c417 42%,transparent 45%)}
 .bottom-nav{background:linear-gradient(155deg,#1c2118fa,#0a0f07fc 40%,#050804fc);border-top-color:#ded9c03c;box-shadow:inset 0 1px #fff1ca13,0 -7px 25px #0009}
 .ai-orb{background:radial-gradient(ellipse at 30% 5%,#fff9df35,transparent 57%),linear-gradient(155deg,#2b3223,#080e05);border-color:#fff0c5a6;box-shadow:0 0 0 4px #060b03,inset 0 1px 4px #fff9d877,0 0 7px #fff1c147,0 0 23px #f9d58b30}
 dialog{background:linear-gradient(145deg,#1e2220,#101112);border-color:#e3e0d65e}button.close{border-radius:50%;width:36px;height:36px;line-height:30px;right:10px;top:9px;font-size:27px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #f1db9e;outline-offset:3px}
 .tag{color:#e7dab4;border-color:#d5be7c44}.identity,.bond-mini{background:linear-gradient(145deg,#23281e,#0b1007)}
 @media(max-width:359px){.cat{font-size:13px}.cat-icon{width:54px;height:51px}}
 @media(min-width:600px){body{background:#020302}}
 
 
 /* Color match: approved dialog is the surface reference. */
 html,body{background:#030303}
 .app-shell{background:radial-gradient(ellipse 75% 220px at 105% 75%,#e4d09b07,transparent 72%),linear-gradient(145deg,#060706,#020202 55%,#070807)}
 .searchbox,.composer,.welcome-bubble,.suggestions button,.mini-card,.level,.identity,.bond-mini{background:linear-gradient(145deg,#1e2220,#101112)}
 .card,.group-card{background:linear-gradient(145deg,#1a1d1b,#090a09)}.card-body{background:linear-gradient(135deg,#161916,#090a09)}
 .cat-icon{background:radial-gradient(ellipse at 25% 0,#fff8e31c,transparent 62%),linear-gradient(145deg,#292d29,#101310 72%)}
 .chip{background:linear-gradient(155deg,#282c28,#171a17 35%,#0b0d0b 85%)}.chip.active{background:linear-gradient(145deg,#fffef2,#fff1c5 58%,#ffe9ad)}
 .welcome-bubble:after{background:#151816}
 .companion-stage{background:radial-gradient(ellipse 25% 9% at 50% 94%,#fff2c020,transparent 90%),#020202}
 .bottom-nav{background:linear-gradient(155deg,#1c201cfa,#0c0f0cfc 40%,#070807fc)}
 .ai-orb{background:radial-gradient(ellipse at 30% 5%,#fff9df30,transparent 57%),linear-gradient(155deg,#293028,#0b100a);box-shadow:0 0 0 4px #090b08,inset 0 1px 4px #fff9d877,0 0 7px #fff1c147,0 0 23px #f9d58b30}
 @media(min-width:600px){body{background:#030303}}
 

.brand-copy{min-width:0}.brand-copy strong{display:block;font-size:20px;font-weight:750;letter-spacing:.4px}.brand-copy strong span{font-size:14px;margin-left:3px}.brand-copy small{display:block;font-size:11px;color:#c9c4b8;margin-top:5px}.top{padding-top:24px;padding-bottom:18px;gap:10px}.preview-banner{margin:0 18px 16px;padding:9px 12px;border:1px solid #c9b87b35;border-radius:12px;color:#d2c5a2;font-size:11px;line-height:1.7;background:#d7bd6b08}.home-intro{padding:8px 0 22px}.home-intro h1{font-size:27px;line-height:1.4;letter-spacing:-.5px;font-weight:780;margin:12px 0}.home-intro p{font-size:13px;color:#bdbdb5;line-height:1.9;margin:0}.progress{display:none}.level-number{font-size:18px}.demo-note{line-height:1.9}.identity h2{margin:18px 0 10px}.identity .tag{margin-top:18px}.brand{flex-shrink:0}
.top{justify-content:flex-start}.identity .sub{max-width:none}.home-intro h1{max-width:330px;text-wrap:balance}