/* Classic Qzone V8-inspired 2016 skin. Existing story and interaction IDs are retained. */
:root{--ink:#333;--muted:#999;--blue:#26709a;--line:#e5e5e5;--shadow:none;--bg:#e9eef3}
body{background:#e9eef3;font:12px/1.65 Tahoma,Arial,'宋体',SimSun,sans-serif;color:#333}
button,input,textarea{font:inherit}button{font-weight:400}button:focus-visible,a:focus-visible{outline:2px solid #1685d5;outline-offset:2px}
.topbar{height:41px;background:#3e83b5;box-shadow:none;border-bottom:1px solid #3175a7;position:relative}
.topbar-inner{width:min(1040px,100%);padding:0 10px;gap:35px}.brand{gap:5px}.brand strong{font:italic bold 21px Arial,'Microsoft YaHei',sans-serif;letter-spacing:-1px}.brand-star{width:30px;height:30px;color:#ffcc28;background:none;font-size:33px;border-radius:0;box-shadow:none;line-height:1}
.global-nav{display:flex;align-self:stretch}.global-nav button{background:none;border:0;border-left:1px solid #ffffff08;color:#fff;padding:0 17px}.global-nav button:hover,.global-nav button.active{background:#3074a6}
.top-right{gap:16px;font-size:12px}.top-right button{border:0;background:none;color:#fff;font-size:17px;padding:0 3px}.top-user{max-width:90px;overflow:hidden;text-overflow:ellipsis}
.shell{max-width:1040px;padding:0 10px 36px}.hero{height:270px;border-radius:0;box-shadow:none;background:radial-gradient(ellipse at 72% 6%,#83b7db80,transparent 36%),linear-gradient(150deg,#254a76,#5886ac 58%,#a3b8c8);overflow:hidden}
.hero:before{background:radial-gradient(circle at 71% 22%,#fff9 0 1px,transparent 2px),radial-gradient(circle at 57% 12%,#fff9 0 1px,transparent 2px),radial-gradient(circle at 90% 33%,#fff8 0 1px,transparent 2px),radial-gradient(circle at 81% 13%,#fff9 0 1px,transparent 2px),radial-gradient(circle at 41% 27%,#fff6 0 1px,transparent 2px),linear-gradient(0deg,#19365055,transparent 65%);pointer-events:none}
.hero:after{content:'';position:absolute;width:75%;height:170px;right:-8%;bottom:-116px;border-radius:50%;background:#d7e8f13b;box-shadow:-150px -14px 0 15px #d7e8f118;pointer-events:none}
.hero-content{padding:29px 30px}.hero h1{font:24px/1.5 'Microsoft YaHei',sans-serif;letter-spacing:1px;margin:0 0 5px;text-shadow:1px 2px 2px #1b3b6070}.hero p{font-size:12px;letter-spacing:0;color:#f2f7fa}.space-address{margin-top:8px;color:#e2edf5;font-size:11px}
.cover-person{position:absolute;left:30px;bottom:20px;display:flex;align-items:flex-end;gap:18px;z-index:1}.cover-person>img{width:120px;height:120px;border:4px solid #fff;border-radius:0;object-fit:cover;box-shadow:0 1px 5px #18334d77}.cover-person-info{padding-bottom:9px;color:#fff}.cover-person-info>strong{font:bold 20px 'Microsoft YaHei',sans-serif;text-shadow:0 1px 2px #234}.diamond{font-size:24px;color:#ffd528;margin-left:13px;text-shadow:0 1px #be8f00}.space-level{font-size:17px;color:#ffd729;margin-top:5px;letter-spacing:2px}.space-level span{font-size:12px;color:#e9f3fc;letter-spacing:0}
.cover-actions{position:absolute;right:24px;bottom:29px;display:flex;gap:8px;z-index:1}.cover-actions button{background:#ffffffed;border:1px solid #b1c6d8;color:#445c72;padding:5px 14px;border-radius:2px}.hero-secret{border-radius:2px;border-color:#ffffff4d;background:#ffffff1c;top:16px;right:18px;width:26px;height:26px}
.main-nav{height:51px;background:#fff;border:1px solid #d5dfe8;border-top:0;gap:0;padding-left:21px;margin-left:0;overflow-x:auto;scrollbar-width:thin}.nav-btn{color:#333;font-size:14px;font-weight:400;padding:0 19px;white-space:nowrap;flex-shrink:0}.nav-btn:hover,.nav-btn.active{color:#2878ad;background:#f7fafc}.nav-btn.active:after{height:3px;background:#54a4d9;border-radius:0;left:13px;right:13px;bottom:0}
.space-breadcrumb{height:40px;display:flex;align-items:center;justify-content:space-between;color:#7c8b97;font-size:12px;padding:0 2px}.breadcrumb-arrow{margin:0 8px;color:#a1aeb8}
.content{grid-template-columns:180px minmax(0,1fr) 230px;gap:12px;margin-top:0}.panel{border:1px solid #d8e1e8;border-radius:0;box-shadow:none}.center-panel{background:transparent;border:0;min-height:550px;min-width:0}.left-panel{background:#fff}.profile-cover{display:none}.profile-inner{padding:15px 13px}.profile-name{font-size:14px;margin:0 0 6px;font-weight:bold}.nickname{font-size:12px;font-weight:400;color:#777}.motto{font-size:12px;color:#777;margin-top:8px}.person-switch{display:block;margin-top:13px}.person-switch button{display:block;width:100%;border:1px solid #d9e5ee;border-radius:2px;background:#f7fafc;text-align:left;padding:6px 8px;font-weight:400;margin-top:6px}.person-switch button.selected{background:#eaf3f9;border-color:#b9d3e5;font-weight:bold;color:#26729c}
.profile-stats{padding-top:10px;margin-top:13px}.profile-stat strong{font-size:18px;font-family:Arial;font-weight:400;color:#444}.profile-stat span{font-size:12px;color:#999}.tiny-divider{margin:14px 0}.side-title{font-size:12px;font-weight:bold;margin:0 0 10px}.side-title small{font-size:11px;color:#999}.special-row{gap:8px;padding:2px 0;border-radius:0}.special-row img{border-radius:0;border:0;box-shadow:none;width:36px;height:36px}.special-row small{font-size:10px}.side-notecard{background:#f5f9fc;border:0;border-radius:0;padding:10px}.side-notecard:before{display:none}.side-notecard strong{font:12px Tahoma,SimSun;color:#467b9c;letter-spacing:0}.side-notecard p{font:12px/1.9 Tahoma,SimSun;color:#777}
.section-head{padding:12px 15px;background:#fff;border:1px solid #d8e1e8;min-height:55px}.section-head h2{font-size:14px;font-weight:bold}.section-head p{color:#999;font-size:11px;margin-top:3px}.mini-btn{border:1px solid #d5dee5;border-radius:2px;background:#f9fafb;color:#527792;padding:4px 8px;font-size:12px}.filterbar{padding:0 15px;gap:22px;background:#fff;border:1px solid #d8e1e8;border-top:0;min-height:39px;align-items:center;margin-bottom:12px}.chip{background:none;border:0;border-radius:0;padding:10px 0;color:#777;position:relative}.chip.selected{color:#26709a;background:none;border:0;font-weight:bold}.chip.selected:after{position:absolute;content:'';height:2px;background:#59a6d9;bottom:0;left:0;right:0}
.post{background:#fff;border:1px solid #d8e1e8;margin-bottom:12px;padding:17px 18px 0}.post-author{gap:10px}.post-author img{border-radius:0;width:40px;height:40px}.author-name{font-size:13px;color:#26709a;font-weight:bold}.post-date{font-size:12px;color:#999}.post-text{font:14px/1.8 Tahoma,'Microsoft YaHei',sans-serif;color:#333;margin:13px 0}.post-image{width:auto;max-width:100%;max-height:360px;border-radius:0;border:0;object-fit:contain}.post-image.contain{width:100%;height:300px;background:#f4f4f4}.post-quick{border-top:1px solid #f0f0f0;margin-top:14px;padding:9px 0;font-size:11px}.post-actions{gap:22px}.post-action{color:#6d8799;font-size:12px;padding:0}.post-action.liked{color:#328cc1}.comments{border-top:1px solid #e9eef2;background:#f7f9fb;border-radius:0;margin:0 -18px;padding:10px 18px 14px;line-height:1.8}.comment-line{gap:0;padding:2px 0;line-height:1.8}.comment-line+.comment-line{margin-top:2px}.comment-name,.comment-mention{font-weight:400;color:#26709a}.comment-line .comment-body{color:#555}.comment-reply{font-size:12px;color:#26709a;margin-left:6px}.comment-form{border:0;padding:0;margin-top:9px;gap:6px}.comment-input{padding:6px 8px;border:1px solid #d7e0e7;border-radius:0;background:#fff}.comment-submit{border-radius:2px;background:#5ba8d3;border:1px solid #479ac9;padding:4px 10px;font-size:12px}.secret-inline{color:#a98b50}
.right-panel .panel-pad{padding:0}.right-card{padding:13px!important;margin:0!important;border-bottom:1px solid #e2e8ed;border-top:0!important}.right-card:last-child{border-bottom:0}.thumb-grid{gap:6px}.thumb-btn{border-radius:0;aspect-ratio:1.15}.thumb-btn img{transition:none}.thumb-btn:hover img{transform:none}.thumb-btn span{font-size:10px}.quote{font-size:12px;line-height:1.9;color:#888}.secret-open{border-radius:2px;padding:7px;font-weight:400}.secret-progress{gap:4px;margin:10px 0}.secret-mark{height:5px;border-radius:0}
.visitor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px 5px}.visitor-grid button{border:0;background:none;padding:0;min-width:0;color:#26709a;font-size:11px;text-align:center}.visitor-grid img,.visitor-icon{width:48px;height:48px;object-fit:cover;margin:0 auto 3px;border-radius:0}.visitor-icon{display:grid;place-items:center;background:#c2d6e3;color:#fff;font:22px 'Microsoft YaHei'}.visitor-grid small{display:block;color:#aaa;font-size:10px}.visitor-caption{font-size:10px;color:#aaa;margin:11px 0 0}
.album-grid{background:#fff;padding:16px;gap:14px}.album-card{border-radius:0;border:1px solid #d6dfe6;box-shadow:none;padding:5px;transition:none}.album-card:hover{transform:none;box-shadow:none;border-color:#81b5d5}.album-card img{height:170px}.album-info{padding:8px 3px}.album-info strong{font-size:12px;font-weight:400;color:#26709a}.album-intro{background:#fff;padding:13px 16px 0;color:#888}.album-stats{border-radius:0;background:none;font-size:12px}.album-inner-button{border-radius:0;margin:0;width:100%;background:#fffdf6}.guestbook{background:#fff;padding:16px}.guest-entry img{width:40px;height:40px;border-radius:0}.guest-entry strong{font-size:12px;font-weight:400;color:#26709a}.guest-entry time{font-size:11px}.guest-entry p{color:#555}.write-guest{border:1px solid #dbe4eb;border-radius:0;background:#f8fafb;padding:12px}.write-guest input,.write-guest textarea{border-radius:0;padding:8px}.primary-btn{border:1px solid #479ac9;background:#5ba8d3;box-shadow:none;border-radius:2px;font-weight:400;padding:5px 14px}
.chat-layout{border:1px solid #d8e1e8;border-top:0;grid-template-columns:130px minmax(0,1fr)}.chat-top{font-size:11px}.chat-session{padding:10px 8px}.chat-session .chat-icon{display:none}.chat-session strong{font-size:12px;font-weight:400}.chat-header img,.message img{border-radius:2px}.chat-header strong{font-size:13px}.bubble{font-size:12px;border-radius:2px 8px 8px 8px;box-shadow:none}.compose-row input{border-radius:0;font-size:12px}.chat-decor{font-size:10px;background:#fff;border:1px solid #d8e1e8;border-top:0;padding:9px}
.classic-body{padding:20px;background:#fff;border:1px solid #d8e1e8;border-top:0;min-height:380px}.profile-detail{display:grid;grid-template-columns:85px 1fr;gap:14px;font-size:12px;margin:0}.profile-detail dt{color:#999;text-align:right}.profile-detail dd{margin:0;color:#555}.journal-entry{border-bottom:1px dotted #cbd6df;padding:0 0 20px;margin-bottom:22px}.journal-entry h3{font-size:16px;color:#26709a;margin:0 0 6px;font-weight:400}.journal-entry time{color:#aaa;font-size:11px}.journal-entry p{line-height:2;color:#555}.timeline-list{padding-left:17px;border-left:2px solid #d1e3ef}.timeline-item{position:relative;margin-bottom:24px}.timeline-item:before{content:'';position:absolute;left:-23px;top:5px;width:10px;height:10px;border-radius:50%;border:2px solid #fff;background:#63a7cf}.timeline-item time{color:#26709a;font-size:12px}.timeline-item p{white-space:pre-line;margin:6px 0;font-size:12px;line-height:1.9}
.footer{max-width:1040px;color:#8996a1;font-size:11px;letter-spacing:0;padding:0 15px 45px;line-height:2}.music-dock{width:285px;border:1px solid #c4d5e1;border-radius:2px;box-shadow:0 2px 8px #2343;backdrop-filter:none;bottom:10px;right:10px}.music-bar{padding:7px 10px;background:#468abd}.music-disc{width:24px;height:24px;border-width:3px}.music-copy strong{font-size:11px;font-weight:400}.music-copy small{font-size:10px}.music-panel iframe{border-radius:0}.music-play{border-radius:2px}.modal-wrap{backdrop-filter:none}.modal{border-radius:3px}.modal-close{border-radius:2px}.hint-toast{border-radius:2px;font-size:12px}
@media(max-width:1000px) and (min-width:701px){.content{grid-template-columns:170px minmax(0,1fr) 190px;gap:10px}.right-panel{display:block}.nav-btn{padding:0 15px}.global-nav button{padding:0 12px}.topbar-inner{gap:20px}.visitor-grid img,.visitor-icon{width:42px;height:42px}.post{padding:15px 14px 0}.comments{margin:0 -14px;padding:10px 14px}.cover-person>img{width:105px;height:105px}.hero{height:255px}}
@media(max-width:850px) and (min-width:701px){.content{grid-template-columns:160px minmax(0,1fr)}.right-panel{display:block;grid-column:1}.center-panel{grid-column:2;grid-row:1/span 2}.nav-btn{padding:0 13px}.top-right{gap:9px}.right-panel .thumb-grid{grid-template-columns:1fr 1fr}.visitor-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.topbar{height:40px}.topbar-inner{padding:0 10px;gap:14px}.brand strong{font-size:19px}.brand-star{width:25px;height:25px;font-size:29px}.global-nav{gap:0}.global-nav button{padding:0 8px;font-size:11px}.global-nav button:nth-child(n+3){display:none}.top-right{display:flex;gap:10px}.top-user,.top-right>span:last-child{display:none}.top-right button{font-size:16px}.shell{padding:0 0 20px}.hero{height:220px;border-radius:0}.hero-content{padding:20px}.hero h1{font-size:20px;letter-spacing:0}.hero p{font-size:11px}.space-address{font-size:10px}.cover-person{left:18px;bottom:18px;gap:12px}.cover-person>img{width:84px;height:84px;border-width:3px}.cover-person-info{padding-bottom:4px}.cover-person-info>strong{font-size:17px}.diamond{font-size:19px;margin-left:7px}.space-level{font-size:12px}.space-level span{font-size:10px}.cover-actions{right:12px;bottom:22px}.cover-actions button{padding:4px 9px;font-size:11px}.cover-actions button:first-child{display:none}.main-nav{height:45px;padding-left:3px;margin:0;border-left:0;border-right:0}.nav-btn{padding:0 14px;font-size:13px}.nav-btn.active:after{left:8px;right:8px}.space-breadcrumb{padding:0 10px;height:33px;font-size:10px}.content{display:flex;flex-direction:column;gap:10px;margin:0 8px}.left-panel,.center-panel,.right-panel{width:100%;min-width:0}.left-panel{margin:0}.profile-inner{padding:9px 11px}.profile-name,.nickname,.motto,.profile-stats,.left-panel .tiny-divider,.left-panel .side-title,.special-row,.side-notecard{display:none}.person-switch{display:flex;gap:8px;margin:0}.person-switch button{display:block;width:50%;margin:0;padding:6px 8px;font-size:12px;text-align:center}.center-panel{min-height:0}.section-head{padding:10px 12px;min-height:50px}.section-head h2{font-size:13px}.section-head p{font-size:10px;max-width:220px}.section-head .mini-btn{font-size:10px;padding:4px 6px}.filterbar{padding:0 12px;margin-bottom:10px}.post{padding:14px 12px 0;margin-bottom:10px}.post-author img{width:38px;height:38px}.post-text{font-size:14px;line-height:1.85}.post-date{font-size:11px}.post-image{max-height:360px}.comments{margin:0 -12px;padding:9px 12px 12px}.post-quick{font-size:10px}.comment-line{font-size:12px;line-height:1.9}.comment-reply{font-size:11px}.right-panel{display:block}.right-panel .panel-pad{display:grid;grid-template-columns:1fr 1fr}.right-card{min-width:0;border-right:1px solid #e2e8ed}.right-card:last-child{grid-column:1/-1}.visitor-grid{grid-template-columns:repeat(3,1fr);gap:7px 3px}.visitor-grid img,.visitor-icon{height:38px;width:38px}.visitor-grid button{font-size:10px}.visitor-grid small{font-size:9px}.album-grid{padding:10px;gap:10px}.album-card img{height:160px}.chat-layout{grid-template-columns:98px minmax(0,1fr)}.chat-session{padding:10px 5px}.chat-session strong{font-size:11px}.chat-window{padding:14px 8px}.bubble{max-width:80%;font-size:12px}.guestbook{padding:12px}.guest-entry{gap:9px}.guest-entry time{display:block;margin:1px 0}.guest-control{flex-wrap:wrap;justify-content:space-between}.guest-sync{font-size:10px}.classic-body{padding:16px}.music-dock,.music-dock:not(.open){width:230px}.music-bar{padding:6px 9px}.music-panel iframe{max-height:150px}.footer{padding-bottom:55px}}
@media(prefers-reduced-motion:reduce){.music-disc{animation:none}}
.initial-avatar{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;background:#729bbb;color:#fff;font:20px 'Microsoft YaHei',sans-serif;border:1px solid #fff;box-shadow:inset 0 -7px #00000010}
.initial-avatar.moon{background:linear-gradient(135deg,#9a8ec8,#5a73ad)}
.initial-avatar.jay{background:linear-gradient(135deg,#d8a47a,#b47451)}
.initial-avatar.fang{background:linear-gradient(135deg,#77ad92,#418879)}
.initial-avatar.fan{background:linear-gradient(135deg,#7eb1c9,#4b85ac)}
.visitor-grid img,.visitor-grid .initial-avatar{width:48px;height:48px;object-fit:cover;margin:0 auto 3px;border-radius:0}
.visitor-grid .initial-avatar{display:grid;font-size:21px}
.comment-line{display:flex;align-items:center;gap:4px}
.comment-line .comment-avatar{width:19px;height:19px;object-fit:cover;margin-right:3px;font-size:11px;box-shadow:none;border:0}
.guest-entry .guest-avatar{width:40px;height:40px;flex-shrink:0}
.comments-guest-link{background:none;border:0;border-top:1px solid #e4eaf0;color:#26709a;width:100%;text-align:left;padding:9px 0 0;margin-top:10px;cursor:pointer}
.comments-guest-link:hover{text-decoration:underline}
.chat-archive-notice{background:#f6f9fc;color:#8495a3;font-size:11px;padding:11px 15px;border-top:1px solid #e6eef5}
.chat-archive-notice button{background:none;border:0;padding:0;color:#26709a;text-decoration:underline}
@media(max-width:700px){.visitor-grid img,.visitor-grid .initial-avatar{height:38px;width:38px}}
@media(max-width:700px){.section-head:has(.guest-sync){flex-wrap:wrap;gap:8px}.section-head:has(.guest-sync)>div:last-child{width:100%;justify-content:space-between!important}.section-head:has(.guest-sync) .mini-btn{white-space:nowrap}.main-nav{scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}}