/* 正式大廳 v214：共用排版覆寫，保留原生控制節點與頭像框。 */
.tt-live-ui{font-family:'Tavern Numerals','TT Latin','TT Huninn',Seed,'Microsoft JhengHei',sans-serif;font-size:16px;color:#5e477a;padding:20px;background:rgba(40,25,39,.32);backdrop-filter:blur(3px)}
.tt-live-ui .panel{position:relative;inset:auto;transform:none;margin:auto;display:flex;flex-direction:column;width:min(790px,100%);max-width:790px;max-height:calc(100dvh - 40px);padding:0;overflow:hidden;isolation:isolate;animation:ttPanelIn .3s ease both}
.tt-live-ui .panel-head{flex:none;position:relative;padding:24px 30px 20px;z-index:2}
.tt-live-ui .panel-head .eyebrow{margin-left:0;font-size:11px}
.tt-live-ui .panel-head .heading{margin-top:8px}
.tt-live-ui .panel-head h1{font-size:32px;margin:0;line-height:1.35}
.tt-live-ui .title-chip{padding:5px 18px 8px 12px;display:inline-flex}
.tt-live-ui .panel-head p{font-size:15px;margin:12px 0 0;line-height:1.6}
.tt-live-ui .panel-head .outline-word{right:28px;top:35px;font-size:64px;max-width:65%;overflow:hidden;pointer-events:none}
.tt-live-ui .panel-head .close{top:17px;right:18px;width:34px;height:34px;z-index:3}
.tt-live-ui .panel-content{overflow-y:auto;overflow-x:hidden;min-height:0;flex:1;padding:24px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bdaecc transparent}
.tt-live-ui .panel-content>.gin{padding:0;overflow:visible;max-height:none}
.tt-live-ui .panel-footer{flex:none;position:relative;padding:14px 24px;font-size:12px;z-index:2}
.tt-live-ui .back-menu{background:none;border:0;border-bottom:1px solid currentColor;padding:4px 0;color:inherit;font:inherit}
.tt-live-ui .footer-mark{font-size:9px;letter-spacing:2px;opacity:.65}
.tt-live-ui .panel .geometry{pointer-events:none}
.tt-live-ui .panel h2{line-height:1.45}
.tt-live-ui .section-caption{margin:16px 0}
.tt-live-ui .feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:14px}
.tt-live-ui .feature-tile{position:relative;text-align:left;min-height:230px;padding:20px 16px;border:1px solid #bd97ba;border-radius:12px;background:linear-gradient(145deg,#fffaf0e8,#f1e3f3b0);box-shadow:0 4px #a8789838;overflow:hidden;color:#704764}
.tt-live-ui .feature-tile:nth-child(2){background:linear-gradient(145deg,#fff5dded,#e6e5f5bd)}
.tt-live-ui .feature-tile:nth-child(3){background:linear-gradient(145deg,#eef4dbe8,#d7edecbb)}
.tt-live-ui .feature-tile>img{display:block;width:50px;height:50px;margin:20px 0 14px;image-rendering:pixelated}
.tt-live-ui .feature-tile h2{font-size:21px;margin:0 0 7px}
.tt-live-ui .feature-tile p{font-size:13px;margin:0 0 17px;max-width:85%}
.tt-live-ui .feature-tile .vertical-word{position:absolute;right:9px;top:16px;writing-mode:vertical-rl;font-size:34px;line-height:1;font-weight:bold;color:transparent;-webkit-text-stroke:1px #ab83b45e;letter-spacing:2px}
.tt-live-ui .tile-number{font-size:11px;letter-spacing:2px}.tt-live-ui .tile-cta{display:inline-block;border:1px solid #c8accd;border-radius:20px;padding:6px 12px;font-size:13px;background:#fffa}
.tt-live-ui .menu-ribbon{margin:-24px -24px 20px;padding:11px 24px;background:#5f3d65;color:#fff;display:flex;gap:20px}.tt-live-ui .menu-ribbon span{font-size:10px;letter-spacing:1.5px;align-self:center}
.tt-live-ui .ach-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.tt-live-ui .ach{display:block;text-align:left;font:inherit;color:inherit;min-height:210px;position:relative}
.tt-live-ui .ach h2{font-size:23px}.tt-live-ui .ach p{font-size:14px}
.tt-live-ui .ach .badge-art img{max-width:100%;max-height:100%;image-rendering:pixelated}
.tt-live-ui .ach[aria-pressed=true]{outline:2px solid currentColor;outline-offset:-3px}
.tt-live-ui .ach[aria-pressed=true] .collect-state{animation:ttStamp .35s ease both}
.tt-live-ui .collection-cover{min-width:0}.tt-live-ui .collection-cover p{font-size:14px}
.tt-live-ui .purse-summary{min-height:170px;padding:20px 22px;overflow:hidden}
.tt-live-ui .wallet-balance strong{font-size:60px}.tt-live-ui .wallet-balance small,.tt-live-ui .body-note{font-size:15px}
.tt-live-ui .packages{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.tt-live-ui .package{min-height:156px;text-align:left;font:inherit;overflow:hidden}.tt-live-ui .package strong{font-size:31px}.tt-live-ui .tt-bonus{display:block;margin:7px 0;font-size:12px}
.tt-live-ui .text-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px}.tt-live-ui .text-btn{font:inherit;font-size:13px}
.tt-live-ui .tuning-layout{grid-template-columns:minmax(220px,.9fr) minmax(0,1.2fr);gap:20px}
.tt-live-ui .music-card,.tt-live-ui .tuning-controls{padding:18px;overflow:hidden;min-width:0}
.tt-live-ui .setRow{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}
.tt-live-ui .setT{font-size:18px;line-height:1.5;color:inherit}.tt-live-ui .setD{font-size:13px;line-height:1.7;color:inherit;opacity:.8;margin-top:3px}
.tt-live-ui .setL{min-width:0}.tt-live-ui .tgl{width:47px;min-width:47px;height:29px;border:1px solid #b8a9c8;background:#d8cde4;box-shadow:none;padding:3px;border-radius:20px}
.tt-live-ui .tgl i{width:21px;height:21px;top:3px;left:3px}.tt-live-ui .tgl.on{background:#8b77ae}.tt-live-ui .tgl.on i{left:21px}
.tt-live-ui .music-card .setRow{padding:17px 0;background:none;border:0;box-shadow:none;border-bottom:1px dashed #b8a9c866;border-radius:0}
.tt-live-ui #volRow{flex-direction:column;align-items:stretch}.tt-live-ui #volSl2{max-width:none!important;width:100%;flex:auto!important;accent-color:#8878ac;height:25px}
.tt-live-ui .quality-section{flex-direction:column;align-items:stretch}.tt-live-ui .fxSeg{display:flex;align-self:flex-start;padding:0;gap:6px;background:none;margin-top:4px}.tt-live-ui .fxSeg button{font-size:14px;min-height:40px;padding:7px 12px;border:1px solid #b9a8d0;border-radius:7px;background:#fff5;color:inherit}.tt-live-ui .fxSeg button.on{background:#8773a9;color:white;box-shadow:0 3px #6e5989}
.tt-live-ui .actions a{font-size:15px!important}.tt-live-ui .mail-message h2{font-size:30px}
.tt-live-ui .tt-mail-list>div{font-size:15px!important;background:#ffffff5c!important;border-color:#b3cfdd!important;color:#486b82!important}.tt-live-ui .tt-mail-list button{font-size:13px!important}
.tt-live-ui .tabs{display:flex;gap:10px;margin:0 0 20px}.tt-live-ui .tabs button{flex:1;border:1px solid #caaf9b!important;border-radius:8px!important;padding:11px 16px!important;background:#fff7!important;color:#956343!important;font-size:16px!important}
.tt-live-ui .tabs button.active{background:linear-gradient(120deg,#9d6446,#c28b62)!important;color:#fff!important}
.tt-live-ui .order{margin-bottom:18px;overflow:hidden}.tt-live-ui .order h2{font-size:21px}.tt-live-ui .order-top strong{font-size:23px;white-space:nowrap}.tt-live-ui .ticket-body{min-width:0;padding:20px 22px}.tt-live-ui .order-status{font-size:14px;line-height:1.7;margin:12px 0 17px}
.tt-live-ui .steps{margin:16px 0 24px}.tt-live-ui .steps span{font-size:13px}.tt-live-ui .steps span small{font-size:10px}.tt-live-ui .ticket-footer{margin-top:16px;display:flex;justify-content:flex-end;border-top:1px solid #a8794d20;padding-top:12px}
.tt-live-ui .ticket-identity{margin-left:auto}.tt-live-ui .ticket-barcode{stroke:none;fill:currentColor}
.tt-live-ui .tt-order-actions .order-reorder{display:inline-flex;align-items:center;gap:9px;min-height:32px;padding:5px 0;background:transparent;border:0;border-bottom:1px solid #b58c6b;border-radius:0;box-shadow:none;color:#95694e;font:inherit;font-size:12px;line-height:1.6;cursor:pointer;transform:none}
.tt-live-ui .tt-order-actions .order-reorder:hover{background:transparent;color:#774a32;border-bottom-color:currentColor;box-shadow:none;transform:none}
.tt-live-ui .tt-order-actions .order-reorder:focus-visible{outline:2px solid #95694e;outline-offset:4px}
.tt-live-ui .panel[data-view=orders] .order{margin-bottom:12px;min-height:0}
.tt-live-ui .panel[data-view=orders] .ticket-body{padding:15px 20px}
.tt-live-ui .panel[data-view=orders] .ticket-date{padding:20px 10px}
.tt-live-ui .panel[data-view=orders] .order h2{font-size:19px;line-height:1.4}
.tt-live-ui .panel[data-view=orders] .order-top strong{font-size:22px}
.tt-live-ui .panel[data-view=orders] .order-status{margin:8px 0 10px;font-size:13px}
.tt-live-ui .panel[data-view=orders] .steps{margin:10px 0 12px}
.tt-live-ui .panel[data-view=orders] .steps span{font-size:12px}
.tt-live-ui .panel[data-view=orders] .ticket-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:10px}
.tt-live-ui .panel[data-view=orders] .ticket-bottom .tt-order-actions{flex:1;min-width:0;gap:12px;align-items:center}
.tt-live-ui .panel[data-view=orders] .ticket-bottom .ticket-footer{flex:0 0 138px;display:block;margin:0;padding:0;border:0}
.tt-live-ui .panel[data-view=orders] .ticket-bottom .ticket-identity{width:138px;min-width:0;padding:0 0 0 12px}
.tt-live-ui .panel[data-view=orders] .ticket-bottom .ticket-barcode{height:17px}
.tt-live-ui .panel[data-view=orders] .ticket-bottom .ticket-help{padding:6px 9px}
@media(max-width:560px){
  .tt-live-ui .panel[data-view=orders] .ticket-date{padding:18px 6px}
  .tt-live-ui .panel[data-view=orders] .ticket-date small{font-size:11px;letter-spacing:0;white-space:nowrap}
  .tt-live-ui .panel[data-view=orders] .ticket-body{padding:12px}
  .tt-live-ui .panel[data-view=orders] .order h2{font-size:16px}
  .tt-live-ui .panel[data-view=orders] .order-top strong{font-size:20px}
  .tt-live-ui .panel[data-view=orders] .ticket-bottom{flex-wrap:wrap;gap:8px}
  .tt-live-ui .panel[data-view=orders] .ticket-bottom .tt-order-actions{flex-basis:100%;gap:10px}
  .tt-live-ui .panel[data-view=orders] .ticket-bottom .ticket-footer{margin-left:auto}
}
.tt-live-ui .tt-order-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.tt-live-ui .tt-cancel{flex-basis:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px dashed #ba9a7f55;padding-top:12px}.tt-live-ui .tt-cancel span,.tt-live-ui .tt-order-note{font-size:12px}.tt-live-ui .tt-cancel button{background:#fff8;border:1px solid #bd927b;border-radius:6px;font-size:12px;padding:8px;color:#92644f}
.tt-live-ui .tt-empty{text-align:center;padding:30px 15px}.tt-live-ui .tt-empty img{width:70px;height:70px;image-rendering:pixelated}.tt-live-ui .tt-empty p{font-size:14px;line-height:1.8}.tt-live-ui .tt-empty button{font:inherit;padding:12px 22px}
.tt-live-ui .ordPg{display:flex;justify-content:center;gap:16px;align-items:center}.tt-live-ui .ordPg button{font-size:13px;padding:9px 14px;border:1px solid #cfb29c;background:#fff7;border-radius:6px}
.tt-live-ui #ordList{max-height:none!important;overflow:visible!important;padding:0!important}
body.tt214 #hud2{display:grid;grid-template-columns:auto minmax(145px,auto);column-gap:0;row-gap:0;top:18px;left:18px;max-width:360px;align-items:center!important;transform:none;overflow:visible;border:0!important}
body.tt214 #hud2 .h2ava{grid-column:1;grid-row:1/3;align-self:center;width:104px;height:104px;overflow:visible;z-index:3}
body.tt214 #hud2 .h2ava.wr{width:120px;height:120px}
body.tt214 #hud2 .h2ava:not(.wr) canvas{width:96px;height:96px;left:4px;top:4px}
body.tt214 #hud2 .h2who{grid-column:2;grid-row:1;margin:0 0 0 -12px;padding:14px 16px 9px 24px;min-height:68px;border:1px solid #eee4eeaa;border-bottom:0;border-radius:13px 13px 0 0;background:linear-gradient(125deg,#fff9efed,#ece6f7df);box-shadow:none;color:#624e6c;min-width:170px;gap:3px}
body.tt214 #hud2 .h2name{font-size:17px;line-height:1.5;max-width:195px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.tt214 #hud2 .h2nm{font-size:17px;line-height:1.5;max-width:195px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.tt214 #hud2 .h2title{font-size:12px}.tt-book-hint{display:block;font-size:11px;color:#826a92;letter-spacing:.5px;margin-top:3px}
body.tt214 #hud2 .tt-funds{grid-column:2;grid-row:2;margin-left:-12px;padding:7px 16px 10px 24px;border:1px solid #eee4eeaa;border-top:1px solid #ad98b333;border-radius:0 0 13px 13px;background:linear-gradient(125deg,#fff8e9ed,#ede7f5df);display:flex;gap:16px;align-items:center;color:#8e7040;font-size:11px}
.tt-funds strong{display:flex;align-items:center;gap:7px;font-size:16px}.tt-funds img{width:24px;height:24px;image-rendering:pixelated}
body.tt214 #h2ach,body.tt214 #h2bag,body.tt214 #h2mail,body.tt214 #h2coin,body.tt214 #hud2 .h2row,body.tt214 #hud2 .h2btns{display:none!important}
body.tt214 #hud2 .h2dc,body.tt214 #hud2 .h2wd{font-size:10px;padding:4px 7px;margin-top:3px}
body.tt214 #gearBtn{width:60px;height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;right:20px;top:18px;border-radius:12px;background:linear-gradient(145deg,#fff8fded,#d7caeadc);color:#786191;border:1px solid #fff9;box-shadow:0 4px #694b8340}
body.tt214 #gearBtn span{font-size:12px}body.tt214 #gearBtn:hover{transform:translateY(-2px)}
#ttMainDock{position:fixed;right:20px;bottom:22px;display:flex;align-items:end;gap:8px;z-index:71}
body.tt214 #ttMainDock>button{position:relative!important;inset:auto!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:66px;height:72px;padding:8px 5px;border:1px solid #fff9;border-radius:12px;box-shadow:0 4px #392c4140;cursor:pointer;font-family:inherit;color:#6c566d;background:linear-gradient(145deg,#fff6edee,#e1d6e9e8);font-size:12px;transition:transform .2s}
body.tt214 #ttMainDock>button:hover{transform:translateY(-4px)}body.tt214 #ttMainDock>button img{width:30px;height:30px;object-fit:contain}
body.tt214 #ttMainDock>button::after{display:none}body.tt214 #ttMainDock>button span:not(.badge):not(#mailBadge){font-size:12px;line-height:1.3;white-space:nowrap}
body.tt214 #ttMainDock #ttAchBtn{background:linear-gradient(135deg,#fff8daeF,#edcf8feb);color:#876831}
body.tt214 #ttMainDock #ttWalletBtn{background:linear-gradient(135deg,#e7fff0ee,#b9dddfeb);color:#3a7a74}
body.tt214 #ttMainDock #ordBtn{background:linear-gradient(135deg,#fff1dbee,#efc4a8eb);color:#976444}
body.tt214 #ttMainDock #ttMailBtn{background:linear-gradient(135deg,#eff9ffee,#bcd5eceb);color:#497492}
body.tt214 #ttMainDock #shopBtn{width:93px;height:86px;background:linear-gradient(140deg,#b45c7c,#8a526f);color:#fff8ef;margin-left:5px;border-color:#f4c6d4;box-shadow:0 5px #61445370}
body.tt214 #ttMainDock #shopBtn img{width:35px;height:35px}.tt-live-ui .frame-decoration{pointer-events:none}
body.tt214.mhome-on #ttMainDock{display:none}
@keyframes ttPanelIn{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@keyframes ttStamp{0%{scale:1.14;opacity:.5}100%{scale:1;opacity:1}}
@media(max-height:760px) and (min-width:701px){.tt-live-ui .panel-head{padding:17px 25px 13px}.tt-live-ui .panel-content{padding:18px 24px}.tt-live-ui .panel-head h1{font-size:29px}.tt-live-ui .panel-head p{margin-top:7px;font-size:14px}.tt-live-ui .ach{min-height:186px}.tt-live-ui .panel-footer{padding:10px 24px}}
@media(max-width:1000px){body.tt214 #ttMainDock{gap:6px;right:12px;bottom:17px}body.tt214 #ttMainDock>button{width:57px;height:65px}body.tt214 #ttMainDock #shopBtn{width:77px;height:77px}body.tt214 #hud2{scale:.9;transform-origin:top left}}
@media(max-width:700px){.tt-live-ui{padding:10px}.tt-live-ui .panel,.tt-live-ui .panel[data-view]{width:100%;max-height:calc(100dvh - 20px);border-radius:18px}.tt-live-ui .panel-head{padding:20px 18px 15px}.tt-live-ui .panel-head h1{font-size:26px}.tt-live-ui .panel-head .eyebrow{font-size:9px;letter-spacing:1.7px}.tt-live-ui .panel-head .outline-word{font-size:42px;right:8px;top:42px;max-width:57%;opacity:.55}.tt-live-ui .panel-head p{font-size:13px;padding-right:20px}.tt-live-ui .panel-content{padding:17px 14px}.tt-live-ui .panel-footer{padding:11px 16px}.tt-live-ui .tuning-layout{grid-template-columns:1fr}.tt-live-ui .tuning-controls,.tt-live-ui .music-card{padding:17px}.tt-live-ui .tuning-controls .section-caption{margin-top:0}.tt-live-ui .feature-grid{grid-template-columns:1fr}.tt-live-ui .feature-tile{min-height:160px;padding-left:88px}.tt-live-ui .feature-tile>img{position:absolute;left:18px;top:42px;width:48px;margin:0}.tt-live-ui .feature-tile h2{font-size:22px;margin-top:9px}.tt-live-ui .feature-tile .vertical-word{font-size:28px;right:12px;opacity:.65}.tt-live-ui .menu-ribbon{margin:-17px -14px 17px;padding:12px 16px}.tt-live-ui .menu-ribbon span{font-size:8px}.tt-live-ui .packages{grid-template-columns:1fr}.tt-live-ui .package{min-height:143px}.tt-live-ui .purse-summary{padding:15px 14px;min-height:160px}.tt-live-ui .wallet-balance strong{font-size:47px}.tt-live-ui .wallet-balance p{font-size:12px}.tt-live-ui .ach{min-height:202px;padding:14px 10px}.tt-live-ui .ach h2{font-size:21px}.tt-live-ui .ach p{font-size:12px}.tt-live-ui .collection-cover p{font-size:12px}.tt-live-ui .collection-spine{width:30px}.tt-live-ui .order{grid-template-columns:68px minmax(0,1fr)}.tt-live-ui .ticket-body{padding:14px 12px}.tt-live-ui .order-top{flex-direction:column;gap:5px}.tt-live-ui .order h2{font-size:18px}.tt-live-ui .order-top strong{font-size:20px}.tt-live-ui .order-status{font-size:13px}.tt-live-ui .steps span{font-size:11px}.tt-live-ui .ticket-footer{margin-top:12px}.tt-live-ui .tt-cancel{align-items:flex-start;flex-direction:column}.tt-live-ui .ticket-date b{font-size:23px}.tt-live-ui .ticket-date span{font-size:11px}.tt-live-ui .tabs button{font-size:14px!important;padding:10px 6px!important}body.tt214:not(.mhome-on) #hud2{display:grid;scale:.75;top:10px;left:7px}body.tt214 #ttMainDock{max-width:calc(100% - 16px);gap:4px;right:8px;bottom:12px}body.tt214 #ttMainDock>button{width:43px;height:58px;border-radius:8px}body.tt214 #ttMainDock>button img{width:24px;height:24px}body.tt214 #ttMainDock>button span:not(.badge):not(#mailBadge){font-size:10px}body.tt214 #ttMainDock #shopBtn{width:64px;height:69px;margin-left:2px}body.tt214 #gearBtn{width:45px;height:52px;right:10px;top:10px}}
@media(prefers-reduced-motion:reduce){.tt-live-ui *,.tt-live-ui *::before,.tt-live-ui *::after{animation:none!important;transition:none!important}}
body.tt214 #ttMainDock #frBtn{background:linear-gradient(135deg,#fff3e8ee,#eedab6eb);color:#957049}
body.tt214 #frDockBadge{position:absolute;right:-3px;top:-5px;background:#d46484;color:white;padding:1px 5px;border-radius:9px;font-size:10px}
@media(max-width:700px){body.tt214 #ttMainDock>button{width:38px}body.tt214 #ttMainDock #shopBtn{width:58px}}
/* 手機直式仍使用原首頁導覽，但共用同一個真實頭像框與手帳入口。 */
@media(max-width:680px){
 body.tt214.mhome-on #hud2{display:grid!important;scale:.73;transform-origin:top left;left:12px;top:82px;z-index:94}
 body.tt214.mhome-on #gearBtn{display:flex!important;z-index:96;right:11px;top:9px}
 body.tt214 #mHome{background:linear-gradient(155deg,#f6ebde,#eee8f0 65%,#e1e9ec);color:#695364}
 body.tt214 .mhSign{padding-right:57px;background:linear-gradient(115deg,#684c68ed,#a485a8df);min-height:67px;display:flex;flex-direction:column;justify-content:center;font-size:16px}
 body.tt214 .mhHero{height:260px;min-height:260px;background-position:center center}
 body.tt214 #mhDoll,body.tt214 #mhName{visibility:hidden}
 body.tt214 .mhSubRow{flex-wrap:wrap;justify-content:center;overflow:visible;padding:14px 12px;gap:8px}
 body.tt214 .mhSub{font-size:13px;border:1px solid #c2adbe7a;background:#fff9;color:#77607b;border-radius:9px;padding:9px 13px}
 body.tt214 .mhSub[onclick*="bookOpen"]{display:none}
 body.tt214 #mhOrder{background:linear-gradient(125deg,#b76885,#8c5c79);color:#fff9ee;box-shadow:0 4px #7c4f6b50}
 body.tt214 #mhDress{background:linear-gradient(125deg,#d7d3ee,#bdafd8);color:#5f527b}
 body.tt214 #mhWard{background:linear-gradient(125deg,#fff6ec,#e9d6e0);color:#805b74}
 body.tt214 #mhOrders{background:linear-gradient(125deg,#fff0dc,#edc8ae);color:#936444}
}
/* 新繪師已畫好布告欄：保留原互動熱區，不再疊一張舊木牌。 */
body.tt214 .boardNPC .bimg{visibility:hidden}
@media(max-width:680px){body.tt214 #mhDc{display:none}}
body.liteFX .tt-live-ui *,body.liteFX .tt-live-ui *::before,body.liteFX .tt-live-ui *::after{animation:none!important}
.tt-live-ui .purse-summary .frame-decoration,.tt-live-ui .mail-message .frame-decoration{bottom:-28px;opacity:.3}
.tt-live-ui .panel[data-view=menu] .panel-content{padding:0 24px 24px}
.tt-live-ui .panel[data-view=menu] .menu-ribbon{margin:0 -24px 20px;padding:12px 24px;min-height:40px;line-height:1.5}
.tt-live-ui .panel[data-view=menu] .feature-tile>img{width:42px;height:42px}
@media(max-width:700px){.tt-live-ui .panel[data-view=menu] .panel-content{padding:0 14px 17px}.tt-live-ui .panel[data-view=menu] .menu-ribbon{margin:0 -14px 17px;padding:12px 16px}}
body.tt214 #hud2 .h2row{display:flex!important;gap:6px;flex-wrap:wrap;margin:2px 0}
body.tt214 #hud2 .h2pill{font-size:10px;padding:2px 5px}
body.tt214 #hud2 .h2vip{font-size:10px;padding:3px 6px;min-height:22px}
body.tt214 #hud2 .h2vip img{width:14px;height:14px}
@media(max-width:680px){body.tt214.mhome-on #hud2{position:absolute;top:18px;left:12px}}
@media(max-width:680px){body.tt214 .mhSub[onclick*="buildVip2"]{display:none}}
/* v215：完整全景與單一個人名片。 */
body.tt214 #hall{background:radial-gradient(ellipse at 50% 45%,#79505d,#382733)}
body.tt214 #hud2{grid-template-columns:112px minmax(150px,1fr);width:324px;max-width:calc(100vw - 84px);padding:13px!important;column-gap:12px;row-gap:0;background:linear-gradient(125deg,rgba(255,250,239,.95),rgba(237,229,243,.92))!important;border:1px solid #fff9!important;border-radius:18px!important;box-shadow:0 5px 20px #422d4530!important;backdrop-filter:blur(12px);align-items:center!important}
body.tt214 #hud2:before{content:'MY TAVERN';position:absolute;right:14px;top:10px;font-size:8px;letter-spacing:1.8px;color:#a58da5;pointer-events:none}
body.tt214 #hud2 .h2ava,body.tt214 #hud2 .h2ava.wr{width:112px;height:112px;grid-row:1/3;overflow:visible}
body.tt214 #hud2 .h2ava:not(.wr) canvas{width:104px;height:104px;left:4px;top:4px}
body.tt214 #hud2 .h2who{padding:6px 0 8px;margin:0;min-width:0;min-height:0;background:none;border:0;box-shadow:none;gap:4px}
body.tt214 #hud2 .h2nm{font-size:19px;max-width:166px;line-height:1.45;color:#57465e}
body.tt214 #hud2 .h2row{gap:4px;margin:0;flex-wrap:nowrap}
body.tt214 #hud2 .h2pill{display:none}
body.tt214 #hud2 .h2vip{background:#f4dca2;color:#866331;font-size:11px;border-radius:5px;padding:3px 6px}
body.tt214 #hud2 .h2dcRow{margin:0;gap:0}
body.tt214 #hud2 .h2dc{font-size:11px;margin:0;padding:0;border:0;min-height:18px;box-shadow:none;background:none;color:#81708d;max-width:164px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.tt214 #hud2 .h2dc img{width:15px;height:15px}
body.tt214 #hud2 .tt-book-hint{font-size:10px;letter-spacing:1px;color:#967f9e;margin:0}
body.tt214 #hud2 .tt-funds{margin:0;padding:8px 0 0;border:0;border-top:1px solid #bca9bd55;border-radius:0;background:none;justify-content:space-between;gap:8px;color:#967445;font-size:10px}
body.tt214 #hud2 .tt-funds strong{font-size:18px;gap:5px}.tt-funds img{width:22px;height:22px}
@media(max-width:1000px){body.tt214 #hud2{scale:.86}}
@media(max-width:680px){body.tt214.mhome-on #hud2{width:324px;max-width:none;scale:.78;left:14px;top:18px}body.tt214:not(.mhome-on) #hud2{scale:.68;max-width:none;left:10px;top:10px}}

/* v215：大廳、好友與布告欄延續同一套清透設計。 */
.tt-live-ui .panel[data-view=friends]{--ink:#795761;--line:#c9a5a8;background:linear-gradient(125deg,#fff2e4eb,#f1dcdfeb 60%,#e0deeceb);border-color:#e0bfc3;color:#795761}
.tt-live-ui .panel[data-view=board]{--ink:#80654b;--line:#c6af88;background:linear-gradient(125deg,#fff4dde8,#efdfbfe8 65%,#dbe7dce8);border-color:#d2bb92;color:#80654b}
.tt-live-ui .panel[data-view=friends] .title-chip{background:linear-gradient(110deg,#795463,#b6898a)}
.tt-live-ui .panel[data-view=board] .title-chip{background:linear-gradient(110deg,#7b6145,#b5a16c)}
.tt-live-ui .panel[data-view=friends] .outline-word{-webkit-text-stroke-color:#b995a6;opacity:.4}
.tt-live-ui .panel[data-view=board] .outline-word{-webkit-text-stroke-color:#b3a074;opacity:.4}
.tt-live-ui .friends-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;min-height:360px}
.friend-cover{position:relative;overflow:hidden;min-height:310px;border:1px solid #cfa4a8;border-radius:100px 100px 8px 8px;background:linear-gradient(145deg,#fff8e9aa,#e4c7d299);padding:32px 22px 24px;text-align:center}
.friend-cover .issue-label{font-size:9px;letter-spacing:1.8px}.friend-art{position:relative;height:100px;margin:20px auto 5px}.friend-art img{width:76px;height:90px;object-fit:contain;position:relative;z-index:1;transform:rotate(-8deg)}.friend-art i{position:absolute;width:115px;height:70px;border:1px solid #b990a7;border-radius:50%;top:20px;left:20px;transform:rotate(-25deg);animation:ttFriendOrbit 12s ease-in-out infinite alternate}.friend-art b{position:absolute;right:10px;top:10px;color:#b48969;animation:ttGeoStar 5s ease-in-out infinite}.friend-cover h2{font-size:24px;line-height:1.7}.friend-cover p{font-size:13px;line-height:1.9}.friend-word{display:block;font:700 32px Arial;letter-spacing:5px;color:transparent;-webkit-text-stroke:1px #c4a2a5;margin-top:20px}
#frM #frBody{padding:4px 0!important;max-height:none!important;overflow:visible!important;min-width:0;font-size:16px}
#frBody>.pcSec{font-size:20px;color:#795463;border-bottom:1px solid #cdaab480;padding:10px 0;margin:0 0 16px}
#frBody>div:not(.pcSec){background:linear-gradient(125deg,#ffffffad,#f6e5e899);border:1px solid #d3b6bb;border-radius:9px;padding:16px!important;line-height:1.8;font-size:14px!important;color:#876771!important;flex-wrap:wrap;gap:8px!important;margin-bottom:14px!important}
#frBody button{font:13px inherit!important;min-height:34px;padding:6px 12px!important;border-radius:5px!important}
#boardBody{counter-reset:bulletin;display:grid;gap:12px}#boardBody .acc{counter-increment:bulletin;background:linear-gradient(110deg,#fffdf5bd,#f1e7ce80);border:1px solid #c7b394;border-radius:7px;box-shadow:0 3px #9f886020;margin:0;overflow:hidden}#boardBody .acc:nth-child(2){background:linear-gradient(110deg,#fff3e7bd,#e9cfca80)}#boardBody .acc:nth-child(3){background:linear-gradient(110deg,#f7fff5bd,#c9ded880)}#boardBody .acc:nth-child(4){background:linear-gradient(110deg,#f4faffbd,#d1ddeb80)}#boardBody .accH{position:relative;color:#796149;padding:19px 20px;font-size:20px;gap:12px;min-height:62px}#boardBody .accH:before{content:'0' counter(bulletin);font:11px Arial;color:#9d9475;letter-spacing:1px}#boardBody .accH .em{display:none}#boardBody .tri{color:#9a8666;font-size:11px}#boardBody .accB{font-size:15px;color:#85745d;padding:0 24px;line-height:1.9}#boardBody .acc.open .accB{padding-bottom:19px}#boardBody .featRow{align-items:center}#boardBody .fbtn{display:inline-block;font-size:14px;margin-top:10px;background:#fff9;border:1px solid #bda385;color:#826146;padding:5px 12px;border-radius:4px}
body.tt214 #sign{top:16px}body.tt214 #sign .plate{position:relative;isolation:isolate;padding:11px 34px 12px;background:linear-gradient(115deg,#fff6f0ed,#e9dcf1e6);border:1px solid #fff;border-radius:2px;clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);box-shadow:none;color:#795584;text-shadow:none;letter-spacing:2px;font-size:20px;font-weight:800}body.tt214 #sign .plate:before{content:'✦';margin-right:10px;color:#ba839d}body.tt214 #sign .sub{display:table;margin:5px auto 0;background:#644f6ca8;padding:4px 20px;font-size:12px;clip-path:polygon(4% 0,100% 0,96% 100%,0 100%);color:#fff5e9}
body.tt214 #gearBtn{width:62px;height:64px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;top:20px;right:22px;border:1px solid #fff;border-radius:8px 8px 18px 8px;background:linear-gradient(140deg,#fffbf0f2,#e0d7ece3);color:#755b91;box-shadow:0 4px #69587630;backdrop-filter:blur(10px)}body.tt214 #gearBtn svg{width:26px;height:26px;stroke:currentColor;stroke-width:1.5;fill:none}body.tt214 #gearBtn span{font-size:12px}
body.tt214 #chatbox{width:330px;left:22px;bottom:24px;filter:drop-shadow(0 5px 10px #42283820)}.tt-chat-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(100deg,#6f526bcf,#a684a1b0);padding:7px 12px;border-left:2px solid #efe4f7;color:#fff4ee;margin-bottom:6px;border-radius:3px}.tt-chat-heading b{font-size:13px}.tt-chat-heading span{font:8px Arial;letter-spacing:2px;opacity:.75}body.tt214 #chatlog:empty{display:none}body.tt214 #chatlog{background:linear-gradient(110deg,#57445eca,#826983ad);border:1px solid #eadce950;border-radius:4px;font-size:13px;line-height:1.7;backdrop-filter:blur(12px)}body.tt214 #chatrow{margin-top:6px;border:1px solid #dac5db;border-radius:5px;background:#fff7f1ed;padding:4px;gap:4px;align-items:stretch}body.tt214 #chatin{background:transparent;border:0;border-radius:0;font-size:14px;padding:8px;color:#71576e;min-width:0}body.tt214 #chatsend{background:linear-gradient(120deg,#a87699,#be8fa5);color:#fff;border:0;border-radius:3px;min-width:58px;font-size:13px}
.lobby-geometry{position:fixed;pointer-events:none;z-index:45;width:350px;height:310px;opacity:.7;contain:layout paint}.lobby-geometry.top{top:0;right:0}.lobby-geometry.bottom{bottom:75px;left:0;transform:rotate(180deg);width:310px;height:275px}.lobby-geometry svg{width:100%;height:100%;overflow:visible}.lobby-lines{fill:none;stroke:#f4e8ff;stroke-width:.8;opacity:.65}.lobby-facets{fill:#796294;opacity:.42;animation:ttGeoDrift 12s ease-in-out infinite alternate}.lobby-diamonds{fill:none;stroke:#fff3ed;stroke-width:1.2;transform-origin:170px 73px;animation:ttGeoDiamond 14s ease-in-out infinite alternate}.lobby-stars{fill:#eadbee;opacity:.8;animation:ttGeoStar 6s ease-in-out infinite}.lobby-trace{fill:none;stroke:#fff7d8;stroke-width:1.5;stroke-dasharray:35 520;animation:ttGeoTrace 9s linear infinite}.lobby-dots{position:absolute;right:105px;top:45px;width:58px;height:28px;background:radial-gradient(circle,#fff8 1px,transparent 1.5px) 0 0/8px 8px}.lobby-geometry.bottom .lobby-diamonds{animation-delay:-4s}.lobby-geometry.bottom .lobby-facets{fill:#c091b4;animation-delay:-6s}
body.tt214 .amCat{border:0;background:none;outline:0;animation:none}body.tt214 .amCat:focus-visible{outline:2px dashed #fff1ba;outline-offset:3px;border-radius:40%}
@keyframes ttGeoDrift{to{transform:translate(7px,-15px)}}@keyframes ttGeoDiamond{to{transform:translate(-8px,11px) rotate(12deg)}}@keyframes ttGeoStar{50%{opacity:.35}}@keyframes ttGeoTrace{to{stroke-dashoffset:-555}}@keyframes ttFriendOrbit{to{transform:rotate(15deg)}}
@media(max-width:700px){.tt-live-ui .friends-layout{grid-template-columns:1fr;min-height:0;gap:18px}.friend-cover{min-height:0;border-radius:55px 7px 7px 7px;padding:20px;text-align:left;padding-left:110px}.friend-cover .issue-label{font-size:8px}.friend-art{position:absolute;left:13px;top:32px;width:80px;margin:0}.friend-art img{width:55px;height:70px}.friend-art i{width:80px;left:0}.friend-cover h2{font-size:21px;margin:8px 0}.friend-cover p{font-size:12px}.friend-word{display:none}#boardBody .accH{font-size:18px;padding:15px}#boardBody .accB{font-size:14px;padding-left:18px;padding-right:18px}body.tt214 #sign .plate{font-size:14px;padding:8px 20px;letter-spacing:1px}body.tt214 #sign{top:12px}body.tt214 #sign .sub{font-size:10px}body.tt214 #chatbox{left:12px;bottom:90px;width:min(300px,calc(100vw - 24px))}body.tt214 #gearBtn{width:47px;height:55px;top:12px;right:12px}.lobby-geometry{width:235px;height:220px;opacity:.48}.lobby-geometry.bottom{width:220px;height:190px;bottom:115px}body.mhome-on .lobby-geometry{display:none}}
@media(prefers-reduced-motion:reduce){.lobby-geometry *,.friend-art *{animation:none!important}}

.tt-live-ui .panel[data-view=friends]{--deep-a:#775263;--deep-b:#b3818e;--signal:#d5b298}.tt-live-ui .panel[data-view=board]{--deep-a:#806344;--deep-b:#af965d;--signal:#cec18a}.tt-live-ui .panel[data-view=friends] .title-chip,.tt-live-ui .panel[data-view=board] .title-chip{background:none}.tt-live-ui .panel[data-view=friends] .sig-mail{display:block;stroke:#af809c;fill:none;opacity:.5}.tt-live-ui .panel[data-view=board] .sig-wallet{display:block;stroke:#b3a173;fill:none;opacity:.45}body.tt214 #hint2{bottom:calc(8px + env(safe-area-inset-bottom,0px));font-size:11px;background:#5d485b80;pointer-events:none;max-width:calc(100vw - 24px);width:max-content;box-sizing:border-box;text-align:center;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s}
body.tt214 #hint2.is-visible{opacity:1;visibility:visible}
@media(prefers-reduced-motion:reduce){body.tt214 #hint2{transition:none}}

@media(max-width:680px){body.tt214 .mhSign{background:linear-gradient(120deg,#fff2e7e8,#e4d8eee8);color:#73587d;border-bottom:1px solid #fff}body.tt214 .mhSign span{color:#8b6d88}}

/* v224：併桌保留入口；唱片與唱臂共用尺寸，避免卡片變寬時分離。 */
.tt-live-ui .panel[data-view=menu] .feature-tile:disabled{background:linear-gradient(145deg,#77717a,#5e5965);border-color:#68616e;color:#f0e9f1;box-shadow:0 4px #4d46513d;cursor:not-allowed;transform:none;opacity:1}
.tt-live-ui .panel[data-view=menu] .feature-tile:disabled h2,.tt-live-ui .panel[data-view=menu] .feature-tile:disabled p,.tt-live-ui .panel[data-view=menu] .feature-tile:disabled .tile-number{color:#e5dce8}
.tt-live-ui .panel[data-view=menu] .feature-tile:disabled>img{filter:grayscale(.85);opacity:.65}
.tt-live-ui .panel[data-view=menu] .feature-tile:disabled .tile-cta{background:#ffffff15;color:#f1eaf2;border-color:#c7bdcb66}
.tt-live-ui .panel[data-view=menu] .feature-tile:disabled .vertical-word{-webkit-text-stroke-color:#d9cedb55}
.tt-live-ui .panel[data-view=menu] .feature-tile:disabled .motion-art{opacity:.25}
.tt-live-ui .record-player{--disc-size:142px;width:calc(var(--disc-size) + 64px);max-width:100%;margin-left:auto;margin-right:auto}
.tt-live-ui .record{left:8px;margin-left:0;width:var(--disc-size);height:var(--disc-size)}
.tt-live-ui .tonearm{right:15px;width:calc(var(--disc-size) * .345);height:calc(var(--disc-size) * .655)}
@media(max-height:780px) and (min-width:701px){.tt-live-ui .record-player{--disc-size:117px}}
@media(max-width:700px){.tt-live-ui .record-player{--disc-size:115px}}
.tt-live-ui .playing .tonearm{rotate:18deg}

/* v293：票根底欄，條碼在單號左側，旗幟圖示保留回報入口。 */
.tt-live-ui .panel[data-view=orders] .ticket-bottom{flex-wrap:wrap;align-items:center;gap:8px}
.tt-live-ui .panel[data-view=orders] .ticket-bottom .tt-order-actions:empty{display:none}
.tt-live-ui .panel[data-view=orders] .ticket-bottom .ticket-footer{display:flex;flex:1 1 100%;align-items:center;justify-content:space-between;gap:12px;margin:0;padding-top:10px;border-top:1px dashed #b9987855}
.tt-live-ui .panel[data-view=orders] .ticket-bottom .ticket-identity{display:flex;flex:1 1 auto;flex-direction:row;align-items:center;gap:12px;width:auto;min-width:0;padding:0;border:0}
.tt-live-ui .panel[data-view=orders] .ticket-identity:before{display:none}
.tt-live-ui .panel[data-view=orders] .ticket-bottom .ticket-barcode{flex:0 0 78px;width:78px;height:28px;opacity:.7}
.tt-live-ui .panel[data-view=orders] .ticket-number{display:grid;gap:4px;min-width:0}
.tt-live-ui .panel[data-view=orders] .ticket-number code{white-space:normal;overflow-wrap:anywhere}
.tt-live-ui .panel[data-view=orders] .ticket-footer .ticket-report{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;padding:8px;margin:0;align-self:center;border:1px solid #b9987866;border-radius:50%;background:#fff8ee88;color:#986d50;cursor:pointer}
.tt-live-ui .ticket-report svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.tt-live-ui .ticket-report:hover{background:#fff9ef!important}.tt-live-ui .ticket-report:focus-visible{outline:2px solid #986d50;outline-offset:3px}.tt-live-ui .ticket-report:disabled{opacity:.5;cursor:default}
@media(max-width:560px){.tt-live-ui .panel[data-view=orders] .ticket-bottom .ticket-barcode{flex-basis:48px;width:48px;height:25px}.tt-live-ui .panel[data-view=orders] .ticket-bottom .ticket-identity{gap:8px}.tt-live-ui .panel[data-view=orders] .ticket-bottom .ticket-footer{gap:6px}}

.tt-chat-heading{gap:10px}.tt-chat-heading span{margin-left:auto}.tt-chat-minimize{width:28px;height:26px;padding:0;border:1px solid #ffffff60;border-radius:6px;background:#ffffff15;color:#fff;font-size:22px;line-height:1;cursor:pointer;flex-shrink:0}#chattoggle[aria-expanded=false]{display:block}

/* v339: slightly larger lobby chat text. */
body.tt214 #chatlog{font-size:14px;line-height:1.7}body.tt214 #chatin{font-size:16px}
.companion-achievements{margin:0 0 30px;color:#695173}
.companion-ach-heading small{font-size:10px;letter-spacing:2px;color:#9b799d}
.companion-ach-heading h2{font-size:27px;margin:7px 0 8px}
.companion-ach-heading p,.companion-ach-note{font-size:13px;line-height:1.7;color:#8e7793}
.companion-ach-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}
.companion-ach-card{min-width:0;padding:18px;border:1px solid #c5adc9;border-radius:15px;background:linear-gradient(145deg,#fff7e9,#eadff0);box-shadow:0 4px 0 #bfa4c32b}
.companion-ach-card:nth-child(2){background:linear-gradient(145deg,#f5f0ff,#dce8ed)}
.companion-ach-card:nth-child(3){background:linear-gradient(145deg,#fff3eb,#efdce3)}
.companion-ach-art{display:flex;align-items:center;justify-content:center;gap:12px;height:140px}
.companion-ach-doll{width:100px;height:118px;object-fit:contain;image-rendering:pixelated}
.companion-ach-frame{width:100px;height:100px;object-fit:contain}
.companion-ach-card h3{font-size:20px;margin:14px 0 7px}
.companion-ach-card p{font-size:12px;color:#8f7893;margin:0 0 12px}
.companion-ach-status{display:block;font-size:12px;font-weight:700;color:#8c7795}
.companion-ach-card.is-unlocked .companion-ach-status{color:#547c58}
.companion-ach-card button{display:block;margin-top:14px;padding:9px 12px;border:1px solid #baa0bf;border-radius:8px;background:#fff9;color:#745a7e;font:inherit;font-size:12px;cursor:pointer}
.companion-ach-card button:focus-visible{outline:3px solid #9c7ca8;outline-offset:3px}
@media(max-width:900px){.companion-ach-art{gap:4px}.companion-ach-doll{width:80px}.companion-ach-frame{width:75px;height:75px}}
@media(max-width:620px){.companion-ach-grid{grid-template-columns:1fr}.companion-ach-card{padding:16px}.companion-ach-art{float:left;width:145px;height:140px;margin-right:12px}.companion-ach-card:after{content:'';display:block;clear:both}.companion-ach-card h3{font-size:19px}.companion-ach-card button{clear:both;width:100%}.companion-ach-heading h2{font-size:24px}}
/* v492 雙幣：HUD 金幣＋貓貓幣並排，點一下開錢包 */
body.tt214 #hud2 .tt-funds{cursor:pointer}
body.tt214 #hud2 .tt-funds .tt-fund{display:flex;align-items:center;gap:4px;white-space:nowrap}
body.tt214 #hud2 .tt-funds .tt-fund small{font-size:10px;font-weight:700;opacity:.75;margin-left:1px;font-family:inherit}
body.tt214 #hud2 .tt-funds .tt-fund-cat img{image-rendering:auto}
body.tt214 #hud2 .tt-funds:focus-visible{outline:2px solid #e27fa6;outline-offset:2px}
.tt-cat-slot{margin:4px 0 14px}
/* 名牌加寬，金幣、貓貓幣同一行，只用圖示＋數字（名稱在滑鼠提示） */
body.tt214 #hud2{width:372px}
body.tt214 #hud2 .tt-funds{flex-direction:row;align-items:center;justify-content:flex-start;gap:18px}
body.tt214 #hud2 .tt-funds .tt-fund{font-size:17px;gap:6px}
body.tt214 #hud2 .tt-funds .tt-fund small{display:none}
body.tt214 #hud2 .tt-funds .tt-fund img{width:24px;height:24px}
/* 名牌：頭像框＋頭像最大（左邊整欄），名字、VIP、Discord、手帳、金幣與貓貓幣都排在右欄 */
body.tt214 #hud2{width:420px;grid-template-columns:152px minmax(0,1fr);column-gap:14px}
body.tt214 #hud2 .h2ava,body.tt214 #hud2 .h2ava.wr{width:152px;height:152px;grid-row:1/3;align-self:center}
body.tt214 #hud2 .h2ava:not(.wr) canvas{width:142px;height:142px;left:5px;top:5px}
body.tt214 #hud2 .tt-funds .nyan{margin:0 1px}
/* 名牌（使用者 11/06）：頭像框不要底、單獨放；旁邊一塊剛好包住資訊的小白卡（白卡樣式從 theme-skin 搬到 ::after，只蓋右欄） */
html body.tt214 #hud2#hud2{background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;padding:0!important;width:auto!important;max-width:none!important;grid-template-columns:152px auto;column-gap:0}
html body.tt214 #hud2#hud2::after{content:"";position:absolute;z-index:-1;left:126px;top:10px;right:0;bottom:10px;pointer-events:none;
 background:var(--sk-orbit) right 6px top 40px/88px 40px no-repeat,linear-gradient(118deg,rgba(140,215,248,.3) 0 9%,transparent 9% 90%,rgba(255,175,212,.32) 90%),linear-gradient(160deg,#fff,#F6FAFF 60%,#FBF4FF);
 border:3px solid #1C2156;border-radius:16px;box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 4px #CFEFFF,6px 7px 0 -3px #FFE3EF,6px 7px 0 0 #1C2156,rgba(18,14,48,.25) 0 10px 20px}
html body.tt214 #hud2#hud2::before{top:20px;right:16px}
body.tt214 #hud2 .h2who{padding:22px 18px 0 22px}
body.tt214 #hud2 .tt-funds{padding:6px 18px 22px 22px!important;margin:0!important}
html body.tt214 #hud2#hud2::before{display:none}
/* 名牌 v3（使用者 11/06）：白卡橫長只有兩列，左邊上下角收在頭像框底下；
   第一列名字，第二列「綁定 Discord」＋VIP 等級＋手帳圖示；最右邊金幣、貓貓幣上下兩行 */
html body.tt214 #hud2#hud2{grid-template-columns:152px auto auto;grid-template-rows:auto;align-items:center!important}
html body.tt214 #hud2#hud2::after{left:92px;top:calc(50% - 44px);bottom:calc(50% - 44px)}
body.tt214 #hud2 .h2ava,body.tt214 #hud2 .h2ava.wr{grid-row:1;grid-column:1}
body.tt214 #hud2 .h2who{grid-column:2;grid-row:1;display:grid!important;grid-template-columns:auto auto auto;grid-template-areas:"nm nm nm" "dc vip bk";justify-content:start;align-items:center;gap:7px 8px;padding:0 4px 0 14px!important;margin:0!important;min-width:0}
body.tt214 #hud2 .h2who .h2nm{grid-area:nm;margin:0!important;white-space:nowrap}
body.tt214 #hud2 .h2who .h2dcRow{grid-area:dc;margin:0!important}
body.tt214 #hud2 .h2who .h2row{grid-area:vip;margin:0!important}
html body.tt214 #hud2 .h2who .tt-book-hint{grid-area:bk;display:flex;align-items:center;justify-content:center;width:26px;height:26px;margin:0!important;border:2px solid #1C2156;border-radius:8px;background:#fff;box-shadow:0 2px 0 #1C2156;font-size:0!important;cursor:pointer}
body.tt214 #hud2 .tt-book-hint svg{width:16px;height:16px;fill:#FFE3EF;stroke:#1C2156;stroke-width:2;stroke-linejoin:round}
html body.tt214 #hud2#hud2 .tt-funds{grid-column:3;grid-row:1;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:6px!important;padding:0 22px 0 14px!important;margin:0!important;border:0!important;border-left:2px dashed #D9CDEA!important;align-self:center}
html body.tt214 #hud2#hud2::after{left:78px;background:linear-gradient(118deg,rgba(140,215,248,.3) 0 9%,transparent 9% 90%,rgba(255,175,212,.32) 90%),linear-gradient(160deg,#fff,#F6FAFF 60%,#FBF4FF)}
body.tt214 #hud2 .h2who .h2nm{max-width:11em;overflow:hidden;text-overflow:ellipsis}
/* v495 商城、背包開著時（#ttApprovedUI z-index 11000），大廳的確認框與提示要蓋在最上面（商城裡買聊天氣泡用大廳的確認框） */
body.tt-approved-open .ttc{z-index:11050!important}body.tt-approved-open #toast{z-index:11060!important}