:root{--ink:#1A1D26;--muted:#5F6B7A;--line:#E6EBF0;--paper:#F4F6F9;--cream:#EEF5FC;--orange:#1A7DD4;--orange2:#155FA0;--green:#0D9488}.brand b,.mini-brand{box-shadow:0 8px 20px #1a7dd438}.sidebar nav button.active{background:#EEF5FC}.multi{background:linear-gradient(145deg,#155FA0,#1A7DD4)}.bottom-nav{grid-template-columns:repeat(4,1fr)!important}.mini-page{width:min(760px,100%);min-height:calc(100vh - 78px);margin:0 auto;background:#F4F6F9}.standard-page,.mine-page{padding:26px 18px 100px}.broker-strip{height:38px;padding:9px 15px;background:#EEF5FC;color:#155FA0;font-size:12px}.filter-bar{height:52px;background:#fff;border-bottom:1px solid #E6EBF0;display:grid;grid-template-columns:repeat(4,1fr);position:relative;z-index:2}.filter-bar button{border:0;background:#fff;color:#374151;font-size:13px}.video-stage{height:calc(100vh - 168px);min-height:560px;background:#101820;position:relative;overflow:hidden}.video-poster{position:absolute;inset:0;background:linear-gradient(160deg,#adc8df,#345b73 58%,#172633);display:grid;place-items:center}.video-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 52%,#000b)}.video-building{width:70%;height:70%;position:absolute;bottom:0;display:flex;align-items:end;justify-content:center;gap:6px}.video-building i{display:block;width:30%;height:78%;background:repeating-linear-gradient(to bottom,#e9eef0 0 17px,#5b6d75 18px 21px);border:5px solid #334850}.video-building i:nth-child(2){height:100%}.video-building i:nth-child(3){height:65%}.play{width:66px;height:66px;border:1px solid #ffffffb8;border-radius:50%;background:#ffffff2a;color:#fff;font-size:26px;z-index:1}.video-side{position:absolute;right:13px;bottom:150px;z-index:2;display:grid;gap:14px}.video-side button{width:48px;border:0;background:transparent;color:#fff;font-size:25px;text-shadow:0 2px 6px #000}.video-side small{display:block;font-size:10px}.video-info{position:absolute;left:18px;right:72px;bottom:18px;z-index:2;color:#fff}.video-info h2{font-size:19px;margin:0 0 9px}.video-info p{display:flex;gap:8px;align-items:center;margin:0 0 13px}.video-info p span{font-size:11px;padding:4px 7px;background:#ffffff24;border-radius:5px}.video-info p b{color:#ffd17d}.video-info>button{border:0;border-radius:999px;background:#1A7DD4;color:#fff;padding:10px 18px;font-weight:700}.page-header{display:flex;align-items:center;justify-content:space-between;margin:3px 2px 18px}.page-header h1{margin:0;font-size:25px}.page-header p{margin:4px 0 0;color:#98A2B3;font-size:12px}.round-add{width:42px;height:42px;border:0;border-radius:50%;background:#1A7DD4;color:#fff;font-size:22px}.text-btn{border:0;background:transparent;color:#1A7DD4}.mini-search{height:43px;border:1px solid #E6EBF0;border-radius:13px;background:#fff;display:flex;align-items:center;gap:8px;padding:0 13px;margin-bottom:13px}.mini-search input{border:0;outline:0;flex:1}.house-filter,.message-tabs{display:flex;gap:8px;overflow:auto;margin-bottom:14px}.house-filter button,.message-tabs button{white-space:nowrap;border:0;border-radius:999px;background:#fff;color:#6B7280;padding:8px 14px}.house-filter button.active,.message-tabs button.active{background:#1A7DD4;color:#fff}.house-list{display:grid;gap:12px}.house-card{border:0;border-radius:15px;background:#fff;padding:0;overflow:hidden;display:grid;grid-template-columns:115px 1fr 18px;align-items:center;text-align:left;box-shadow:0 2px 14px #0000000a}.house-cover{height:122px;background:linear-gradient(#c7dcee,#7d9eb6);position:relative}.house-cover:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:75px;background:repeating-linear-gradient(to bottom,#edf2f4 0 13px,#587080 14px 17px);border:4px solid #4e6675;border-bottom:0}.house-cover span{position:absolute;left:8px;top:8px;background:#fff;color:#0FA47A;padding:4px 7px;border-radius:5px;font-size:9px;z-index:2}.color-2{background:linear-gradient(#d7dce9,#8b96ad)}.color-3{background:linear-gradient(#e5d4c3,#a98b70)}.house-copy{padding:12px}.house-copy small{color:#98A2B3}.house-copy h3{margin:4px 0}.house-copy p{font-size:12px;color:#5F6B7A;margin:0 0 8px}.house-copy strong{color:#DC4A4A}.house-copy i{font-size:10px;font-style:normal;font-weight:400}.message-list{background:#fff;border-radius:14px;overflow:hidden}.message-list>button{width:100%;min-height:78px;border:0;border-bottom:1px solid #F0F2F5;background:#fff;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:11px;padding:12px 14px;text-align:left;position:relative}.message-list strong,.message-list small{display:block}.message-list small{color:#98A2B3;margin-top:5px}.message-list time{color:#98A2B3;font-size:10px}.message-list i{position:absolute;right:13px;bottom:9px;background:#DC4A4A;color:#fff;border-radius:99px;padding:2px 5px;font-size:8px}.message-icon{width:42px;height:42px;border-radius:12px;background:#EEF5FC;color:#1A7DD4;display:grid;place-items:center;font-weight:700}.icon-1{background:#E8F7F4;color:#0D9488}.icon-2{background:#FFF5E5;color:#D98B1A}.icon-3{background:#F1EEFB;color:#7C3AED}.identity-card{margin-bottom:20px;padding:19px;background:linear-gradient(160deg,#F0F7FD,#fff);border:1px solid #E0EBF5;border-radius:16px;display:grid;grid-template-columns:58px 1fr auto;gap:13px;align-items:center}.user-avatar{width:56px;height:56px;border-radius:50%;background:#D0E3F4;color:#1A7DD4;display:grid;place-items:center;font-size:23px;font-weight:700}.identity-card h2{margin:0}.identity-card p{margin:3px 0;color:#98A2B3;font-size:11px}.identity-card b{font-size:10px;color:#1A7DD4;background:#1A7DD419;padding:3px 6px;border-radius:4px}.identity-card>button{border:0;background:#fff;border-radius:50%;width:36px;height:36px}.identity-card footer{grid-column:1/-1;border-top:1px solid #E0EBF5;padding:11px 0 0;text-align:left;color:#6B7D95}.identity-card footer span{float:right;color:#1A7DD4}.mine-section{margin-bottom:20px}.mine-section h3,.menu-group h3{font-size:14px;margin:0 0 10px}.common-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.common-grid button{border:0;border-radius:13px;background:#fff;padding:14px 3px;color:#1A1D26;font-size:11px}.common-grid span{width:38px;height:38px;margin:0 auto 7px;border-radius:11px;background:#EEF5FC;color:#1A7DD4;display:grid;place-items:center;font-weight:700}.stat-scroll{display:flex;gap:7px;overflow:auto}.stat-scroll button{flex:0 0 85px;min-height:82px;border:0;border-radius:12px;background:#fff}.stat-scroll strong,.stat-scroll small{display:block}.stat-scroll strong{font-size:22px;color:#1A7DD4}.stat-scroll small{color:#6B7280;margin-top:5px}.menu-group{margin-bottom:18px}.menu-group>div{background:#fff;border-radius:14px;overflow:hidden}.menu-group button{width:100%;height:54px;border:0;border-bottom:1px solid #F0F2F5;background:#fff;display:flex;align-items:center;gap:11px;padding:0 14px;text-align:left}.menu-group button b{margin-left:auto;color:#C8CDD4}.menu-icon{width:30px;height:30px;border-radius:9px;background:#F4F7FB;color:#1A7DD4;display:grid;place-items:center;font-size:11px}.sheet-mask{position:fixed;inset:0;background:#0006;z-index:80}.filter-sheet{position:absolute;left:0;right:0;top:65px;background:#fff;border-radius:0 0 18px 18px;padding:20px}.filter-sheet h3{margin:0 0 15px}.chip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.chip-grid button{border:1px solid #E6EBF0;background:#F8FAFC;border-radius:9px;padding:10px}.chip-grid button.active{color:#1A7DD4;border-color:#1A7DD4;background:#EEF5FC}.filter-sheet footer{display:grid;grid-template-columns:1fr 2fr;gap:10px;padding:20px 0 0}.filter-sheet footer button{border:0;border-radius:999px;padding:11px}.filter-sheet .confirm{background:#1A7DD4;color:#fff}@media(min-width:721px){.mini-page{margin-top:24px;border-radius:18px;overflow:hidden;box-shadow:0 8px 35px #26394a10}.video-stage{height:720px;min-height:0}.standard-page,.mine-page{padding:30px}}