:root{
  --bg:#0b0d14; --panel:#181b24; --panel-2:#202432; --line:#2b3040; --text:#eef1ff; --muted:#9aa2b6;
  --blue:#9aa8ff; --pink:#fb7299; --soft:#22283a; --radius:18px; --shadow:0 18px 50px rgba(0,0,0,.28);
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none} img,video{max-width:100%}
.topbar{min-height:62px;background:rgba(12,14,22,.92);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 22px;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}
.brand{font-weight:900;color:var(--blue);font-size:19px;white-space:nowrap}.brand::before{content:"●";font-size:11px;margin-right:8px;color:var(--pink)}
nav{display:flex;gap:8px;flex:1;overflow:auto}nav a{color:#d7dcf5;padding:8px 10px;border-radius:12px;white-space:nowrap}nav a:hover{background:var(--soft);color:#fff}
.backup{background:var(--blue);color:#11152a;padding:8px 12px;border-radius:12px;font-size:14px;font-weight:800;display:inline-block}.backup.block{display:block;text-align:center;margin:10px 0}.secondary{background:#34394c!important;color:#e6e9ff!important}.pink{background:var(--pink)!important;color:#fff!important}
.login-box{display:flex;align-items:center;gap:8px}.mini-avatar{width:30px;height:30px;border-radius:50%;background:#2c334a;color:var(--blue);display:grid;place-items:center;font-weight:900;overflow:hidden;border:1px solid var(--line)}.mini-avatar img,.avatar img,.big-avatar img,.comment-avatar img{width:100%;height:100%;object-fit:cover}
#accountSwitcher{max-width:150px;padding:7px 8px;background:#111521;color:var(--text);border-color:var(--line)}
#app{max-width:1440px;margin:0 auto;padding:22px}.stack{display:grid;gap:18px}.grid-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px}.layout-3{display:grid;grid-template-columns:300px minmax(0,1fr) 300px;gap:20px}
.panel,.moment-card,.video-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.panel-title{font-size:20px;margin:0 0 16px;display:flex;align-items:center;gap:8px}.panel-title::before{content:"";display:inline-block;width:4px;height:18px;background:var(--blue);border-radius:3px}
.hero{background:linear-gradient(135deg,rgba(154,168,255,.24),rgba(251,114,153,.18));border:1px solid var(--line);border-radius:calc(var(--radius) + 6px);padding:30px;margin-bottom:22px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;box-shadow:var(--shadow)}.hero h1{margin:0 0 8px;font-size:30px}.hero p{margin:0;color:#c8cede}.hero-stats{display:flex;flex-wrap:wrap;gap:8px}.hero-stats span{background:rgba(255,255,255,.08);border:1px solid var(--line);padding:7px 10px;border-radius:999px;color:#dfe3fb}
.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.video-list{display:grid;gap:12px}.video-list .video-card{display:grid;grid-template-columns:220px 1fr}.video-card{padding:0;overflow:hidden}.thumb{height:142px;background:linear-gradient(135deg,#20263a,#303753);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px}.thumb img,.thumb video{width:100%;height:100%;object-fit:cover}.audio-thumb{font-size:26px}.audio-thumb::before{content:"♪";margin-right:8px}.card-body{padding:12px}.card-title{display:block;font-weight:800;line-height:1.35;margin-bottom:7px}.card-meta,.card-stats,.stats-row,.notice,.time{font-size:13px;color:var(--muted)}.content-p{white-space:pre-wrap;color:#dfe3f2}
input,textarea,select,button{font:inherit;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#10131d;color:var(--text)}textarea{min-height:110px;resize:vertical}button{background:var(--blue);color:#11152a;border:0;cursor:pointer;font-weight:900}button:hover,.backup:hover{filter:brightness(1.06)}.upload-form,.settings-form,.account-form{display:grid;gap:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.search-form{display:grid;grid-template-columns:1fr auto;gap:10px}
.video-page{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px}.player-panel video,.player-panel audio,.player-panel img{width:100%;max-height:620px;border-radius:var(--radius);background:#000;border:1px solid var(--line)}.text-body{white-space:pre-wrap}.video-title{font-size:26px;margin:16px 0 8px}.actions,.small-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.actions button{min-width:72px}.author-box{display:flex;gap:12px;align-items:center;margin:12px 0;padding:12px;background:var(--soft);border-radius:var(--radius)}
.avatar{width:50px;height:50px;border-radius:50%;background:#2c334a;color:var(--blue);display:grid;place-items:center;font-weight:900;overflow:hidden;border:1px solid var(--line)}.big-avatar{width:82px;height:82px;border-radius:50%;background:#242a3e;display:grid;place-items:center;color:var(--blue);font-size:30px;font-weight:900;overflow:hidden;border:2px solid var(--blue)}.comment-avatar{width:38px;height:38px;border-radius:50%;background:#2c334a;color:var(--blue);display:grid;place-items:center;overflow:hidden;flex:0 0 auto}
.user-hero{height:240px;border-radius:var(--radius);background:linear-gradient(135deg,#2a3350,#1a1f31);background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:22px;margin-bottom:18px;box-shadow:var(--shadow)}.user-info{display:flex;gap:16px;align-items:center;background:rgba(13,16,27,.82);padding:14px 18px;border-radius:var(--radius);backdrop-filter:blur(8px)}.user-info h1{margin:0}.user-info p{margin:4px 0;color:#cbd2e5}.user-stats{display:flex;gap:14px;color:var(--muted);font-size:14px;flex-wrap:wrap}
.feed-page{max-width:940px;margin:0 auto}.profile-banner{height:300px;border:1px solid var(--line);border-radius:calc(var(--radius) + 8px);background:linear-gradient(135deg,#f9f4e7 0%,#edf3ff 45%,#202432 46%);display:flex;align-items:flex-end;padding:22px;margin-bottom:20px;box-shadow:var(--shadow);overflow:hidden}.banner-inner{margin-left:auto;text-align:right}.banner-inner h1{font-size:30px;color:#fff;text-shadow:0 3px 14px #000;margin:0}.banner-inner p{color:#d9def4;font-weight:800}
.moment-list{display:grid;gap:18px}.moment-card{display:grid;gap:12px}.moment-head{display:flex;gap:12px;align-items:center}.moment-content{white-space:pre-wrap;font-size:17px;font-weight:700}.moment-media{display:grid;gap:8px;max-width:720px}.moment-media.media-1{grid-template-columns:1fr}.moment-media.media-2,.moment-media.media-3,.moment-media.media-4{grid-template-columns:repeat(2,minmax(0,1fr))}.moment-media img,.moment-media video{width:100%;max-height:460px;object-fit:cover;border-radius:14px;border:1px solid var(--line);background:#000}.moment-media audio{width:100%}
.tag-row,.tag-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tag{background:#31364d;color:#cdd5ff;border:1px solid #414969;padding:5px 9px;border-radius:999px;font-size:13px}.tag small{opacity:.75}.quote p{font-weight:800;color:#dfe4ff}.big-number{font-size:34px;font-weight:950;color:#fff;text-align:center}.heatmap{display:grid;grid-template-columns:repeat(14,1fr);gap:5px}.heat{aspect-ratio:1/1;border-radius:5px;background:#262b3c;border:1px solid #30364a}.h1{background:#3b4264}.h2{background:#59639b}.h3{background:#7e8bea}.h4{background:var(--blue)}
.comment-list{display:grid;gap:10px}.comment-row,.account-row{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:12px}.comments{display:grid;gap:12px}.comment{border-bottom:1px solid var(--line);padding:10px 0}.comment-main{display:flex;gap:10px}.comment p{margin:4px 0;white-space:pre-wrap}.replies{margin-left:46px;background:#141824;padding:8px 12px;border-radius:12px}.comment-panel{margin-top:14px}.rank-section{margin-bottom:22px}.rank-item{display:flex;justify-content:space-between;gap:14px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:12px;margin-bottom:8px}.side-list{display:grid;gap:8px}.empty{color:var(--muted);padding:20px;text-align:center}.account-row{display:flex;gap:12px;align-items:center;justify-content:space-between}.account-row-left{display:flex;gap:12px;align-items:center}.account-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.account-tile{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:14px;display:grid;gap:8px}.account-tile span:last-child{font-size:13px;color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.stats-grid div{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:16px;text-align:center}.stats-grid strong{font-size:26px;display:block}.stats-grid span{color:var(--muted);font-size:13px}.search-results{margin-top:18px}.search-results h2{margin-top:24px}.error pre{white-space:pre-wrap;color:#ffb4c9}
.login-page{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 20% 20%,rgba(154,168,255,.22),transparent 35%),var(--bg)}.login-card{width:min(420px,100%);background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow)}.login-card h1{margin:0 0 8px}.login-card p{color:var(--muted)}.login-card form{display:grid;gap:12px}.login-msg{min-height:24px;color:#ffb4c9}
@media(max-width:1100px){.layout-3,.grid-layout,.video-page{grid-template-columns:1fr}.layout-3>aside:first-child{order:2}.layout-3>aside:last-child{order:3}.video-list .video-card{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-wrap:wrap;padding:10px}.login-box{margin-left:auto}#app{padding:14px}.hero{display:block}.profile-banner{height:240px}.form-grid{grid-template-columns:1fr}}
@media(max-width:640px){nav{order:3;width:100%}.brand{font-size:17px}.backup{padding:7px 9px}.search-form{grid-template-columns:1fr}.moment-media.media-2,.moment-media.media-3,.moment-media.media-4{grid-template-columns:1fr}.user-info{align-items:flex-start}.big-avatar{width:64px;height:64px}.hero-stats span{font-size:12px}}


/* V5 custom theme: 66CCFF + private stage atmosphere */
:root{--blue:#66CCFF;--pink:#8fdcff;--bg:#071018;--panel:#111722;--panel-2:#161e2b;--text:#edf8ff;--muted:#91a8b8;--line:rgba(102,204,255,.18);--soft:rgba(102,204,255,.10);--shadow:0 18px 50px rgba(0,0,0,.28)}
body{background:radial-gradient(circle at 16% -10%,rgba(102,204,255,.18),transparent 32%),radial-gradient(circle at 86% 10%,rgba(255,255,255,.07),transparent 24%),var(--bg)}
.topbar{background:rgba(5,12,18,.86);border-bottom:1px solid rgba(102,204,255,.22)}
.brand{color:#e9fbff}.brand::before{content:"✦";color:var(--blue)}
nav a:hover{background:rgba(102,204,255,.14);color:#fff}.backup,button{background:linear-gradient(135deg,#66CCFF,#b9f0ff);color:#061019}.pink{background:linear-gradient(135deg,#7ddfff,#66CCFF)!important;color:#061019!important}.secondary{background:#203247!important;color:#d9f7ff!important;border:1px solid rgba(102,204,255,.18)}
.tianyi-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(102,204,255,.22),rgba(255,255,255,.08)),linear-gradient(90deg,#0a1620,#13283a);border-color:rgba(102,204,255,.28)}
.tianyi-hero::after{content:"";position:absolute;right:-70px;top:-70px;width:260px;height:260px;border:1px solid rgba(102,204,255,.25);border-radius:50%;box-shadow:0 0 80px rgba(102,204,255,.25) inset;pointer-events:none}.hero-kicker{color:#9fe7ff;font-weight:900;letter-spacing:.08em;margin-bottom:8px}.panel-title::before{background:linear-gradient(#66CCFF,#e7fbff)}
.profile-banner,.user-hero{border:1px solid rgba(102,204,255,.18)}

/* WeChat-like private Moments layout, without external official assets */
.feed-page.wx-feed{max-width:780px}.wx-cover{height:320px;border-radius:0 0 14px 14px;background:linear-gradient(135deg,rgba(102,204,255,.18),rgba(0,0,0,.15)),linear-gradient(120deg,#dff8ff 0%,#f8fbff 46%,#16212d 47%);background-size:cover;background-position:center;position:relative;margin-bottom:74px;box-shadow:var(--shadow);border:1px solid rgba(102,204,255,.18);overflow:visible}.wx-cover-title{position:absolute;left:28px;bottom:28px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.6)}.wx-cover-title h1{margin:0;font-size:32px}.wx-cover-title p{margin:6px 0 0;color:#e7f8ff}.wx-cover-user{position:absolute;right:26px;bottom:-52px;display:flex;align-items:center;gap:12px;color:#fff;text-shadow:0 2px 12px #000}.wx-cover-user .big-avatar{width:86px;height:86px;border:3px solid #fff;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.wx-list{gap:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.wx-moment{display:grid;grid-template-columns:48px 1fr;gap:12px;border:0;border-bottom:1px solid rgba(255,255,255,.08);border-radius:0;box-shadow:none;padding:16px;background:transparent}.wx-list .wx-moment:last-child{border-bottom:0}.wx-avatar{width:44px;height:44px;border-radius:6px;background:#203247;color:#66CCFF;display:grid;place-items:center;font-weight:900;overflow:hidden}.wx-avatar img{width:100%;height:100%;object-fit:cover}.wx-body{min-width:0}.wx-name a{color:#87dfff;font-weight:900}.wx-content{display:block;color:#edf8ff;font-size:16px;white-space:pre-wrap;margin:4px 0 10px}.wx-media{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;max-width:430px;margin:8px 0}.wx-media.media-1{grid-template-columns:260px}.wx-media.media-2,.wx-media.media-4{grid-template-columns:repeat(2,138px)}.wx-media img,.wx-media video{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:3px;border:1px solid rgba(102,204,255,.16);background:#000}.wx-media audio{width:100%;grid-column:1/-1}.wx-meta{display:flex;align-items:center;justify-content:space-between;color:#7f93a4;font-size:13px;margin-top:7px}.wx-more{padding:0 8px;height:24px;border-radius:4px;background:#1e2a37!important;color:#b9c7d3!important;letter-spacing:2px}.wx-stats{font-size:13px;color:#8ba7b8;margin:5px 0}.wx-comment-preview{background:#172231;border-radius:4px;padding:6px 8px;color:#d9e9f3;font-size:13px}.wx-comment-preview strong{color:#87dfff}.wx-publish textarea{min-height:90px}

/* Comments */
.comment-body{flex:1;min-width:0}.linkbtn{background:none!important;color:#8edfff!important;border:0!important;padding:0!important;font-weight:700}.linkbtn.danger{color:#ff9bb7!important}.reply-form{display:grid;gap:8px;margin-top:8px}.reply-form textarea{min-height:64px}.comment.pinned{background:rgba(102,204,255,.06);border-radius:12px;padding:10px}.checkline{display:flex;gap:8px;align-items:center;color:#dbefff}.checkline input{width:auto}.account-row input[type="checkbox"]{accent-color:#66CCFF}

/* V5.3 bookish 66CCFF redesign: quiet paper, soft blue, comfortable reading density */
:root{
  --blue:#66CCFF;
  --pink:#8fdcff;
  --bg:#f6fbff;
  --panel:rgba(255,255,255,.88);
  --panel-2:rgba(244,250,255,.92);
  --text:#223142;
  --muted:#6d7d8b;
  --line:rgba(102,164,204,.24);
  --soft:rgba(102,204,255,.12);
  --shadow:0 14px 38px rgba(57,105,139,.10);
}
body{
  background:
    radial-gradient(circle at 12% 8%,rgba(102,204,255,.26),transparent 28%),
    radial-gradient(circle at 88% 18%,rgba(202,239,255,.55),transparent 28%),
    var(--bg);
  color:var(--text);
  font-family:"Noto Serif SC","Source Han Serif SC","Songti SC","SimSun","Microsoft YaHei",serif;
  letter-spacing:.01em;
}
body::before{
  content:"";
  position:fixed; inset:0; pointer-events:none; z-index:-1;
  background-image:linear-gradient(rgba(102,164,204,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(102,164,204,.03) 1px,transparent 1px);
  background-size:28px 28px;
}
.topbar{
  background:rgba(255,255,255,.82);
  border-bottom:1px solid rgba(102,164,204,.22);
  box-shadow:0 8px 26px rgba(74,130,166,.08);
}
.brand{color:#2c789d;font-weight:950}.brand::before{content:"♪";color:#66CCFF;margin-right:7px}
nav a{color:#40586c;font-weight:800}nav a:hover{background:rgba(102,204,255,.15);color:#156887}
input,textarea,select{background:rgba(255,255,255,.86);color:#26394b;border:1px solid rgba(102,164,204,.26)}
button,.backup{background:linear-gradient(135deg,#66CCFF,#d7f5ff);color:#163245;box-shadow:0 6px 18px rgba(102,204,255,.18)}
.secondary{background:#f4fbff!important;color:#2e6f91!important;border:1px solid rgba(102,164,204,.28)!important;box-shadow:none}.pink{background:linear-gradient(135deg,#7ed8ff,#ccefff)!important;color:#163245!important}
.panel,.moment-card,.video-card,.comment-row,.account-row,.rank-item,.stats-grid div{
  background:var(--panel);
  border:1px solid rgba(102,164,204,.22);
  box-shadow:var(--shadow);
  backdrop-filter:blur(10px);
}
.panel-title{font-family:"Noto Serif SC","Songti SC",serif;color:#243a4c;letter-spacing:.03em}.panel-title::before{background:linear-gradient(#66CCFF,#bdefff);box-shadow:0 0 12px rgba(102,204,255,.35)}
.hero.tianyi-hero{
  background:
    linear-gradient(135deg,rgba(255,255,255,.78),rgba(225,247,255,.72)),
    radial-gradient(circle at 84% 16%,rgba(102,204,255,.32),transparent 30%);
  border:1px solid rgba(102,164,204,.24);
}
.hero h1{color:#1f526d;font-family:"Noto Serif SC","Songti SC",serif;font-weight:950}.hero p{color:#607386}.hero-kicker{color:#4da9cf}.hero-stats span{background:rgba(255,255,255,.66);color:#38566a;border:1px solid rgba(102,164,204,.18)}
.thumb{background:linear-gradient(135deg,#eaf8ff,#ffffff);color:#7b8d99}.card-title{color:#243a4c}.card-meta,.card-stats,.stats-row,.notice,.time{color:#6d7d8b}.content-p{color:#2d4050;line-height:1.9}
.avatar,.mini-avatar,.comment-avatar,.wx-avatar{background:#eaf8ff;color:#2d91bb;border:1px solid rgba(102,164,204,.24)}.big-avatar{background:#f2fbff;color:#2d91bb;border:2px solid #66CCFF}
.user-hero{background:linear-gradient(135deg,#e8f8ff,#ffffff);border:1px solid rgba(102,164,204,.22)}.user-info{background:rgba(255,255,255,.78);color:#223142}.user-info p{color:#607386}.user-stats{color:#6d7d8b}
.tag{background:#eef9ff;color:#2e789b;border:1px solid rgba(102,164,204,.22)}.quote p{color:#24475c;line-height:1.9}.big-number{color:#276f92}.heat{background:#e7f4fb;border-color:#d3ebf8}.h1{background:#cceeff}.h2{background:#9be0ff}.h3{background:#76d4ff}.h4{background:#66CCFF}
.feed-page.wx-feed{max-width:820px}.wx-cover{
  background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(102,204,255,.24)),linear-gradient(120deg,#fafdff 0%,#e5f8ff 52%,#bceeff 100%);
  border:1px solid rgba(102,164,204,.24);box-shadow:0 18px 42px rgba(57,105,139,.12);
}
.wx-cover-title,.wx-cover-user{color:#234055;text-shadow:0 2px 8px rgba(255,255,255,.95)}.wx-cover-title p,.wx-cover-user p{color:#526b7d;margin:3px 0 0;font-weight:700;max-width:360px}.wx-cover-user .big-avatar{border-color:#fff;box-shadow:0 8px 28px rgba(52,118,150,.18)}
.wx-list{background:rgba(255,255,255,.74);border-color:rgba(102,164,204,.20)}.wx-moment{border-bottom:1px solid rgba(102,164,204,.16)}.wx-name a{color:#247fa8}.wx-bio{font-size:12px;color:#81909a;margin-top:1px}.wx-content{color:#243746;font-weight:600;line-height:1.85}.wx-comment-preview{background:#eef8fd;color:#3e5567}.wx-comment-preview strong{color:#247fa8}.wx-stats,.wx-meta{color:#70828f}.wx-more{background:#edf8ff!important;color:#4d7890!important}
.replies{background:#f0f8fd}.comment.pinned{background:rgba(102,204,255,.10)}.linkbtn{color:#2a85ac!important}.linkbtn.danger{color:#bd5970!important}
.login-page{background:linear-gradient(135deg,#f9fdff,#e8f8ff)}.login-card{background:rgba(255,255,255,.9);border-color:rgba(102,164,204,.22);color:#223142}
@media(max-width:640px){body{font-family:"Microsoft YaHei",sans-serif}.wx-cover{height:260px}.wx-cover-user{right:16px}.wx-media.media-1{grid-template-columns:1fr}.wx-media.media-2,.wx-media.media-4{grid-template-columns:repeat(2,1fr)}}


/* V6 modules: unified blue-white avatars, WeChat-like chat, collections, co-reading */
.mini-avatar.theme-avatar{background:linear-gradient(135deg,#dff6ff,#ffffff)!important;color:#247fa8!important;border:1px solid rgba(102,164,204,.34)!important;box-shadow:0 4px 16px rgba(102,204,255,.18)!important;overflow:hidden}.mini-avatar.theme-avatar img{width:100%;height:100%;object-fit:cover}
.modal-mask{position:fixed;inset:0;background:rgba(30,65,88,.22);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:1000}.modal-card{width:min(520px,92vw);background:rgba(255,255,255,.96);border:1px solid rgba(102,164,204,.28);border-radius:22px;box-shadow:0 22px 70px rgba(57,105,139,.18);padding:22px;display:grid;gap:12px}.modal-card h2{margin:0;color:#22506a}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.block{display:block;text-align:center;margin:10px 0}
.chat-page{display:grid;grid-template-columns:310px minmax(0,1fr);gap:18px}.chat-list{padding:14px}.chat-person{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;padding:10px;border-radius:14px;color:#26394b}.chat-person:hover,.chat-person.active{background:#eef9ff}.chat-person span{display:block;color:#7a8d9c;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-avatar{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:#eaf8ff;color:#2d91bb;border:1px solid rgba(102,164,204,.28);overflow:hidden;font-weight:900}.chat-avatar img{width:100%;height:100%;object-fit:cover}.chat-room{min-height:70vh;display:flex;flex-direction:column}.chat-messages{flex:1;overflow:auto;padding:12px;background:linear-gradient(180deg,#f8fdff,#eef9ff);border:1px solid rgba(102,164,204,.18);border-radius:18px}.chat-msg{display:grid;grid-template-columns:42px minmax(0,68%);gap:10px;margin:12px 0;align-items:start}.chat-msg.mine{grid-template-columns:minmax(0,68%) 42px;justify-content:end}.chat-msg.mine .chat-avatar{grid-column:2}.chat-msg.mine .bubble{grid-column:1;grid-row:1;background:#d9f3ff}.bubble{background:#fff;border:1px solid rgba(102,164,204,.18);border-radius:16px;padding:10px 12px;box-shadow:0 8px 22px rgba(57,105,139,.07)}.bubble p{margin:4px 0;line-height:1.7}.chat-name{font-size:12px;color:#6d7d8b}.chat-input{display:grid;grid-template-columns:1fr auto auto;gap:10px;margin-top:12px}.chat-input textarea{min-height:58px}.chat-share-card{display:grid;grid-template-columns:92px 1fr;gap:10px;background:#f4fbff;border:1px solid rgba(102,164,204,.22);border-radius:12px;padding:8px;margin-top:8px;color:#243746}.chat-share-card .thumb{height:62px;border-radius:8px}.chat-share-card span{display:block;color:#718493;font-size:12px;margin-top:4px}
.reading-page{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:18px;align-items:start}.book-text{white-space:pre-wrap;line-height:2.05;font-size:17px;min-height:68vh;padding:18px;background:rgba(255,255,255,.72);border:1px solid rgba(102,164,204,.20);border-radius:18px;color:#26394b}.selected-text{white-space:pre-wrap;min-height:56px;background:#f6fcff;border:1px solid rgba(102,164,204,.22);border-radius:14px;padding:12px;line-height:1.75}.reading-right textarea{min-height:88px}.annotation{background:#f8fdff;border:1px solid rgba(102,164,204,.20);border-radius:16px;padding:12px;margin:10px 0}.quote-line{border-left:3px solid #66CCFF;padding-left:10px;color:#38566a;white-space:pre-wrap}.user-note{color:#7a6650;margin-top:8px;white-space:pre-wrap}.ai-note{color:#245e7a;margin-top:8px;white-space:pre-wrap}.small-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
@media(max-width:900px){.chat-page,.reading-page{grid-template-columns:1fr}.chat-input{grid-template-columns:1fr}.chat-msg,.chat-msg.mine{grid-template-columns:38px 1fr}.chat-msg.mine .chat-avatar{grid-column:1}.chat-msg.mine .bubble{grid-column:2}.chat-list{max-height:320px;overflow:auto}}

/* V6.1 fix: remove the last dark block from the top-right account switcher */
#accountSwitcher{
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(232,248,255,.96)) !important;
  color:#2c789d !important;
  border:1px solid rgba(102,164,204,.32) !important;
  border-radius:16px !important;
  box-shadow:0 6px 18px rgba(102,204,255,.14) !important;
  font-weight:800 !important;
}
#accountSwitcher:hover,#accountSwitcher:focus{
  background:linear-gradient(135deg,#ffffff,#e6f8ff) !important;
  outline:none !important;
  border-color:rgba(102,204,255,.62) !important;
}
#accountSwitcher option{
  background:#f8fdff !important;
  color:#26394b !important;
}
.login-box{
  background:rgba(255,255,255,.36);
  border:1px solid rgba(102,164,204,.14);
  border-radius:22px;
  padding:4px 6px;
}


/* V7 modules: selected AI commenting, notifications, account IP */
.ai-comment-box{margin:14px 0}.notice-list{display:grid;gap:10px}.notice-item{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:start;padding:12px;border-radius:16px;border:1px solid rgba(102,164,204,.20);background:rgba(255,255,255,.78);color:#26394b}.notice-item.unread{background:#eef9ff;border-color:rgba(102,204,255,.45)}.notice-item.read{opacity:.72}.notice-item p{margin:4px 0;color:#607386}.notice-item span{font-size:12px;color:#7a8d9c}.ai-comment-box .search-form{grid-template-columns:minmax(180px,280px) auto}.comment .time,.comment-row .time{font-size:12px}
@media(max-width:640px){.ai-comment-box .search-form{grid-template-columns:1fr}.notice-item{grid-template-columns:38px 1fr}}

/* V8 modules: comment sorting, selected AI reply, admin IP detection */
.comment-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.comment-header label{display:flex;align-items:center;gap:8px;color:#607386;font-size:13px}
.comment-header select{width:auto;min-width:120px;padding:7px 10px}
.ai-reply-form{display:grid;grid-template-columns:minmax(160px,240px) auto;gap:8px;margin-top:8px}
.ai-reply-form select{min-width:0}
@media(max-width:640px){.comment-header{align-items:flex-start;flex-direction:column}.ai-reply-form{grid-template-columns:1fr}}

.log-list{display:grid;gap:10px}
.log-row{border:1px solid rgba(102,204,255,.28);border-radius:14px;background:rgba(255,255,255,.74);padding:10px 12px}
.log-row summary{cursor:pointer;color:#4b6580}
.log-row.error{border-color:rgba(255,105,135,.45);background:rgba(255,246,248,.9)}
.log-row.warn{border-color:rgba(255,190,80,.45);background:rgba(255,251,240,.9)}
.log-row pre{white-space:pre-wrap;word-break:break-word;background:rgba(246,251,255,.9);border-radius:12px;padding:12px;margin:10px 0 0;color:#40566f;max-height:360px;overflow:auto}
.auto-reply-panel{border-color:rgba(102,204,255,.28);background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(239,249,255,.88));}
.notice-line{padding:8px 10px;border-bottom:1px dashed rgba(82,137,174,.18);color:#55728a;line-height:1.6;}
.notice-line:last-child{border-bottom:0;}

/* V9.2.1 plugin host, UI studio and global folding */
.module-hero{background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(230,248,255,.76)),radial-gradient(circle at 78% 18%,rgba(102,204,255,.32),transparent 32%);border:1px solid rgba(102,164,204,.24)}
.module-list{display:grid;gap:14px}.module-card{background:rgba(255,255,255,.82);border:1px solid rgba(102,164,204,.20);border-radius:18px;padding:16px;box-shadow:0 10px 28px rgba(57,105,139,.08)}.module-card h3{margin:6px 0 8px;color:#21495d}.module-card p{color:#536b7e;line-height:1.8;margin:8px 0}.module-meta{font-size:12px;color:#7a8d9c}
#pluginNav{display:flex;gap:8px;align-items:center}
.collapsible-title{display:flex!important;align-items:center;justify-content:space-between;gap:12px}
.collapse-toggle{margin-left:auto;padding:5px 10px;font-size:12px;border-radius:999px;background:#eef9ff!important;color:#2a85ac!important;border:1px solid rgba(102,164,204,.28)!important;box-shadow:none!important}
.collapsible-panel.collapsed > :not(.panel-title):not(.collapsible-title):not(h1):not(h2){display:none!important}
.collapsible-panel.collapsed .panel-title > :not(.collapse-toggle),
.collapsible-panel.collapsed h1 > :not(.collapse-toggle),
.collapsible-panel.collapsed h2 > :not(.collapse-toggle){display:inline!important}
.code-block{white-space:pre-wrap;background:#f6fcff;border:1px solid rgba(102,164,204,.22);border-radius:14px;padding:14px;color:#40566f;overflow:auto}
.chat-auto-panel{margin-top:12px;padding:12px;background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(239,249,255,.86));border:1px solid rgba(102,164,204,.20);border-radius:18px}

/* Clean V9.2.1 layout overrides */
#app{max-width:1500px}
.layout-3{grid-template-columns:minmax(220px,1.2fr) minmax(0,2.2fr) minmax(220px,1fr);align-items:start}
.layout-3>aside{position:sticky;top:84px}
.ui-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);gap:20px;align-items:start}
.ui-preview-card{position:sticky;top:84px;color:#223142;background:#f6fbff;transition:background-color .2s,border-color .2s,border-radius .2s}
.ui-preview-card h2{margin:8px 0;color:#21495d}.ui-preview-kicker{font-size:12px;font-weight:900;letter-spacing:.08em;color:var(--preview-blue,#2d91bb)}
.ui-preview-pills{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.ui-preview-pills span{border:1px solid var(--preview-blue,#66CCFF);border-radius:999px;padding:5px 10px;font-size:13px}
.css-editor{min-height:300px;font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:13px;line-height:1.7;tab-size:2}
.settings-subtitle{margin-top:18px}.warning-note{color:#a85c22;background:#fff8e8;border:1px solid #f0d49c;border-radius:12px;padding:9px 11px}
.context-note{margin:14px 0;padding:12px 14px;border-left:4px solid var(--blue);border-radius:12px;background:rgba(102,204,255,.1);color:#38566a}.context-note p{margin:5px 0 0;white-space:pre-wrap}.reading-left{min-width:0}
.backup-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px;border:1px solid rgba(102,164,204,.2);border-radius:14px;background:rgba(255,255,255,.7)}.backup-row a{min-width:0;display:grid}.backup-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.backup-row small{color:var(--muted)}.backup-row button{padding:7px 10px}
.toast-host{position:fixed;right:18px;bottom:18px;z-index:2000;width:min(420px,calc(100vw - 36px));display:grid;gap:10px}.toast{padding:12px 14px;border-radius:14px;background:#fff7f8;color:#8f334a;border:1px solid rgba(210,80,110,.28);box-shadow:0 14px 38px rgba(57,80,100,.2);white-space:pre-wrap;word-break:break-word}.toast.success{background:#effcf7;color:#24684e;border-color:rgba(40,150,105,.25)}
@media(max-width:1100px){.layout-3{grid-template-columns:minmax(220px,1.2fr) minmax(0,2.2fr)}.layout-3>aside:first-child{order:initial;position:sticky;top:84px}.layout-3>aside:last-child{display:none}.ui-editor-layout{grid-template-columns:1fr}.ui-preview-card{position:static}}
@media(max-width:760px){.layout-3{grid-template-columns:1fr}.layout-3>aside:first-child{position:static;order:2}.layout-3>main{order:1}.ui-editor-layout{grid-template-columns:1fr}}
@media(max-width:640px){
  .topbar{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}
  .brand{overflow:hidden;text-overflow:ellipsis}
  .login-box{margin-left:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto}
  #accountSwitcher{max-width:none;min-width:0}
  .account-row{align-items:stretch;flex-direction:column}
  .account-row>div:last-child{display:flex;flex-wrap:wrap;gap:8px}
  .account-row-left{align-items:flex-start;min-width:0}
  .backup-row{grid-template-columns:1fr}.backup-row button{width:100%}
  .ui-preview-card{min-width:0}.css-editor{min-height:220px}
}

/* V10 */
.collapsible-panel.collapsed>*{display:revert!important}.collapse-toggle{display:none!important}
.post-title-row{display:flex;justify-content:space-between;gap:16px;align-items:start}.comment-workspace{height:clamp(480px,72dvh,780px);margin-top:18px;padding:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.comment-workspace>.comment-header{padding:16px 18px 12px;margin:0;border-bottom:1px solid var(--line);background:rgba(255,255,255,.92)}.comment-scroll-region{min-height:0;overflow-y:auto;overflow-x:hidden;padding:8px 18px 24px;scrollbar-gutter:stable;overscroll-behavior:contain;background:rgba(247,252,255,.64)}.comment-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;padding:12px 16px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:rgba(255,255,255,.96);box-shadow:0 -10px 30px rgba(57,105,139,.08)}.comment-composer textarea{min-height:52px;max-height:150px;resize:vertical}.comment-composer button{height:44px}
.post-cover-preview{width:100%;max-height:280px;object-fit:cover;border-radius:16px;border:1px solid var(--line);margin:10px 0}.v10-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;align-items:start}.layout-module{min-width:0}.width-narrow{grid-column:span 4}.width-half{grid-column:span 6}.width-wide{grid-column:span 8}.width-full{grid-column:1/-1}.layout-cards{display:grid;gap:10px;margin:16px 0}.layout-card{display:grid;grid-template-columns:minmax(150px,1fr) 160px auto auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.78)}.layout-studio{margin-top:20px}
.resident-grid,.scene-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:20px}.resident-card{display:grid;gap:14px}.world-state{border-left:4px solid var(--blue);padding:10px 14px;background:rgba(102,204,255,.1);border-radius:12px}.resident-card details{padding:10px;border:1px solid var(--line);border-radius:12px}.scene-card.active{outline:3px solid var(--blue);outline-offset:2px}.scene-preview{height:190px;background:linear-gradient(135deg,#dff6ff,#fff);background-position:center;background-size:cover;border-radius:14px}.ambient-toggle{white-space:nowrap;padding:7px 10px}.has-scene{background:linear-gradient(rgba(246,251,255,var(--scene-overlay,.32)),rgba(246,251,255,.82)),var(--scene-image),var(--bg)!important;background-position:center!important;background-size:cover!important;background-attachment:fixed!important}.has-scene .panel,.has-scene .video-card{background:rgba(255,255,255,.86)}.scene-background-video{display:none;position:fixed;inset:-2%;width:104%;height:104%;object-fit:cover;filter:blur(var(--scene-blur,0));z-index:-3}.has-scene-video .scene-background-video{display:block}.has-scene-video{background:linear-gradient(rgba(246,251,255,var(--scene-overlay,.32)),rgba(246,251,255,.82))!important}.chat-room{height:calc(100dvh - 120px);min-height:520px;max-height:900px}.chat-messages{min-height:0;overscroll-behavior:contain;scrollbar-gutter:stable}
@media(max-width:1100px){.width-narrow,.width-half{grid-column:span 6}.width-wide,.width-full{grid-column:1/-1}}
@media(max-width:700px){.v10-layout{grid-template-columns:1fr}.width-narrow,.width-half,.width-wide,.width-full{grid-column:1/-1}.comment-workspace{height:calc(100dvh - 118px);min-height:460px;max-height:760px}.comment-composer{grid-template-columns:1fr}.comment-composer button{width:100%}.post-title-row{display:grid}.layout-card{grid-template-columns:1fr 110px}.resident-grid,.scene-grid{grid-template-columns:1fr}.ambient-toggle{width:100%}}