*{box-sizing:border-box}html,body{margin:0;background:#f6f7fb;color:#202435;font-family:Inter,Arial,"Noto Sans KR",sans-serif}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}:root{--purple:#6d35df;--purple2:#8b5cf6;--blue:#4169e1;--ink:#222638;--muted:#7d8493;--line:#e6e8ef;--soft:#f5f3ff;--navy:#17192a;--card:#fff;--pink:#ec4899}
.premium-header{height:72px;background:rgba(255,255,255,.96);border-bottom:1px solid #ececf2;position:sticky;top:0;z-index:50;backdrop-filter:blur(14px)}.premium-head-inner{max-width:1450px;height:100%;margin:auto;padding:0 18px;display:flex;align-items:center;gap:25px}.premium-brand{display:flex;align-items:center;gap:9px;white-space:nowrap}.premium-brand>span{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#7d35e7,#5d5bf3);color:#fff;display:grid;place-items:center;font-size:23px;font-weight:900;font-style:italic;box-shadow:0 10px 25px #7c3aed33}.premium-brand div{display:flex;flex-direction:column}.premium-brand b{font-size:20px}.premium-brand small{font-size:8px;letter-spacing:1.3px;color:#9b9fab}.premium-nav{display:flex;gap:20px;font-size:13px;font-weight:700}.premium-nav a:hover{color:var(--purple)}.global-search{margin-left:auto;width:265px;height:38px;border:1px solid #dddfea;border-radius:9px;display:flex;overflow:hidden;background:#fff}.global-search input{border:0;width:100%;padding:0 12px;outline:none}.global-search button{border:0;background:transparent;width:42px;color:#52586b}.head-icons{display:flex;gap:7px}.head-icons a{position:relative;width:34px;height:34px;border:1px solid #e1e3eb;border-radius:9px;display:grid;place-items:center}.head-icons i{position:absolute;right:-4px;top:-5px;background:#f43f5e;color:#fff;font-style:normal;font-size:9px;min-width:16px;height:16px;border-radius:8px;display:grid;place-items:center}.operator-btn{background:#eee9ff;color:#6337ce;padding:9px 12px;border-radius:8px;font-size:12px;font-weight:800}.member-chip{display:flex;align-items:center;gap:7px}.member-chip img{width:31px;height:31px;object-fit:contain}.member-chip div{display:flex;flex-direction:column}.member-chip b{font-size:11px}.member-chip small{font-size:9px;color:#8d92a0}.head-logout{font-size:10px;color:#999eaa}.premium-main{min-height:calc(100vh - 72px)}.flash-v6{max-width:1415px;margin:12px auto;padding:11px 14px;border-radius:8px}.flash-v6.success{background:#e9f9ef;color:#217044}.flash-v6.error{background:#fff0f1;color:#a92d3d}
.home-v6,.content-page-v6,.form-page-v6{max-width:1415px;margin:auto;padding:14px 14px 0}.banner-zone-v6{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.banner-v6{height:118px;border-radius:10px;overflow:hidden;background:#eee9ff;box-shadow:0 7px 22px #25243a0d}.banner-v6 img{width:100%;height:100%;object-fit:cover;display:block}.banner-none-v6{grid-column:1/-1;height:110px;background:#fff;border:1px dashed #cfcfe0;border-radius:10px;display:grid;place-items:center;color:#9b9eaa}.home-layout-v6{display:grid;grid-template-columns:225px minmax(0,1fr) 245px;gap:12px;margin-top:12px}.home-left-v6,.home-right-v6{display:flex;flex-direction:column;gap:12px}.member-card-v6,.menu-card-v6,.ranking-v6,.stats-v6,.community-board-home-v6,.small-panel-v6{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px #3030470a}.member-card-v6{padding:16px}.member-profile-v6{display:flex;align-items:center;gap:10px}.member-profile-v6 img{width:43px;height:43px}.member-profile-v6 div{display:flex;flex-direction:column}.member-profile-v6 span{font-size:10px;color:#7f8493;margin-top:3px}.rank-progress-v6{height:5px;background:#eeeef4;border-radius:5px;margin:14px 0}.rank-progress-v6 i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#7c3aed,#8b5cf6)}.member-points-v6 span{display:block;font-size:10px;color:#8d919e}.member-points-v6 strong{display:block;font-size:24px;margin-top:4px}.member-buttons-v6{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.member-buttons-v6 a,.primary-block{background:linear-gradient(135deg,#6d35df,#5d62e8);color:#fff;padding:9px;border-radius:7px;text-align:center;font-size:11px;font-weight:800}.menu-card-v6{padding:13px}.menu-card-v6>b{display:block;margin-bottom:7px}.menu-card-v6 a{display:block;padding:8px 9px;border-radius:7px;font-size:12px;color:#666d7b}.menu-card-v6 a.active,.menu-card-v6 a:hover{background:#f0ecff;color:#6337ce}.menu-card-v6 hr{border:0;border-top:1px solid #eee;margin:9px 0}.side-charge-v6{display:grid;grid-template-columns:44px 1fr 18px;align-items:center;gap:9px;background:linear-gradient(135deg,#f4edff,#fff);border:1px solid #dfd3ff;border-radius:12px;padding:13px}.side-charge-v6>span{width:40px;height:40px;background:#7c3aed;color:#fff;border-radius:50%;display:grid;place-items:center;font-size:9px}.side-charge-v6 div{display:flex;flex-direction:column}.side-charge-v6 b{font-size:11px}.side-charge-v6 small{font-size:9px;color:#9296a2;margin-top:3px}.summary-v6{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.summary-v6 article{min-height:102px;padding:18px;border-right:1px solid #eeeef3}.summary-v6 article:last-child{border:0}.summary-v6 span{font-size:10px;color:#878c99}.summary-v6 strong{display:block;color:#6b42dc;font-size:20px;margin-top:13px}.community-board-home-v6{margin-top:12px;padding:16px}.home-section-head{display:flex;align-items:center;justify-content:space-between}.home-section-head span{font-size:8px;letter-spacing:1.5px;color:#876af4}.home-section-head h2,.home-section-head h3{margin:3px 0 0}.home-section-head>a{font-size:10px;color:#9196a3}.home-board-head,.home-board-row{display:grid;grid-template-columns:minmax(0,1fr) 100px 55px;gap:8px;align-items:center}.home-board-head{margin-top:13px;padding:8px 10px;background:#fafafe;color:#8a8f9b;font-size:9px}.home-board-row{padding:10px;border-bottom:1px solid #f0f0f4}.home-board-row>div{display:flex;align-items:center;gap:8px;min-width:0}.home-board-row em{font-style:normal;font-size:9px;color:#7b54df;background:#f1edff;border-radius:4px;padding:4px 6px}.home-board-row b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-board-row span,.home-board-row small{font-size:9px;color:#838997}.board-shortcuts-v6{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}.board-shortcuts-v6 a{background:#f8f8fb;border:1px solid #eeeef2;padding:9px;text-align:center;border-radius:7px;font-size:10px}.home-lower-v6{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:10px}.small-panel-v6{padding:15px}.small-panel-v6 ol{margin:12px 0 0;padding-left:24px}.small-panel-v6 li{padding:6px 0;font-size:11px}.mini-market-row-v6{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f4}.mini-market-row-v6 img,.mini-market-row-v6>div{width:42px;height:42px;border-radius:7px;object-fit:cover;background:#eee9ff;display:grid;place-items:center}.mini-market-row-v6 span{display:flex;flex-direction:column}.mini-market-row-v6 b{font-size:10px}.mini-market-row-v6 small{font-size:8px;color:#9296a2}.mini-market-row-v6 strong{font-size:10px;color:#6542d8}.notice-line-v6{display:block;padding:9px 0;border-bottom:1px solid #f0f0f4;font-size:10px}.ranking-v6,.stats-v6{padding:15px}.ranking-row-v6{display:grid;grid-template-columns:24px 1fr auto;gap:8px;padding:10px 0;border-bottom:1px solid #f0f0f4}.ranking-row-v6 i{font-style:normal;color:#e59a18;font-weight:900}.ranking-row-v6 span,.ranking-row-v6 strong{font-size:10px}.ranking-row-v6 strong{color:#6d45df}.benefit-v6{background:linear-gradient(145deg,#5426a7,#7037cb);color:#fff;border-radius:12px;padding:20px;min-height:170px}.benefit-v6>span{font-size:8px;letter-spacing:1.6px;color:#d9caff}.benefit-v6 h3{font-size:21px;margin:9px 0}.benefit-v6 p{font-size:10px;color:#e4d9ff}.stats-v6 h3{margin-top:0}.stats-v6>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f0f0f4}.stats-v6 span{font-size:10px;color:#8b8f9b}.quick-links-v6{display:grid;grid-template-columns:repeat(8,1fr);background:#fff;border:1px solid var(--line);border-radius:12px;margin-top:12px}.quick-links-v6 a{padding:13px;border-right:1px solid #eeeef3}.quick-links-v6 a:last-child{border:0}.quick-links-v6 b{display:block;font-size:10px}.quick-links-v6 span{display:block;font-size:8px;color:#9a9da8;margin-top:3px}.home-empty{padding:25px;text-align:center;color:#a1a4ae;font-size:11px}
.page-title-v6{padding:27px 0 18px}.page-title-v6>span{font-size:9px;letter-spacing:2px;color:#815ee9}.page-title-v6 h1{font-size:30px;margin:6px 0}.page-title-v6 p{color:#858a97;font-size:12px}.white-panel-v6,.premium-form-v6,.ranking-table-v6,.policy-v6,.faq-v6{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 8px 24px #3030470a}.premium-form-v6 label{display:block;font-size:11px;font-weight:700;margin:14px 0}.premium-form-v6 input,.premium-form-v6 textarea,.big-search-v6 input{width:100%;border:1px solid #dddfe8;border-radius:8px;padding:11px 12px;background:#fff;outline:none}.premium-form-v6 input:focus,.premium-form-v6 textarea:focus{border-color:#9a7df4;box-shadow:0 0 0 3px #8b5cf615}.premium-form-v6 button,.big-search-v6 button{border:0;background:linear-gradient(135deg,#6d35df,#5b66e8);color:#fff;padding:11px 16px;border-radius:8px;font-weight:800}.form-two-v6{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-actions-v6{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.form-actions-v6 a{padding:10px 14px;border:1px solid #dddfe7;border-radius:8px}.big-search-v6{display:flex;gap:8px;margin-bottom:12px}.big-search-v6 input{flex:1}.search-grid-v6,.message-grid-v6{display:grid;grid-template-columns:1fr 1fr;gap:12px}.list-link-v6{display:grid;grid-template-columns:95px minmax(0,1fr) auto;gap:8px;align-items:center;padding:11px 0;border-bottom:1px solid #f0f0f4}.list-link-v6 span,.list-link-v6 small{font-size:9px;color:#8b8f9b}.list-link-v6 b{font-size:11px}.list-link-v6 strong{color:#6944dc;font-size:11px}.ranking-head-v6,.ranking-item-v6{display:grid;grid-template-columns:60px 1.2fr 1fr 1fr 1fr;align-items:center;padding:12px 10px}.ranking-head-v6{background:#fafafe;color:#8b8f9b;font-size:9px}.ranking-item-v6{border-bottom:1px solid #f0f0f4}.ranking-item-v6>div{display:flex;align-items:center;gap:8px}.ranking-item-v6 img{width:30px;height:30px}.ranking-item-v6 span,.ranking-item-v6 em{font-size:10px}.ranking-item-v6 em{font-style:normal;color:#6944dc;font-weight:800}.event-grid-v6{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.event-card-v6{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.event-card-v6 img{width:100%;height:160px;object-fit:cover}.event-card-v6 div{padding:15px}.event-card-v6 span{font-size:8px;color:#805ddf;letter-spacing:1.5px}.event-card-v6 h3{margin:7px 0}.event-card-v6 p{font-size:10px;color:#898e9b}.guide-grid-v6,.support-grid-v6{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.guide-grid-v6>a,.support-grid-v6>a{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}.guide-grid-v6 span,.support-grid-v6 span{font-size:8px;color:#805ddf;letter-spacing:1.5px}.guide-grid-v6 h3,.support-grid-v6 h3{font-size:17px}.guide-grid-v6 p,.support-grid-v6 p{font-size:10px;color:#888e9b}.support-grid-v6{grid-template-columns:repeat(3,1fr)}.profile-hero-v6{background:linear-gradient(135deg,#ede7ff,#fff);border:1px solid #dfd5ff;border-radius:14px;padding:25px;display:flex;align-items:center;gap:18px}.profile-hero-v6 img{width:72px;height:72px}.profile-hero-v6 span{font-size:9px;color:#805ddf;letter-spacing:1.6px}.profile-hero-v6 h1{margin:5px 0}.profile-hero-v6 p{color:#818694}.profile-form-v6{margin-top:12px}.message-row-v6{padding:12px 0;border-bottom:1px solid #f0f0f4}.message-row-v6>div{display:flex;justify-content:space-between;gap:8px}.message-row-v6 b{font-size:11px}.message-row-v6 span{font-size:9px;color:#8f939f}.message-row-v6 p{font-size:10px;color:#686e7b}.notification-row-v6{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #f0f0f4}.notification-row-v6 b{font-size:11px}.notification-row-v6 p{font-size:10px;color:#818693;margin:4px 0}.notification-row-v6>span{font-size:9px;color:#a0a3ad}.faq-v6 details{border-bottom:1px solid #eeeef3;padding:14px 0}.faq-v6 summary{font-weight:800;cursor:pointer}.faq-v6 p,.policy-v6 p{color:#767c89;line-height:1.8;font-size:12px}.policy-v6 h3{margin-top:25px}.external-detail-v6,.scrap-button-v6{display:inline-flex;margin:8px 0;padding:9px 12px;border:1px solid #cfc7ef;color:#6e47d3;border-radius:8px;font-size:11px;font-weight:800}.article-topbar{display:flex!important;justify-content:space-between!important}
.premium-footer{margin-top:30px;background:#fff;border-top:1px solid #e7e8ee}.premium-footer-inner{max-width:1415px;margin:auto;padding:30px 18px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:30px}.footer-logo b{display:flex;align-items:center;gap:7px}.footer-logo b span{width:26px;height:26px;background:#7443dc;color:#fff;border-radius:8px;display:grid;place-items:center}.premium-footer p,.premium-footer small,.premium-footer a,.premium-footer span{display:block;font-size:9px;color:#90949f;line-height:1.8}.premium-footer>div>div>b{display:block;margin-bottom:6px}
@media(max-width:1150px){.premium-nav{display:none}.global-search{margin-left:auto}.home-layout-v6{grid-template-columns:210px 1fr}.home-right-v6{display:none}.home-lower-v6{grid-template-columns:1fr 1fr}.guide-grid-v6{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.home-layout-v6{grid-template-columns:1fr}.home-left-v6{display:none}.summary-v6{grid-template-columns:1fr 1fr}.banner-zone-v6{grid-template-columns:1fr 1fr}.quick-links-v6{grid-template-columns:repeat(4,1fr)}.search-grid-v6,.message-grid-v6,.event-grid-v6,.support-grid-v6{grid-template-columns:1fr}.ranking-head-v6,.ranking-item-v6{grid-template-columns:45px 1.2fr 1fr 1fr}.ranking-head-v6>*:nth-child(4),.ranking-item-v6>*:nth-child(4){display:none}.premium-footer-inner{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.premium-head-inner{padding:0 10px}.premium-brand div small,.member-chip div,.head-logout,.global-search{display:none}.home-v6,.content-page-v6,.form-page-v6{padding:9px}.banner-zone-v6{grid-template-columns:1fr}.summary-v6{grid-template-columns:1fr 1fr}.home-lower-v6{grid-template-columns:1fr}.quick-links-v6{grid-template-columns:1fr 1fr}.board-shortcuts-v6{grid-template-columns:1fr 1fr}.form-two-v6,.guide-grid-v6{grid-template-columns:1fr}.premium-footer-inner{grid-template-columns:1fr}.event-card-v6 img{height:140px}}
.forum-pages{display:flex;justify-content:center;gap:6px}.forum-pages a{width:34px;height:34px;border:1px solid #20394e;background:#091824;border-radius:7px;display:grid;place-items:center;color:#8395a8}.forum-pages a.active{background:#455fe1;color:#fff}
.article-back{display:inline-block;color:#8799ad;margin-bottom:12px}.article-v5-card{background:#fff;color:#172033;border-radius:12px;overflow:hidden;box-shadow:0 16px 45px #0002}.article-v5-card>header{padding:30px 34px;border-bottom:1px solid #e6ebef}.article-tag{font-size:10px;color:#554bd1;background:#efefff;padding:5px 7px;border-radius:5px}.article-v5-card h1{font-size:29px;margin:15px 0}.article-author{display:flex;align-items:center;gap:8px;color:#7a8795;font-size:11px}.article-author img,.comment-head-v5 img{width:28px!important;height:28px!important;max-width:28px!important;object-fit:contain}.article-author i{font-style:normal}.article-body-v5{min-height:420px;padding:40px 34px;font-size:15px;line-height:1.85}.comments-v5{margin-top:12px;background:#091927;border:1px solid #193248;border-radius:12px;padding:20px}.comments-v5>article{padding:14px 0;border-bottom:1px solid #162d40}.comment-head-v5{display:flex;align-items:center;gap:9px}.comment-head-v5>div{display:flex;flex-direction:column}.comment-head-v5 span{font-size:10px;color:#788ca0}.comments-v5 p{color:#bbc8d4;font-size:13px}.comments-v5 textarea{width:100%;background:#071521;color:#fff;border:1px solid #203c52;border-radius:8px;padding:12px;margin:12px 0}
.editor-v5>form{margin-top:14px;background:#fff;color:#172033;border-radius:12px;padding:26px}.editor-v5 label{display:block;margin-bottom:18px;font-weight:700}.editor-v5 input,.editor-v5 textarea,.action-v5-card input{width:100%;padding:12px;border:1px solid #ccd5df;border-radius:7px}.editor-v5>form>div{display:flex;justify-content:flex-end;gap:8px}.editor-v5>form>div>a{padding:10px 14px;border:1px solid #d5dce4;border-radius:7px}
.wallet-v5-hero,.attendance-v5-hero{background:linear-gradient(135deg,#0a1b2e,#211951 60%,#133861);border:1px solid #293e6c;border-radius:14px;padding:31px 34px;display:flex;justify-content:space-between;align-items:center}.wallet-v5-balance,.attendance-v5-hero>div:last-child{min-width:320px;background:#071521;border:1px solid #24415a;border-radius:12px;padding:18px}.wallet-v5-balance>span,.attendance-v5-hero>div:last-child>span{display:block;font-size:10px;letter-spacing:1.5px;color:#8194a8}.wallet-v5-balance>strong,.attendance-v5-hero>div:last-child>strong{display:block;color:#9a7bff;font-size:32px;margin:8px 0 13px}.wallet-v5-balance>div{display:flex;gap:7px}.wallet-v5-balance a{background:#405ddd;padding:8px 11px;border-radius:6px;font-size:11px}.wallet-v5-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.wallet-v5-stats article{background:#fff;color:#172033;border-radius:10px;padding:18px}.wallet-v5-stats span{display:block;color:#7b8896;font-size:11px}.wallet-v5-stats b{display:block;color:#2f62df;font-size:19px;margin-top:7px}.ledger-v5,.attendance-v5-history{background:#fff;color:#172033;border-radius:12px;padding:18px;margin-top:12px}.ledger-v5>header{display:flex;justify-content:space-between;align-items:center}.ledger-v5>header span{font-size:9px;color:#745cff;letter-spacing:1.5px}.ledger-v5>header h3{margin:4px 0}.ledger-v5-table{margin-top:12px;border:1px solid #e3e8ed;border-radius:9px;overflow:hidden}.ledger-v5-row{display:grid;grid-template-columns:170px 150px minmax(0,1fr) 120px 120px;min-height:52px;align-items:center;border-bottom:1px solid #edf0f3}.ledger-v5-row>div{padding:0 12px;font-size:12px}.ledger-v5-th{background:#f4f6f9;color:#748194}.ledger-badge{background:#eff0ff;color:#514bd1;padding:5px 7px;border-radius:5px;font-size:9px}
.action-v5-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.action-v5-card{background:#fff;color:#172033;border-radius:12px;padding:23px;min-height:360px}.action-v5-card label{display:block;margin:15px 0;font-weight:700}.action-v5-card button{width:100%;margin-top:8px}.action-v5-card small{display:block;color:#8190a0;margin-top:10px}.action-history-head{display:flex;justify-content:space-between;align-items:center}.action-history-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #edf0f3}.action-history-row>div{display:flex;flex-direction:column}.action-history-row span{font-size:11px;color:#738091}.action-history-row em{font-style:normal;font-size:10px;padding:5px 7px;border-radius:5px}.state-approved{background:#e8f8ee;color:#197344}.state-pending{background:#fff4d8;color:#916400}.state-denied{background:#ffe9e9;color:#b52d2d}.empty-light{padding:50px 10px;text-align:center;color:#8794a2}
.attendance-v5-history>div{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px}.attendance-v5-history article{border:1px solid #e2e7ec;border-radius:8px;padding:14px}.attendance-v5-history span{display:block;color:#748294;font-size:11px}.attendance-v5-history b{display:block;color:#2c62e5;margin-top:5px}
.market-v5-toolbar{display:flex;justify-content:space-between;padding:15px 0;color:#8295a9;font-size:12px}.market-v5-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.market-v5-card{background:#fff;color:#172033;border-radius:12px;overflow:hidden;transition:.2s}.market-v5-card:hover{transform:translateY(-3px);box-shadow:0 15px 40px #0003}.market-v5-card>div{height:190px;background:radial-gradient(circle,#3a2468,#071521 72%);display:grid;place-items:center}.market-v5-card>div img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover}.market-v5-card>div span{font-size:48px;color:#f1b743;font-weight:900}.market-v5-card section{padding:15px}.market-v5-card small,.market-v5-card b,.market-v5-card strong,.market-v5-card section>span{display:block}.market-v5-card small{color:#8793a1}.market-v5-card b{margin-top:6px}.market-v5-card strong{font-size:18px;color:#2f64e6;margin-top:8px}.market-v5-card section>span{font-size:11px;color:#8995a2;margin-top:5px}.market-detail-v5{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-top:30px}.market-detail-image{min-height:430px;border-radius:14px;background:radial-gradient(circle,#3c2568,#071521 72%);overflow:hidden;display:grid;place-items:center}.market-detail-image img{width:100%!important;height:100%!important;object-fit:cover}.market-detail-image span{font-size:70px;color:#f2b843;font-weight:900}.market-detail-copy{padding:22px 0}.market-detail-copy>span{color:#8295aa}.market-detail-copy h1{font-size:33px}.market-detail-copy>strong{display:block;color:#9778ff;font-size:31px}.market-detail-copy p{color:#b2bfcb;line-height:1.8}.market-detail-copy>div{margin:20px 0;color:#8295aa}
/* global image safety */
.points-shell img,.wallet-v5 img,.action-v5 img,.forum-v5 img,.article-v5 img,.attendance-v5 img{max-width:100%;height:auto}
@media(max-width:900px){.forum-v5-row{grid-template-columns:55px minmax(0,1fr) 130px 90px}.forum-v5-row>div:nth-child(5){display:none}.wallet-v5-hero,.attendance-v5-hero{flex-direction:column;align-items:flex-start;gap:15px}.wallet-v5-balance,.attendance-v5-hero>div:last-child{width:100%;min-width:0}.wallet-v5-stats{grid-template-columns:1fr}.ledger-v5-table{overflow:auto}.ledger-v5-row{min-width:720px}.action-v5-grid,.market-detail-v5{grid-template-columns:1fr}.attendance-v5-history>div{grid-template-columns:repeat(3,1fr)}.market-v5-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.forum-v5,.article-v5,.editor-v5,.wallet-v5,.action-v5,.attendance-v5,.market-v5,.market-detail-v5{padding:18px 10px 45px}.forum-v5-head,.editor-v5-head,.action-v5-head,.market-v5-head{flex-direction:column;align-items:flex-start;gap:12px}.forum-v5-tabs{overflow:auto}.forum-v5-row{grid-template-columns:minmax(0,1fr) 105px}.forum-v5-th{display:none}.forum-v5-row>div:nth-child(1),.forum-v5-row>div:nth-child(4),.forum-v5-row>div:nth-child(5){display:none}.forum-subject,.forum-user{padding:13px!important}.forum-v5-toolbar{height:auto;align-items:flex-start;flex-direction:column;gap:10px;padding:12px}.forum-v5-toolbar form{width:100%}.forum-v5-toolbar input{width:100%}.forum-v5-bottom>.forum-primary{position:static;float:right;margin-top:12px}.article-v5-card>header,.article-body-v5{padding:22px}.attendance-v5-history>div{grid-template-columns:1fr 1fr}.market-v5-grid{grid-template-columns:1fr}}
.forum-page,.article-page,.editor-page,.wallet-page,.action-page,.attendance-page,.market-page,.market-detail{color:#202435}
.forum-hero,.editor-head,.action-hero,.market-hero{border-color:#e2e4eb}.forum-hero>div>span,.editor-head>span,.action-hero>span,.market-hero>div>span,.wallet-hero>div>span,.attendance-hero>div>span{color:#7754db}
.forum-tabs a{background:#fff;border-color:#e0e2e9;color:#777d8a}.forum-tabs a.active{background:#7044dc;color:#fff;border-color:#7044dc}.forum-tools{background:#fff;border-color:#e1e3ea;color:#626875}.forum-tools input{background:#fff;color:#202435;border-color:#d9dce4}.forum-list{background:#fff;border-color:#e1e3ea}.forum-row{color:#626875;border-color:#eef0f4}.forum-head{background:#fafafe;color:#9296a2}.forum-row:not(.forum-head):hover{background:#faf9ff}.forum-title b{color:#262a38}.forum-title span{background:#f0ecff;color:#7047d3}.pagination a{background:#fff;border-color:#dedfe7;color:#777d8b}.pagination a.active{background:#7044dc;color:#fff}
.article-card,.comment-section,.editor-card,.ledger-card,.attendance-history,.action-card,.history-card{box-shadow:0 8px 24px #3030470a}.comment-section{background:#fff;border-color:#e2e4ea;color:#202435}.comment-v5{border-color:#eceef2}.comment-v5 p{color:#666c79}.comment-form textarea{background:#fff;border-color:#dadee6;color:#202435}.wallet-hero,.attendance-hero{background:linear-gradient(135deg,#f0ebff,#fff 65%,#edf5ff);border-color:#ddd4ff;color:#202435}.wallet-balance,.attendance-reward{background:#fff;border-color:#e0d9fb}.market-detail-img{background:#f0ecff}.market-detail-copy{color:#202435}.market-detail-copy p{color:#737987}
.auth-secure-page{max-width:1050px;margin:0 auto;padding:55px 20px;display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center}.auth-intro>span,.secure-auth-card>span{font-size:10px;color:#7851db;letter-spacing:2px;font-weight:800}.auth-intro h1,.secure-auth-card h1{font-size:34px;margin:8px 0 12px}.auth-intro>p{color:#7c8290;line-height:1.7}.security-points{display:flex;flex-direction:column;gap:9px;margin-top:24px}.security-points b{font-size:12px;color:#535a69}.secure-auth-card{background:#fff;border:1px solid #e4e5ec;border-radius:16px;padding:28px;box-shadow:0 18px 45px #3b355914}.secure-auth-card.narrow{max-width:520px;width:100%;margin:auto}.secure-auth-card label{display:block;font-size:11px;font-weight:700;margin:13px 0}.secure-auth-card input{width:100%;border:1px solid #dcdfe7;border-radius:9px;padding:12px;background:#fff;margin-top:6px;outline:none}.secure-auth-card input:focus{border-color:#9076ee;box-shadow:0 0 0 3px #7c3aed12}.secure-auth-card label small{display:block;font-weight:400;color:#989ca7;margin-top:5px}.secure-auth-card>button,.primary-auth-btn{display:block;width:100%;border:0;background:linear-gradient(135deg,#6d35df,#5c66e8);color:#fff;padding:13px;border-radius:9px;font-weight:800;text-align:center;margin-top:18px}.auth-help{display:flex;justify-content:space-between;margin-top:14px}.auth-help a,.auth-link,.auth-link a,.sub-auth-link{font-size:10px;color:#7e8390}.auth-link{text-align:center;margin-top:18px}.auth-link a,.sub-auth-link{color:#6844d0;font-weight:800}.verify-page{min-height:540px;display:grid;place-items:center;padding:35px 15px}.verify-card{width:min(540px,100%);background:#fff;border:1px solid #e3e4eb;border-radius:18px;padding:38px;text-align:center;box-shadow:0 20px 50px #342c5712}.mail-icon{width:72px;height:72px;border-radius:24px;background:#eee8ff;color:#7045d9;display:grid;place-items:center;font-size:31px;margin:0 auto 18px}.verify-card>span{font-size:9px;letter-spacing:2px;color:#7854dd}.verify-card h1{font-size:28px}.verify-card p{color:#747a88;line-height:1.7}.verify-note{background:#f8f7fc;border-radius:9px;padding:12px;color:#8b8f9a;font-size:11px;margin:20px 0}.sub-auth-link{display:block;margin-top:14px}.recovery-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:16px}.recovery-tabs label{display:flex!important;align-items:center;justify-content:center;gap:7px;border:1px solid #e0e1e8;border-radius:8px;padding:10px;margin:0!important}.recovery-tabs input{width:auto!important;margin:0!important}.form-error{background:#fff0f1;color:#a52b3b;padding:10px;border-radius:8px;font-size:11px}.mail-security-info{margin-top:12px;background:#fff;border:1px solid #e4e5ec;border-radius:12px;padding:18px}.mail-security-info p{color:#747a88;font-size:12px;line-height:1.7}
@media(max-width:760px){.auth-secure-page{grid-template-columns:1fr;gap:20px;padding-top:30px}.auth-intro h1{font-size:28px}.security-points{display:none}}
/* =========================================================
BAEGYA HUB FINAL V8 - FIXED SUBPAGE DESIGN SYSTEM
========================================================= */
html,body{
min-height:100%;
}
body{
display:flex;
flex-direction:column;
}
.premium-main{
flex:1 0 auto;
width:100%;
min-height:calc(100vh - 72px - 180px);
}
.premium-footer{
flex-shrink:0;
}
.page-container-v8{
width:min(1240px,calc(100% - 36px));
margin:0 auto;
padding:34px 0 54px;
}
.page-heading-v8{
min-height:116px;
display:flex;
justify-content:space-between;
align-items:flex-end;
gap:24px;
padding:0 0 22px;
border-bottom:1px solid #e3e5ed;
}
.page-heading-v8 h1{
margin:7px 0 7px;
font-size:31px;
line-height:1.2;
letter-spacing:-1px;
color:#202435;
}
.page-heading-v8 p{
margin:0;
font-size:13px;
color:#7c8290;
}
.eyebrow-v8{
color:#7450d8;
font-size:10px;
letter-spacing:2px;
font-weight:800;
}
.primary-v8,
.primary-button-v8{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:42px;
padding:0 18px;
border:0;
border-radius:9px;
background:linear-gradient(135deg,#6c3dda,#5967ea);
box-shadow:0 7px 20px rgba(102,72,218,.18);
color:white;
font-size:12px;
font-weight:800;
cursor:pointer;
}
.primary-v8:hover,
.primary-button-v8:hover{
filter:brightness(.98);
transform:translateY(-1px);
}
/* ---------- FORUM ---------- */
.forum-v8{
min-height:calc(100vh - 250px);
}
.board-tabs-v8{
display:flex;
gap:7px;
padding:17px 0 12px;
}
.board-tabs-v8 a{
min-width:94px;
padding:9px 13px;
border:1px solid #e0e2e9;
border-radius:8px;
background:#fff;
color:#737985;
text-align:center;
font-size:11px;
font-weight:700;
transition:.15s;
}
.board-tabs-v8 a:hover{
border-color:#cfc6f5;
color:#6740cf;
}
.board-tabs-v8 a.active{
border-color:#7043dc;
background:#7043dc;
color:#fff;
box-shadow:0 6px 16px rgba(112,67,220,.18);
}
.board-panel-v8{
border:1px solid #e1e3eb;
border-radius:12px;
background:#fff;
overflow:hidden;
box-shadow:0 10px 30px rgba(40,42,65,.05);
}
.board-toolbar-v8{
height:65px;
padding:0 18px;
display:flex;
align-items:center;
justify-content:space-between;
border-bottom:1px solid #eceef3;
background:#fff;
}
.board-total-v8{
font-size:11px;
color:#7d8390;
}
.board-total-v8 strong{
color:#5e3dcc;
}
.board-search-v8{
display:flex;
width:310px;
height:38px;
overflow:hidden;
border:1px solid #dfe1e8;
border-radius:8px;
background:#fff;
}
.board-search-v8 input{
flex:1;
min-width:0;
border:0;
outline:0;
padding:0 12px;
font-size:11px;
color:#333746;
}
.board-search-v8 button{
width:57px;
border:0;
background:#f3f0fc;
color:#6842cf;
font-size:11px;
font-weight:800;
cursor:pointer;
}
.board-list-v8{
min-height:620px;
}
.board-row-v8{
display:grid;
grid-template-columns:68px minmax(0,1fr) 165px 110px 64px;
min-height:55px;
align-items:center;
border-bottom:1px solid #eff0f4;
color:#636977;
transition:.12s;
}
.board-row-v8:not(.board-head-v8):hover{
background:#faf9ff;
}
.board-head-v8{
min-height:44px;
background:#f8f9fb;
color:#9196a2;
font-size:10px;
font-weight:700;
}
.board-row-v8>div{
padding:0 13px;
}
.board-number-v8,
.board-date-v8,
.board-view-v8{
font-size:10px;
color:#9296a1;
}
.board-title-v8{
display:flex;
align-items:center;
min-width:0;
gap:9px;
}
.board-title-v8 strong{
min-width:0;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
color:#2c303c;
font-size:12px;
}
.board-category-v8{
flex-shrink:0;
border-radius:5px;
background:#f0ecff;
color:#6f47d2;
padding:4px 6px;
font-size:9px;
font-weight:700;
}
.board-author-v8{
display:flex;
align-items:center;
gap:7px;
min-width:0;
font-size:10px;
}
.board-author-v8 img{
flex:0 0 auto;
width:26px!important;
height:26px!important;
object-fit:contain;
}
.board-author-v8 span{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.board-empty-v8{
min-height:570px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:7px;
color:#989ca7;
text-align:center;
}
.board-empty-v8 strong{
color:#555b68;
font-size:13px;
}
.board-empty-v8 span{
font-size:11px;
}
.empty-icon-v8{
width:52px;
height:52px;
margin-bottom:6px;
border-radius:15px;
display:grid;
place-items:center;
background:#f1edff;
color:#7650d9;
font-size:22px;
}
.board-footer-v8{
position:relative;
min-height:74px;
display:flex;
align-items:center;
justify-content:center;
border-top:1px solid #eceef3;
background:#fff;
}
.pagination-v8{
display:flex;
gap:5px;
}
.pagination-v8 a{
width:32px;
height:32px;
display:grid;
place-items:center;
border:1px solid #dfe1e8;
border-radius:7px;
background:#fff;
color:#7f8490;
font-size:10px;
}
.pagination-v8 a.active{
border-color:#6741cf;
background:#6741cf;
color:#fff;
}
.secondary-position-v8{
position:absolute;
right:16px;
top:16px;
}
/* ---------- MARKET ---------- */
.market-v8{
min-height:calc(100vh - 250px);
}
.market-control-v8{
min-height:62px;
margin-top:14px;
padding:0 16px;
display:flex;
align-items:center;
justify-content:space-between;
border:1px solid #e1e3ea;
border-radius:10px;
background:#fff;
}
.market-control-v8>div{
display:flex;
align-items:center;
gap:11px;
}
.market-control-v8 strong{
font-size:11px;
}
.market-control-v8 span{
color:#9397a2;
font-size:10px;
}
.market-search-v8{
display:flex;
width:290px;
height:37px;
border:1px solid #dfe1e8;
border-radius:8px;
overflow:hidden;
}
.market-search-v8 input{
flex:1;
min-width:0;
padding:0 11px;
border:0;
outline:0;
font-size:11px;
}
.market-search-v8 button{
width:56px;
border:0;
background:#f1edff;
color:#6942cf;
font-size:10px;
font-weight:800;
}
.market-grid-v8{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:16px;
padding-top:16px;
}
.market-card-v8{
overflow:hidden;
border:1px solid #e3e4eb;
border-radius:13px;
background:#fff;
box-shadow:0 8px 25px rgba(35,37,56,.05);
transition:.18s;
}
.market-card-v8:hover{
transform:translateY(-3px);
border-color:#d5ccf4;
box-shadow:0 15px 34px rgba(61,49,111,.10);
}
.market-thumb-v8{
position:relative;
aspect-ratio:4 / 3;
overflow:hidden;
background:#f2effa;
}
.market-thumb-v8>img{
width:100%!important;
height:100%!important;
max-width:none!important;
object-fit:cover!important;
display:block;
}
.market-placeholder-v8{
width:100%;
height:100%;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
background:
radial-gradient(circle at 50% 38%,#efe5ff 0,#e1d3ff 22%,#2d234b 90%);
}
.market-placeholder-v8 span{
color:#fff;
font-size:47px;
font-weight:900;
text-shadow:0 6px 22px rgba(46,31,85,.25);
}
.market-placeholder-v8 small{
margin-top:5px;
color:#d5c9ee;
font-size:8px;
letter-spacing:1.8px;
}
.link-chip-v8{
position:absolute;
right:9px;
top:9px;
padding:5px 7px;
border-radius:6px;
background:rgba(43,33,73,.84);
color:#fff;
font-size:8px;
font-weight:800;
letter-spacing:.6px;
}
.market-info-v8{
padding:14px 15px 16px;
}
.seller-v8{
color:#9296a1;
font-size:9px;
}
.market-info-v8 h3{
margin:6px 0 10px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
font-size:13px;
color:#272b38;
}
.market-info-v8>strong{
display:block;
color:#6740d2;
font-size:18px;
}
.market-meta-v8{
display:flex;
justify-content:space-between;
margin-top:9px;
color:#9498a3;
font-size:9px;
}
.market-empty-v8{
min-height:580px;
margin-top:16px;
border:1px solid #e1e3ea;
border-radius:12px;
background:#fff;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:8px;
color:#9599a4;
}
.market-empty-v8>div{
width:56px;
height:56px;
display:grid;
place-items:center;
border-radius:17px;
background:#f0ecff;
color:#744dd7;
font-size:23px;
}
.market-empty-v8 strong{
color:#4c5260;
}
.market-empty-v8 span{
font-size:11px;
}
.market-empty-v8 .primary-v8{
margin-top:8px;
}
/* ---------- FORMS ---------- */
.single-form-wrap-v8{
max-width:590px;
margin:18px auto 0;
}
.single-form-wrap-v8.wide-v8{
max-width:860px;
}
.form-card-v8{
border:1px solid #e2e4eb;
border-radius:14px;
background:#fff;
padding:25px;
box-shadow:0 10px 32px rgba(40,42,65,.05);
}
.form-card-v8 label{
display:block;
margin:0 0 16px;
color:#454a57;
font-size:11px;
font-weight:700;
}
.form-card-v8 input,
.form-card-v8 textarea{
width:100%;
margin-top:7px;
padding:12px;
border:1px solid #dce0e7;
border-radius:8px;
outline:0;
color:#2c303c;
background:#fff;
}
.form-card-v8 input:focus,
.form-card-v8 textarea:focus{
border-color:#9278ed;
box-shadow:0 0 0 3px rgba(124,58,237,.08);
}
.form-card-v8 small{
display:block;
margin-top:6px;
color:#969aa5;
font-size:9px;
font-weight:400;
}
.form-grid-v8{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
}
.form-footer-v8{
display:flex;
justify-content:flex-end;
gap:8px;
padding-top:6px;
}
.cancel-v8{
min-height:42px;
display:inline-flex;
align-items:center;
justify-content:center;
padding:0 17px;
border:1px solid #dfe1e8;
border-radius:9px;
color:#6f7480;
font-size:11px;
font-weight:700;
}
.balance-notice-v8{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:20px;
padding:14px 15px;
border-radius:10px;
background:#f6f3ff;
}
.balance-notice-v8 span{
color:#7f8490;
font-size:10px;
}
.balance-notice-v8 strong{
color:#6841d2;
font-size:17px;
}
.security-caption-v8{
margin:5px 0 18px;
padding:11px 12px;
border-radius:8px;
background:#f7f8fa;
color:#898e99;
font-size:9px;
}
/* ---------- Compatibility fixes for remaining V5 subpages ---------- */
.forum-v5,
.article-v5,
.editor-v5,
.wallet-v5,
.action-v5,
.attendance-v5,
.market-v5,
.market-detail-v5{
width:min(1240px,calc(100% - 36px));
margin:0 auto;
padding:34px 0 54px;
}
.wallet-v5,
.action-v5,
.attendance-v5,
.article-v5,
.editor-v5,
.market-detail-v5{
min-height:calc(100vh - 250px);
}
.market-v5-head,
.action-v5-head,
.editor-v5-head{
display:flex;
justify-content:space-between;
align-items:flex-end;
gap:20px;
padding-bottom:22px;
border-bottom:1px solid #e3e5ed;
}
.market-v5-head>div>span,
.action-v5-head>div>span,
.editor-v5-head>span{
color:#7450d8!important;
}
.market-v5-head h1,
.action-v5-head h1,
.editor-v5-head h1{
color:#202435!important;
}
.market-v5-head p,
.action-v5-head p,
.editor-v5-head p{
color:#7c8290!important;
}
.market-v5-head>a{
padding:11px 17px;
border-radius:9px;
background:linear-gradient(135deg,#6c3dda,#5967ea);
color:#fff!important;
font-size:11px;
font-weight:800;
}
.market-v5-grid{
grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.market-v5-card{
border:1px solid #e3e4eb;
box-shadow:0 8px 25px rgba(35,37,56,.05)!important;
}
.market-v5-card:hover{
box-shadow:0 15px 34px rgba(61,49,111,.10)!important;
}
.market-v5-card>div{
background:#f0ecff!important;
}
.wallet-v5-hero,
.attendance-v5-hero{
color:#252936!important;
box-shadow:0 10px 30px rgba(46,44,72,.05);
}
.wallet-v5-balance,
.attendance-v5-hero>div:last-child{
color:#252936!important;
}
.ledger-v5,
.action-v5-card,
.attendance-v5-history,
.article-v5-card,
.editor-v5 form{
border:1px solid #e2e4eb!important;
background:#fff!important;
color:#252936!important;
box-shadow:0 10px 30px rgba(46,44,72,.05)!important;
}
.article-body-v5{
color:#383d49!important;
}
.comments-v5{
border:1px solid #e2e4eb!important;
background:#fff!important;
color:#252936!important;
}
.market-detail-v5{
color:#252936!important;
}
.market-detail-image{
background:#f0ecff!important;
}
.market-detail-copy p,
.market-detail-copy>div,
.market-detail-copy>span{
color:#737987!important;
}
.external-detail-v6{
border-color:#d4c8f3!important;
color:#6842cf!important;
background:#faf8ff!important;
}
/* ---------- Responsive ---------- */
@media(max-width:1000px){
.market-grid-v8,
.market-v5-grid{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.board-row-v8{
grid-template-columns:60px minmax(0,1fr) 145px 100px;
}
.board-row-v8>div:nth-child(5){
display:none;
}
}
@media(max-width:760px){
.page-container-v8{
width:calc(100% - 20px);
padding-top:22px;
}
.page-heading-v8{
align-items:flex-start;
flex-direction:column;
min-height:0;
}
.board-tabs-v8{
overflow:auto;
white-space:nowrap;
}
.board-tabs-v8 a{
min-width:auto;
}
.board-toolbar-v8,
.market-control-v8{
height:auto;
padding:12px;
align-items:flex-start;
flex-direction:column;
gap:10px;
}
.board-search-v8,
.market-search-v8{
width:100%;
}
.board-row-v8{
grid-template-columns:minmax(0,1fr) 110px;
min-height:62px;
}
.board-head-v8{
display:none;
}
.board-row-v8>div:nth-child(1),
.board-row-v8>div:nth-child(4),
.board-row-v8>div:nth-child(5){
display:none;
}
.board-title-v8,
.board-author-v8{
padding:13px!important;
}
.board-list-v8{
min-height:500px;
}
.secondary-position-v8{
display:none;
}
.market-grid-v8,
.market-v5-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.form-grid-v8{
grid-template-columns:1fr;
}
.forum-v5,
.article-v5,
.editor-v5,
.wallet-v5,
.action-v5,
.attendance-v5,
.market-v5,
.market-detail-v5{
width:calc(100% - 20px);
padding-top:22px;
}
}
@media(max-width:480px){
.market-grid-v8,
.market-v5-grid{
grid-template-columns:1fr!important;
}
}
/* ================================================================
BAEGYA HUB FINAL V9
Full layout verification / admin recovery / font scale / 2x2 ads
================================================================ */
/* ---------- Global readable scale ---------- */
html{
font-size:16px;
}
body{
font-size:15px;
line-height:1.55;
}
.premium-nav{
font-size:14px;
}
.premium-brand b{
font-size:21px;
}
.premium-brand small{
font-size:9px;
}
.member-chip b{
font-size:12px;
}
.member-chip small{
font-size:10px;
}
.home-section-head h2{
font-size:20px;
}
.home-section-head h3{
font-size:16px;
}
.home-section-head>a{
font-size:11px;
}
.home-board-row b{
font-size:12px;
}
.home-board-row span,
.home-board-row small{
font-size:10px;
}
.home-board-row em{
font-size:10px;
}
.menu-card-v6 a{
font-size:13px;
}
.menu-card-v6>b{
font-size:15px;
}
.member-profile-v6 span,
.member-points-v6 span{
font-size:11px;
}
.member-buttons-v6 a,
.primary-block{
font-size:12px;
}
.summary-v6 span{
font-size:11px;
}
.summary-v6 strong{
font-size:22px;
}
.small-panel-v6 li,
.notice-line-v6{
font-size:12px;
}
.mini-market-row-v6 b,
.mini-market-row-v6 strong{
font-size:11px;
}
.mini-market-row-v6 small{
font-size:9px;
}
.ranking-row-v6 span,
.ranking-row-v6 strong{
font-size:11px;
}
.stats-v6 span{
font-size:11px;
}
.quick-links-v6 b{
font-size:12px;
}
.quick-links-v6 span{
font-size:9px;
}
.page-title-v6>span,
.eyebrow-v8{
font-size:11px;
}
.page-title-v6 p,
.page-heading-v8 p{
font-size:14px;
}
.page-heading-v8 h1,
.page-title-v6 h1{
font-size:32px;
}
/* ---------- Main banners: EXACT 2 x 2 on desktop ---------- */
.banner-zone-v6{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:12px !important;
align-items:stretch;
}
.banner-v6{
width:100%;
height:158px !important;
border-radius:12px !important;
overflow:hidden;
background:#eee9ff;
box-shadow:0 8px 24px rgba(45,42,77,.08);
}
.banner-v6 img{
width:100% !important;
height:100% !important;
max-width:none !important;
object-fit:cover !important;
display:block;
}
.banner-none-v6{
grid-column:1/-1;
min-height:158px;
}
/* ---------- Common legacy component recovery ---------- */
.card,
.page-card,
.panel{
background:#fff;
color:#242936;
border:1px solid #e2e4eb;
border-radius:14px;
box-shadow:0 10px 30px rgba(39,40,62,.05);
}
.page-card{
width:min(1320px,calc(100% - 36px));
margin:28px auto 50px;
padding:26px;
min-height:420px;
}
.page-card h1{
margin:0 0 8px;
font-size:28px;
letter-spacing:-.6px;
}
.page-card h2{
font-size:21px;
}
.page-card h3{
font-size:17px;
}
.muted{
color:#7d8390;
font-size:13px;
}
.btn,
button.btn{
display:inline-flex;
align-items:center;
justify-content:center;
border:0;
border-radius:8px;
background:linear-gradient(135deg,#6d3ed9,#5968e9);
color:#fff;
padding:10px 15px;
font-size:12px;
font-weight:800;
cursor:pointer;
}
.btn.small{
padding:8px 11px;
font-size:11px;
}
.btn.danger{
background:#dc4656;
}
.inline{
display:flex;
align-items:center;
gap:7px;
flex-wrap:wrap;
}
.inline input,
.inline select{
width:auto;
min-width:105px;
margin:0;
}
.form-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}
.content-grid{
display:grid;
gap:14px;
}
.content-grid.two{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.panel{
padding:20px;
}
.row{
display:flex;
justify-content:space-between;
align-items:center;
gap:14px;
min-height:46px;
padding:10px 0;
border-bottom:1px solid #eef0f4;
font-size:12px;
}
.row:last-child{
border-bottom:0;
}
.plus{
color:#138a55;
}
.minus{
color:#cf4050;
}
/* ---------- Tables everywhere ---------- */
.page-card table{
width:100%;
margin-top:18px;
border-collapse:separate;
border-spacing:0;
overflow:hidden;
border:1px solid #e4e6ed;
border-radius:10px;
font-size:12px;
}
.page-card th{
background:#f7f8fb;
color:#727887;
font-size:11px;
font-weight:800;
}
.page-card th,
.page-card td{
padding:12px 13px;
border-bottom:1px solid #eceef2;
text-align:left;
vertical-align:middle;
}
.page-card tr:last-child td{
border-bottom:0;
}
.page-card tbody tr:hover td{
background:#fcfbff;
}
.page-card code{
font-size:11px;
color:#655f72;
word-break:break-all;
}
/* ================================================================
ADMIN
================================================================ */
.admin-layout{
width:min(1420px,calc(100% - 36px));
margin:26px auto 52px;
display:grid;
grid-template-columns:230px minmax(0,1fr);
gap:18px;
align-items:start;
}
.admin-side{
position:sticky;
top:92px;
padding:16px;
border:1px solid #e2e4eb;
border-radius:14px;
background:#fff;
box-shadow:0 10px 30px rgba(39,40,62,.05);
}
.admin-side h3{
margin:3px 6px 14px;
color:#272c39;
font-size:16px;
}
.admin-side a{
display:block;
padding:10px 11px;
border-radius:8px;
color:#666c79;
font-size:12px;
font-weight:650;
transition:.12s;
}
.admin-side a:hover,
.admin-side a:first-of-type{
background:#f0ecff;
color:#6740d0;
}
.admin-layout>section{
min-width:0;
}
.admin-title{
min-height:90px;
display:flex;
align-items:flex-end;
padding:0 2px 18px;
border-bottom:1px solid #e3e5eb;
}
.admin-title span{
display:block;
color:#7753d9;
font-size:10px;
font-weight:800;
letter-spacing:2px;
}
.admin-title h1{
margin:5px 0 0;
color:#222735;
font-size:30px;
letter-spacing:-.7px;
}
.dash-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:12px;
margin-top:16px;
}
.dash-card{
min-height:122px;
padding:19px;
display:flex;
flex-direction:column;
justify-content:space-between;
}
.dash-card span{
color:#7a808d;
font-size:12px;
}
.dash-card strong{
color:#6540d0;
font-size:23px;
line-height:1.2;
}
.admin-layout .content-grid{
margin-top:14px;
}
.admin-layout .panel h3{
margin:0 0 8px;
font-size:16px;
}
.admin-layout .row span,
.admin-layout .row small{
font-size:11px;
}
/* Admin pages that are not yet wrapped with .admin-layout */
.premium-main>.page-card,
.premium-main>form.page-card,
.premium-main>.content-page-v6{
position:relative;
}
/* ---------- Permission editor ---------- */
.permission-row{
display:grid;
grid-template-columns:minmax(150px,1.3fr) repeat(3,120px) 90px 80px;
gap:10px;
align-items:end;
padding:14px 0;
border-bottom:1px solid #eceef2;
}
.permission-row:last-child{
border-bottom:0;
}
.permission-row>b{
align-self:center;
font-size:13px;
}
.permission-row label{
margin:0;
color:#686e7c;
font-size:10px;
font-weight:700;
}
.permission-row input[type="number"]{
width:100%;
min-height:38px;
margin-top:6px;
padding:8px 9px;
border:1px solid #dce0e7;
border-radius:7px;
}
.permission-row input[type="checkbox"]{
width:auto;
}
/* ---------- Rank editor ---------- */
.rank-edit-row{
display:grid;
grid-template-columns:72px 1.2fr 100px 130px 1.3fr 82px;
gap:11px;
align-items:end;
padding:15px 0;
border-bottom:1px solid #eceef2;
}
.rank-edit-row:last-child{
border-bottom:0;
}
.rank-preview{
display:flex;
align-items:center;
justify-content:center;
min-height:62px;
}
.rank-preview img{
width:56px !important;
height:56px !important;
object-fit:contain;
}
.rank-edit-row label{
margin:0;
font-size:10px;
color:#676d7a;
}
.rank-edit-row input{
min-height:38px;
}
/* ---------- Ad editor ---------- */
.ad-edit{
display:grid;
grid-template-columns:190px minmax(0,1fr) 230px;
gap:15px;
align-items:center;
padding:16px 0;
border-bottom:1px solid #eceef2;
}
.ad-edit>img{
width:190px !important;
height:105px !important;
object-fit:cover !important;
border-radius:9px;
border:1px solid #e2e4ea;
}
.ad-edit>div{
min-width:0;
}
.ad-edit input{
margin:5px 0;
}
.ad-edit label{
font-size:10px;
}
.ad-edit small{
display:block;
margin-top:7px;
color:#8b909c;
font-size:10px;
}
.ad-edit.new{
grid-template-columns:minmax(0,1fr) 230px;
}
/* ---------- Admin mail / settings ---------- */
.mail-security-info{
max-width:1320px;
margin-left:auto;
margin-right:auto;
}
/* ---------- Inputs global readability ---------- */
.page-card input,
.page-card select,
.page-card textarea,
.premium-form-v6 input,
.premium-form-v6 select,
.premium-form-v6 textarea{
font-size:13px;
}
/* ---------- Forum V8 readability ---------- */
.board-tabs-v8 a{
font-size:12px;
}
.board-total-v8{
font-size:12px;
}
.board-search-v8 input,
.board-search-v8 button{
font-size:12px;
}
.board-head-v8{
font-size:11px;
}
.board-number-v8,
.board-date-v8,
.board-view-v8{
font-size:11px;
}
.board-title-v8 strong{
font-size:13px;
}
.board-category-v8{
font-size:10px;
}
.board-author-v8{
font-size:11px;
}
.board-empty-v8 span{
font-size:12px;
}
/* ---------- Market V8 readability ---------- */
.market-control-v8 strong{
font-size:12px;
}
.market-control-v8 span{
font-size:11px;
}
.market-search-v8 input,
.market-search-v8 button{
font-size:12px;
}
.seller-v8{
font-size:10px;
}
.market-info-v8 h3{
font-size:14px;
}
.market-info-v8>strong{
font-size:19px;
}
.market-meta-v8{
font-size:10px;
}
/* ---------- Resend/auth readability ---------- */
.auth-intro>span,
.secure-auth-card>span{
font-size:11px;
}
.auth-intro>p{
font-size:14px;
}
.security-points b{
font-size:13px;
}
.secure-auth-card label{
font-size:12px;
}
.secure-auth-card label small{
font-size:10px;
}
.auth-help a,
.auth-link,
.auth-link a,
.sub-auth-link{
font-size:11px;
}
/* ---------- Responsive ---------- */
@media(max-width:1150px){
.dash-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.permission-row{
grid-template-columns:1fr 1fr 1fr;
}
.permission-row>b{
grid-column:1/-1;
}
.rank-edit-row{
grid-template-columns:72px 1fr 1fr;
}
.rank-edit-row label:nth-of-type(4){
grid-column:2/-1;
}
.ad-edit{
grid-template-columns:160px minmax(0,1fr);
}
.ad-edit>div:last-child{
grid-column:2;
}
}
@media(max-width:900px){
.admin-layout{
grid-template-columns:1fr;
}
.admin-side{
position:static;
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:5px;
}
.admin-side h3{
grid-column:1/-1;
}
.content-grid.two{
grid-template-columns:1fr;
}
.page-card{
width:calc(100% - 20px);
padding:18px;
}
.page-card table{
display:block;
overflow-x:auto;
white-space:nowrap;
}
}
@media(max-width:760px){
.banner-zone-v6{
grid-template-columns:1fr !important;
}
.banner-v6{
height:142px !important;
}
.dash-grid{
grid-template-columns:1fr 1fr;
}
.admin-side{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.permission-row,
.rank-edit-row,
.ad-edit,
.ad-edit.new{
grid-template-columns:1fr;
}
.rank-edit-row label:nth-of-type(4),
.ad-edit>div:last-child{
grid-column:auto;
}
.ad-edit>img{
width:100%!important;
height:180px!important;
}
.form-grid{
grid-template-columns:1fr;
}
}
@media(max-width:480px){
.dash-grid{
grid-template-columns:1fr;
}
.admin-side{
grid-template-columns:1fr;
}
}
/* ---------- V9 validation closure: remaining static classes ---------- */
.home-center-v6{
min-width:0;
}
.action-v8{
min-height:calc(100vh - 250px);
}
.alert{
padding:11px 14px;
border-radius:8px;
margin:10px 0;
font-size:12px;
}
.alert.error{
background:#fff0f1;
color:#a52c3b;
}
.alert.success{
background:#eaf9ef;
color:#247145;
}
.fullbtn{
width:100%;
}
.install-body{
min-height:100vh;
margin:0;
display:grid;
place-items:center;
padding:30px;
background:linear-gradient(135deg,#f6f2ff,#f7f9fc);
color:#242936;
}
.install-card{
width:min(620px,100%);
padding:30px;
border:1px solid #e1e3eb;
border-radius:16px;
background:#fff;
box-shadow:0 20px 55px rgba(45,40,78,.10);
}
.install-card h1{
margin-top:0;
font-size:28px;
}
.install-card label{
display:block;
margin:13px 0;
font-size:12px;
font-weight:700;
}
.install-card input{
width:100%;
margin-top:6px;
padding:11px 12px;
border:1px solid #dadee6;
border-radius:8px;
}
.box{
width:min(900px,calc(100% - 30px));
margin:40px auto;
padding:24px;
border:1px solid #e1e3eb;
border-radius:14px;
background:#fff;
}
.ok{
color:#188250;
}
[class^="state-"],
[class*=" state-"]{
font-weight:700;
}
/* ================================================================
BAEGYA HUB FINAL V10 — unified readable UI
================================================================ */
:root{--v10-purple:#6b3fd4;--v10-purple2:#7654e8;--v10-blue:#4f68e8;--v10-ink:#242938;--v10-muted:#737b8c;--v10-line:#e1e4ec;--v10-bg:#f6f7fb;--v10-white:#fff;--v10-green:#14945d;--v10-red:#d74657}
html{font-size:17px!important}
body{font-size:15px!important;line-height:1.6!important;color:var(--v10-ink)}
.premium-nav{font-size:14px!important;gap:22px}.premium-head-inner{max-width:1480px}.premium-brand b{font-size:22px!important}.global-search input{font-size:13px}.operator-btn{font-size:12px}.member-chip b{font-size:12px}.member-chip small{font-size:10px}
.home-v6,.page-container-v10{max-width:1415px;margin:auto}.page-container-v10{padding:30px 16px 54px}
.banner-zone-v6{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.banner-v6{height:190px!important;border-radius:14px!important;box-shadow:0 10px 28px rgba(43,39,72,.08)}.banner-v6 img{width:100%!important;height:100%!important;object-fit:cover!important}
.home-layout-v6{margin-top:14px}.summary-v6 span{font-size:12px!important}.summary-v6 strong{font-size:23px!important}.home-section-head span{font-size:10px!important}.home-section-head h2{font-size:22px!important}.home-section-head h3{font-size:17px!important}.home-section-head>a{font-size:12px!important}.menu-card-v6 a{font-size:13px!important}.home-board-head{font-size:11px!important}.home-board-row b{font-size:13px!important}.home-board-row span,.home-board-row small{font-size:11px!important}.home-board-row em{font-size:10px!important}.quick-links-v6 b{font-size:12px!important}.quick-links-v6 span{font-size:10px!important}.small-panel-v6 li,.notice-line-v6{font-size:12px!important}
/* Common sub-page */
.sub-head-v10{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:8px 0 22px;border-bottom:1px solid var(--v10-line)}.sub-head-v10>div>span{display:block;color:var(--v10-purple);font-size:11px;font-weight:800;letter-spacing:1.8px}.sub-head-v10 h1{margin:6px 0 8px;font-size:34px;letter-spacing:-1px}.sub-head-v10 p{margin:0;color:var(--v10-muted);font-size:14px}.primary-button-v10{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:0;border-radius:9px;background:linear-gradient(135deg,var(--v10-purple),var(--v10-blue));color:#fff;font-size:13px;font-weight:800;cursor:pointer}.surface-v10{background:#fff;border:1px solid var(--v10-line);border-radius:14px;box-shadow:0 10px 30px rgba(38,39,58,.045)}.surface-head-v10{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.surface-head-v10 span{display:block;color:var(--v10-purple);font-size:10px;font-weight:800;letter-spacing:1.5px}.surface-head-v10 h3{margin:4px 0 0;font-size:19px}.surface-head-v10 small{font-size:11px;color:#9095a1}
.balance-chip-v10{min-width:210px;padding:14px 17px;background:#f1edff;border:1px solid #ded5ff;border-radius:11px}.balance-chip-v10 span{display:block;font-size:11px;color:#777e8d}.balance-chip-v10 strong{display:block;margin-top:4px;font-size:22px;color:#6540cd}
/* Points */
.points-hero-v10{min-height:255px;padding:34px 38px;border-radius:17px;background:linear-gradient(120deg,#f0ebff 0,#fff 60%,#edf3ff 100%);border:1px solid #ddd7f4;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 14px 35px rgba(47,43,81,.055)}.points-hero-v10>div:first-child>span{font-size:11px;color:var(--v10-purple);letter-spacing:2px;font-weight:800}.points-hero-v10 h1{font-size:38px;margin:8px 0}.points-hero-v10 p{font-size:14px;color:#6f7687;max-width:650px}.hero-actions-v10{display:flex;gap:8px;margin-top:22px}.hero-actions-v10 a{padding:10px 15px;border-radius:8px;background:#6a43d6;color:#fff;font-size:12px;font-weight:800}.hero-actions-v10 a:last-child{background:#fff;color:#6340ca;border:1px solid #d8cff4}.points-balance-v10{min-width:330px;padding:25px;border-radius:15px;background:#171c31;color:#fff;box-shadow:0 16px 38px rgba(20,24,50,.15)}.points-balance-v10 small{font-size:10px;letter-spacing:1.5px;color:#9faad0}.points-balance-v10 strong{display:block;margin:8px 0;font-size:34px;color:#ad91ff}.points-balance-v10 span{font-size:11px;color:#aeb6cd}.metric-grid-v10{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:12px}.metric-grid-v10 article{padding:18px;background:#fff;border:1px solid var(--v10-line);border-radius:12px}.metric-grid-v10 span{font-size:11px;color:#858b99}.metric-grid-v10 strong{display:block;margin:7px 0 2px;font-size:20px;color:#5f3bca}.metric-grid-v10 small{font-size:9px;color:#a0a4ae}.ledger-surface-v10{margin-top:12px;padding:20px}.ledger-table-v10{overflow:hidden;border:1px solid #e5e7ed;border-radius:10px}.ledger-table-v10 .tr{display:grid;grid-template-columns:180px 150px minmax(0,1fr) 130px 130px;min-height:54px;align-items:center;border-bottom:1px solid #eef0f4}.ledger-table-v10 .tr:last-child{border-bottom:0}.ledger-table-v10 .tr>div{padding:0 13px;font-size:12px}.ledger-table-v10 .head{background:#f7f8fb;color:#7c8391;font-weight:800}.ledger-type-v10{padding:5px 7px;border-radius:5px;background:#f0ecff;color:#6840cc;font-size:10px}
/* Attendance */
.attendance-hero-v10{min-height:265px;padding:34px 38px;border-radius:17px;background:linear-gradient(120deg,#4d2f9a,#6d46dd 55%,#536fe8);display:flex;align-items:center;justify-content:space-between;gap:30px;color:#fff;box-shadow:0 16px 38px rgba(71,48,150,.16)}.attendance-hero-v10>div:first-child>span{font-size:11px;letter-spacing:2px;color:#d7caff}.attendance-hero-v10 h1{font-size:38px;margin:8px 0}.attendance-hero-v10 p{font-size:14px;color:#e0daf6}.attendance-stat-v10{display:flex;gap:22px;margin-top:22px}.attendance-stat-v10 span{font-size:12px;color:#dcd5f6}.attendance-stat-v10 b{color:#fff}.reward-card-v10{min-width:320px;padding:24px;border-radius:15px;background:#fff;color:#292d3b;box-shadow:0 18px 36px rgba(42,27,93,.18)}.reward-card-v10>span{font-size:11px;color:#7a8090}.reward-card-v10>strong{display:block;margin:7px 0 14px;font-size:34px;color:#6741d1}.attendance-button-v10{width:100%;border:0;border-radius:9px;padding:12px;background:linear-gradient(135deg,#6c40d3,#5069e6);color:#fff;font-size:13px;font-weight:800}.done-v10{padding:11px;border-radius:8px;background:#edf8f2;color:#188052;font-size:12px;font-weight:800;text-align:center}.calendar-surface-v10{margin-top:13px;padding:20px}.calendar-head-v10,.calendar-grid-v10{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.calendar-head-v10 span{padding:8px;text-align:center;color:#858a98;font-size:11px;font-weight:800}.calendar-grid-v10 .day,.calendar-grid-v10 .blank{min-height:86px;border:1px solid #e7e8ee;border-radius:9px;padding:10px;background:#fff}.calendar-grid-v10 .day span{font-size:12px;color:#686f7e}.calendar-grid-v10 .day b{display:block;margin-top:17px;font-size:11px;color:#6540ce}.calendar-grid-v10 .day.attended{background:#f5f1ff;border-color:#dbd1f7}.calendar-grid-v10 .day.today{box-shadow:inset 0 0 0 2px #6b45d3}.recent-att-v10{margin-top:12px;padding:20px}.attendance-history-v10{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.attendance-history-v10 article{padding:13px;border:1px solid #e5e7ed;border-radius:9px}.attendance-history-v10 span{display:block;font-size:11px;color:#7f8592}.attendance-history-v10 b{display:block;margin-top:5px;color:#6540ce;font-size:13px}
/* Charge */
.charge-grid-v10{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:13px}.charge-grid-v10>.surface-v10{padding:22px}.form-v10 label{display:block;margin:15px 0;font-size:12px;font-weight:800}.form-v10 input{width:100%;margin-top:7px;padding:12px;border:1px solid #dce0e7;border-radius:8px;font-size:13px}.info-box-v10{margin:16px 0;padding:12px;border-radius:8px;background:#f5f3fb;color:#747b89;font-size:11px}.history-v10>div{display:grid;grid-template-columns:minmax(0,1fr) 110px 95px;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid #eef0f4}.history-v10 span{display:flex;flex-direction:column}.history-v10 b{font-size:13px}.history-v10 small{font-size:10px;color:#9297a2}.history-v10 strong{font-size:13px;color:#6540cd}.state-v10{font-style:normal;text-align:center;padding:5px 7px;border-radius:6px;font-size:10px}.state-v10.pending{background:#fff3d8;color:#936300}.state-v10.approved{background:#e8f8ef;color:#15794b}.state-v10.denied{background:#ffe9ec;color:#b43143}
/* Forum */
.board-tabs-v10{display:flex;gap:8px;flex-wrap:wrap;padding:16px 0}.board-tabs-v10 a{padding:9px 14px;border:1px solid #dfe2e9;border-radius:8px;background:#fff;color:#6e7482;font-size:12px;font-weight:800}.board-tabs-v10 a.active{background:#6a43d5;border-color:#6a43d5;color:#fff}.board-surface-v10{overflow:hidden}.board-toolbar-v10{min-height:64px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eceef3}.board-toolbar-v10>span{font-size:12px;color:#737a88}.board-toolbar-v10 form{display:flex;width:320px;height:39px;border:1px solid #dfe1e7;border-radius:8px;overflow:hidden}.board-toolbar-v10 input{flex:1;border:0;outline:0;padding:0 11px;font-size:12px}.board-toolbar-v10 button{width:58px;border:0;background:#f0ecff;color:#6540ca;font-size:11px;font-weight:800}.board-table-v10{min-height:620px}.board-table-v10 .tr{display:grid;grid-template-columns:70px minmax(0,1fr) 170px 120px 70px;align-items:center;min-height:56px;border-bottom:1px solid #eef0f4;color:#646b79}.board-table-v10 .tr>div{padding:0 13px;font-size:12px}.board-table-v10 .head{min-height:44px;background:#f8f9fb;color:#898f9c;font-weight:800}.board-table-v10 .subject{display:flex;align-items:center;gap:8px;min-width:0}.board-table-v10 .subject span{padding:4px 6px;border-radius:5px;background:#f0ecff;color:#6740cc;font-size:10px}.board-table-v10 .subject b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#2c303d;font-size:13px}.board-table-v10 .author{display:flex;align-items:center;gap:7px}.board-table-v10 .author img{width:26px!important;height:26px!important;object-fit:contain}.pagination-v10{display:flex;justify-content:center;gap:5px;padding:18px}.pagination-v10 a{width:33px;height:33px;border:1px solid #dee1e8;border-radius:7px;display:grid;place-items:center;font-size:11px;color:#777e8d}.pagination-v10 a.active{background:#6841d1;color:#fff;border-color:#6841d1}.empty-v10{padding:30px;text-align:center;color:#959aa5;font-size:12px}.empty-v10.large{min-height:570px;display:grid;place-items:center}
/* Home community 10 + rolling five */
.community-board-home-v10{margin-top:12px;padding:18px;background:#fff;border:1px solid var(--v10-line);border-radius:13px;box-shadow:0 9px 26px rgba(40,41,63,.045)}.recent-ticker-v10{height:44px;margin:14px 0 10px;display:flex;align-items:center;gap:10px;padding:0 12px;border-radius:9px;background:linear-gradient(90deg,#f2edff,#f8f9ff);overflow:hidden}.ticker-label{flex:0 0 auto;padding:4px 7px;border-radius:5px;background:#6c42d3;color:#fff;font-size:9px;font-weight:900}.ticker-window-v10{height:38px;flex:1;overflow:hidden}.ticker-track-v10 a{height:38px;display:grid;grid-template-columns:90px minmax(0,1fr) 100px;align-items:center;gap:8px}.ticker-track-v10 em{font-style:normal;color:#6d49ce;font-size:10px}.ticker-track-v10 b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticker-track-v10 small{font-size:10px;color:#858b98;text-align:right}.ticker-track-v10.animate{animation:tickerUpV10 15s infinite ease-in-out}@keyframes tickerUpV10{0%,14%{transform:translateY(0)}20%,34%{transform:translateY(-38px)}40%,54%{transform:translateY(-76px)}60%,74%{transform:translateY(-114px)}80%,94%{transform:translateY(-152px)}100%{transform:translateY(0)}}.board-shortcuts-v10{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:13px}.board-shortcuts-v10 a{padding:12px;border:1px solid #e6e7ed;border-radius:8px;background:#fafafe}.board-shortcuts-v10 b{display:block;font-size:11px}.board-shortcuts-v10 span{display:block;margin-top:3px;font-size:9px;color:#9499a4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Admin V10 */
.admin-v10-shell{width:min(1480px,calc(100% - 32px));margin:24px auto 50px;display:grid;grid-template-columns:240px minmax(0,1fr);gap:17px;align-items:start}.admin-v10-side{position:sticky;top:90px;padding:15px;border:1px solid var(--v10-line);border-radius:14px;background:#fff;box-shadow:0 10px 28px rgba(41,42,63,.05)}.admin-v10-side-title{padding:5px 8px 13px;border-bottom:1px solid #eceef3;margin-bottom:7px}.admin-v10-side-title span{display:block;color:#7752d9;font-size:9px;letter-spacing:1.6px}.admin-v10-side-title b{display:block;margin-top:3px;font-size:17px}.admin-v10-side>a,.admin-v10-side-bottom a{display:block;padding:9px 10px;border-radius:7px;color:#626978;font-size:12px;font-weight:700}.admin-v10-side>a:hover,.admin-v10-side>a.active{background:#f0ecff;color:#6740ce}.admin-v10-side-bottom{margin-top:9px;padding-top:9px;border-top:1px solid #eceef3}.admin-v10-main{min-width:0}.admin-v10-topbar{min-height:105px;padding:8px 0 18px;display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--v10-line)}.admin-v10-topbar span{font-size:10px;letter-spacing:1.8px;color:#7550d7;font-weight:800}.admin-v10-topbar h1{margin:5px 0 5px;font-size:31px}.admin-v10-topbar p{margin:0;color:#777e8d;font-size:13px}.admin-v10-actions{display:flex;gap:7px}.admin-v10-actions a,.admin-v10-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:0 13px;border:1px solid #dfe1e8;border-radius:8px;background:#fff;color:#5f6675;font-size:11px;font-weight:800}.admin-v10-dash{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:15px}.admin-v10-dash article{padding:17px;background:#fff;border:1px solid var(--v10-line);border-radius:11px}.admin-v10-dash span{font-size:11px;color:#7d8492}.admin-v10-dash strong{display:block;margin:7px 0 3px;color:#613cca;font-size:22px}.admin-v10-dash small{font-size:9px;color:#a0a4af}.admin-v10-grid{display:grid;gap:11px;margin-top:11px}.admin-v10-grid.two{grid-template-columns:1fr 1fr}.admin-v10-card{margin-top:12px;padding:19px;background:#fff;border:1px solid var(--v10-line);border-radius:13px;box-shadow:0 9px 27px rgba(41,42,63,.045)}.admin-v10-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.admin-v10-card-head span{font-size:9px;letter-spacing:1.5px;color:#7652d7}.admin-v10-card-head h3{margin:3px 0 0;font-size:18px}.admin-v10-card-head>b{font-size:11px;color:#767d8b}.admin-v10-help{color:#767d8a;font-size:11px;line-height:1.7}.admin-v10-button-row{display:flex;align-items:center;gap:8px}.admin-v10-primary,.admin-v10-danger{border:0;border-radius:8px;min-height:40px;padding:0 14px;color:#fff;font-size:11px;font-weight:800;cursor:pointer}.admin-v10-primary{background:linear-gradient(135deg,#6c40d4,#5868e8)}.admin-v10-danger{background:#d84a59}.admin-v10-primary.mini,.admin-v10-danger.mini{min-height:32px;padding:0 10px;font-size:10px}.admin-v10-status{margin-top:10px;font-size:11px}.admin-v10-status.ok{color:#168151}.admin-v10-status.error{color:#bb394a}.admin-v10-task,.admin-v10-row{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #eef0f4;font-size:11px}.admin-v10-task:last-child,.admin-v10-row:last-child{border-bottom:0}.admin-v10-table{border:1px solid #e5e7ed;border-radius:9px;overflow:auto}.admin-v10-table .tr{display:grid;grid-template-columns:1.5fr .8fr .9fr 1.5fr;align-items:center;min-width:700px;border-bottom:1px solid #eef0f4}.admin-v10-table .tr:last-child{border-bottom:0}.admin-v10-table .tr>div{padding:11px 12px;font-size:11px}.admin-v10-table .head{background:#f7f8fb;color:#7c8391;font-weight:800}.admin-v10-table.six .tr{grid-template-columns:1fr 1fr 1fr 1fr .8fr 1.2fr}.admin-v10-table.users .tr{grid-template-columns:1fr 1fr .8fr 1fr .7fr 2.1fr}.admin-v10-table.market .tr{grid-template-columns:.8fr 1.8fr .8fr .6fr .7fr .8fr 1.3fr}.admin-v10-table.audit .tr{grid-template-columns:1.2fr .8fr 1fr .8fr 2fr}.admin-v10-table.sitemap .tr{grid-template-columns:.7fr 1fr 1.6fr .7fr 2fr}.admin-v10-adjust{display:grid;grid-template-columns:120px minmax(120px,1fr) 60px;gap:5px}.admin-v10-adjust input,.admin-v10-form input,.admin-v10-form select{width:100%;padding:9px 10px;border:1px solid #dce0e7;border-radius:7px;font-size:11px}.status-pill{display:inline-block;padding:4px 7px;border-radius:5px;font-size:9px}.status-pill.pending{background:#fff2d7;color:#936100}.status-pill.approved{background:#e7f7ee;color:#18794d}.status-pill.denied{background:#ffe8eb;color:#b33345}.ads-v10-list{display:flex;flex-direction:column}.ad-v10-edit{display:grid;grid-template-columns:240px minmax(0,1fr) 170px;gap:15px;padding:15px 0;border-bottom:1px solid #eceef3}.ad-v10-preview{height:112px;border-radius:9px;overflow:hidden;background:#f1eff7}.ad-v10-preview img{width:100%!important;height:100%!important;object-fit:cover!important}.ad-v10-preview span{height:100%;display:grid;place-items:center;color:#999}.ad-v10-fields label,.ad-v10-control label,.admin-v10-form label,.board-admin-v10 label,.rank-v10-edit label{display:block;font-size:10px;color:#676e7d;font-weight:700}.ad-v10-fields input,.ad-v10-control input,.ad-v10-new input,.board-admin-v10 input,.rank-v10-edit input{width:100%;margin-top:5px;padding:9px;border:1px solid #dce0e7;border-radius:7px;font-size:11px}.ad-v10-control{display:flex;flex-direction:column;gap:7px}.ad-v10-control .check input,.board-admin-v10 .check input{width:auto}.ad-v10-new{display:grid;grid-template-columns:1fr 1.4fr 1.3fr 100px 90px 70px;gap:7px;align-items:center}.board-admin-v10{display:grid;grid-template-columns:180px 1fr 1.5fr 80px 80px 80px 75px 95px 75px 62px;gap:7px;align-items:end;padding:12px 0;border-bottom:1px solid #eceef3}.board-admin-v10.create{grid-template-columns:1fr 1fr 1.5fr 80px 80px 80px 75px 95px 90px}.board-admin-title{align-self:center}.board-admin-title b{display:block;font-size:12px}.board-admin-title span{font-size:9px;color:#9297a2}.rank-v10-edit{display:grid;grid-template-columns:70px 1fr 100px 130px 1.2fr 62px;gap:9px;align-items:end;padding:12px 0;border-bottom:1px solid #eceef3}.rank-v10-preview img{width:56px!important;height:56px!important;object-fit:contain}.admin-v10-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
/* keep footer text readable */
.premium-footer p,.premium-footer small,.premium-footer a,.premium-footer span{font-size:10px!important}.premium-footer>div>div>b{font-size:14px}
/* responsive */
@media(max-width:1100px){.admin-v10-shell{grid-template-columns:1fr}.admin-v10-side{position:static;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.admin-v10-side-title,.admin-v10-side-bottom{grid-column:1/-1}.admin-v10-dash{grid-template-columns:repeat(2,1fr)}.admin-v10-grid.two{grid-template-columns:1fr}.board-admin-v10,.board-admin-v10.create{grid-template-columns:repeat(3,1fr)}.board-admin-title{grid-column:1/-1}.ad-v10-edit{grid-template-columns:220px 1fr}.ad-v10-control{grid-column:2}.ad-v10-new{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:850px){.banner-zone-v6{grid-template-columns:1fr!important}.banner-v6{height:165px!important}.points-hero-v10,.attendance-hero-v10{flex-direction:column;align-items:flex-start}.points-balance-v10,.reward-card-v10{min-width:0;width:100%}.metric-grid-v10{grid-template-columns:1fr 1fr}.ledger-table-v10{overflow:auto}.ledger-table-v10 .tr{min-width:780px}.charge-grid-v10{grid-template-columns:1fr}.attendance-history-v10{grid-template-columns:repeat(2,1fr)}.board-shortcuts-v10{grid-template-columns:repeat(2,1fr)}.admin-v10-side{grid-template-columns:repeat(2,1fr)}.ad-v10-edit{grid-template-columns:1fr}.ad-v10-control{grid-column:auto}.ad-v10-preview{height:180px}.board-admin-v10,.board-admin-v10.create,.rank-v10-edit{grid-template-columns:1fr 1fr}.admin-v10-form-grid{grid-template-columns:1fr}}
@media(max-width:600px){html{font-size:16px!important}.page-container-v10{padding:20px 10px 40px}.sub-head-v10{align-items:flex-start;flex-direction:column}.sub-head-v10 h1{font-size:29px}.metric-grid-v10{grid-template-columns:1fr}.calendar-grid-v10 .day,.calendar-grid-v10 .blank{min-height:60px;padding:6px}.calendar-grid-v10 .day b{font-size:9px;margin-top:8px}.board-toolbar-v10{height:auto;padding:12px;flex-direction:column;align-items:flex-start;gap:9px}.board-toolbar-v10 form{width:100%}.board-table-v10 .tr{grid-template-columns:minmax(0,1fr) 100px}.board-table-v10 .head{display:none}.board-table-v10 .tr>div:nth-child(1),.board-table-v10 .tr>div:nth-child(4),.board-table-v10 .tr>div:nth-child(5){display:none}.ticker-track-v10 a{grid-template-columns:70px minmax(0,1fr)}.ticker-track-v10 small{display:none}.admin-v10-dash{grid-template-columns:1fr}.admin-v10-side{grid-template-columns:1fr}.ad-v10-new,.board-admin-v10,.board-admin-v10.create,.rank-v10-edit{grid-template-columns:1fr}}
/* V10 validation closure */
.points-v10,.attendance-v10,.charge-v10,.forum-v10{min-width:0}
.full{width:100%}
/* ================================================================
BAEGYA HUB FINAL V11
Community rotation / pinned posts / NEW-HOT / typography
================================================================ */
/* Readability: descriptions and small labels were still too small */
body{font-size:16px!important}
.premium-nav{font-size:15px!important}
.menu-card-v6 a{font-size:14px!important;line-height:1.55}
.member-profile-v6 span,.member-points-v6 span{font-size:12px!important}
.summary-v6 span{font-size:13px!important}
.summary-v6 strong{font-size:24px!important}
.home-section-head span{font-size:11px!important}
.home-section-head h2{font-size:23px!important}
.home-section-head h3{font-size:18px!important}
.home-section-head>a{font-size:13px!important}
.home-section-description-v11{margin:7px 0 0;color:#737a89;font-size:13px;line-height:1.65}
.small-panel-v6 li,.notice-line-v6{font-size:13px!important;line-height:1.65}
.mini-market-row-v6 b,.mini-market-row-v6 strong{font-size:12px!important}
.mini-market-row-v6 small{font-size:10px!important}
.ranking-row-v6 span,.ranking-row-v6 strong{font-size:12px!important}
.stats-v6 span{font-size:12px!important}
.quick-links-v6 b{font-size:13px!important}
.quick-links-v6 span{font-size:11px!important}
.premium-footer p,.premium-footer small,.premium-footer a,.premium-footer span{font-size:11px!important}
.sub-head-v10 p{font-size:15px!important}
.surface-head-v10 small{font-size:12px!important}
.admin-v10-help{font-size:12px!important}
/* dual community / market highlights */
.dual-highlight-v11{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.dual-highlight-v11>a{min-height:92px;padding:17px 18px;border-radius:12px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 8px 24px rgba(41,42,64,.05);transition:.18s}
.dual-highlight-v11>a:hover{transform:translateY(-2px)}
.highlight-community-v11{background:linear-gradient(135deg,#f0ebff,#faf8ff);border:1px solid #dcd1fa}
.highlight-market-v11{background:linear-gradient(135deg,#fff0e8,#fff9f5);border:1px solid #f3d7c8}
.dual-highlight-v11 span{font-size:10px;letter-spacing:1.6px;font-weight:900;color:#7550d6}
.highlight-market-v11 span{color:#d16b3d}
.dual-highlight-v11 b{margin-top:6px;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#272c3a}
.dual-highlight-v11 small{margin-top:4px;font-size:11px;color:#7d8391}
/* community 10 row model */
.community-board-home-v11{margin-top:11px;padding:18px;background:#fff;border:1px solid var(--v10-line);border-radius:13px;box-shadow:0 9px 26px rgba(40,41,63,.045)}
.home-board-head-v11,.home-board-row-v11{display:grid;grid-template-columns:minmax(0,1fr) 110px 62px;gap:9px;align-items:center}
.home-board-head-v11{margin-top:14px;padding:9px 11px;background:#f8f9fb;color:#858b99;font-size:11px;font-weight:800}
.home-board-row-v11{min-height:44px;padding:0 11px;border-bottom:1px solid #eef0f4;color:#646b79}
.home-board-row-v11:hover{background:#fbfaff}
.home-title-v11{display:flex;align-items:center;gap:7px;min-width:0}
.home-title-v11 em{flex:0 0 auto;font-style:normal;padding:4px 6px;border-radius:5px;background:#f0ecff;color:#6840cd;font-size:10px}
.home-title-v11 b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#292e3b}
.home-board-row-v11>span,.home-board-row-v11>small{font-size:11px;color:#7d8390}
.fixed-posts-v11{border-bottom:1px solid #dedfe7}
.rotating-posts-v11{height:220px;overflow:hidden;perspective:900px}
/* pinned alert, reference-like */
.pinned-post-v11{display:grid;grid-template-columns:64px minmax(0,1fr) 90px 58px 42px;align-items:center;gap:8px;min-height:48px;margin-top:8px;padding:0 12px;border-radius:7px;background:linear-gradient(90deg,#e91655,#ef1f63);color:#fff;box-shadow:0 7px 18px rgba(225,28,88,.16)}
.pin-label-v11{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;background:#1ca358;color:#fff;font-size:10px;font-weight:900;padding:4px 6px}
.pinned-post-v11 b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pinned-post-v11 small,.pinned-post-v11 em,.pinned-post-v11 i{font-size:10px;font-style:normal;color:#fff}
/* NEW / HOT effects */
.new-badge-v11,.hot-badge-v11{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 6px;border-radius:5px;color:#fff;font-size:9px;font-weight:900;letter-spacing:.3px}
.new-badge-v11{background:linear-gradient(135deg,#6d37e3,#874cff);box-shadow:0 0 0 0 rgba(117,65,229,.45);animation:newPulseV11 1.8s infinite}
.hot-badge-v11{background:linear-gradient(135deg,#ff6b35,#f22c53);box-shadow:0 4px 12px rgba(244,69,69,.22)}
@keyframes newPulseV11{0%{box-shadow:0 0 0 0 rgba(117,65,229,.38)}65%{box-shadow:0 0 0 7px rgba(117,65,229,0)}100%{box-shadow:0 0 0 0 rgba(117,65,229,0)}}
/* one-row-at-a-time flip/roll */
.rotating-row-v11{transform-origin:center top}
.flip-out-v11{animation:flipOutV11 .42s ease forwards}
.flip-in-v11{animation:flipInV11 .48s ease both}
@keyframes flipOutV11{0%{opacity:1;transform:rotateX(0) translateY(0);height:44px}100%{opacity:0;transform:rotateX(85deg) translateY(-12px);height:0;min-height:0;padding-top:0;padding-bottom:0;border:0}}
@keyframes flipInV11{0%{opacity:0;transform:rotateX(-70deg) translateY(12px)}100%{opacity:1;transform:rotateX(0) translateY(0)}}
/* dynamic board shortcuts */
.board-shortcuts-v10{grid-template-columns:repeat(4,minmax(0,1fr))}
.board-shortcuts-v10 b{font-size:12px!important}
.board-shortcuts-v10 span{font-size:10px!important}
/* board pinned style */
.pinned-row-v11{background:#fff5f8!important;border-left:4px solid #ef1858}
.pin-board-v11{display:inline-flex;padding:4px 6px;border-radius:4px;background:#e91d58;color:#fff;font-size:9px;font-weight:900}
.board-table-v10 .subject .new-badge-v11,.board-table-v10 .subject .hot-badge-v11{padding:0 5px}
/* admin post manager */
.admin-post-table-v11{border:1px solid #e5e7ed;border-radius:9px;overflow:auto}
.admin-post-table-v11 .tr{display:grid;grid-template-columns:110px minmax(260px,1fr) 110px 70px 70px 250px;align-items:center;min-width:920px;border-bottom:1px solid #eef0f4}
.admin-post-table-v11 .tr>div{padding:11px 12px;font-size:11px}
.admin-post-table-v11 .head{background:#f7f8fb;color:#7c8391;font-weight:800}
.post-title-admin-v11{display:flex;align-items:center;gap:7px;min-width:0}
.post-title-admin-v11 a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pin-mini-v11{flex:0 0 auto;padding:4px 6px;border-radius:4px;background:#e91d58;color:#fff;font-size:9px;font-weight:900}
.pin-form-v11{display:grid;grid-template-columns:80px 80px;gap:5px}
.pin-form-v11 input{width:100%;padding:8px;border:1px solid #dce0e7;border-radius:7px;font-size:10px}
/* even small descriptive texts */
.side-charge-v6 small,.market-meta-v8,.seller-v8,.event-card-v6 p,.guide-grid-v6 p,.support-grid-v6 p{font-size:11px!important}
.page-title-v6 p{font-size:14px!important}
.secure-auth-card label small{font-size:11px!important}
.auth-help a,.auth-link,.auth-link a,.sub-auth-link{font-size:12px!important}
@media(max-width:900px){
.dual-highlight-v11{grid-template-columns:1fr}
.pinned-post-v11{grid-template-columns:55px minmax(0,1fr) 70px}.pinned-post-v11 em,.pinned-post-v11 i{display:none}
.board-shortcuts-v10{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
body{font-size:15px!important}
.home-board-head-v11,.home-board-row-v11{grid-template-columns:minmax(0,1fr) 80px}.home-board-head-v11 span:last-child,.home-board-row-v11>small{display:none}
.home-title-v11 em{display:none}
.pinned-post-v11{grid-template-columns:48px minmax(0,1fr)}.pinned-post-v11 small{display:none}
.board-shortcuts-v10{grid-template-columns:1fr 1fr}
}
/* ================================================================
BAEGYA HUB FINAL V12 — Personal profile / avatar / cosmetic shop
================================================================ */
/* avatar everywhere */
.member-chip img,.member-profile-v6 img{border-radius:50%;object-fit:cover!important;background:#eee9ff}
.mini-profile-link-v12{display:flex;align-items:center;gap:7px;min-width:0}
.mini-profile-link-v12 img{width:30px!important;height:30px!important;border-radius:50%;object-fit:cover!important;background:#eee9ff;border:1px solid #e2e4eb}
.mini-profile-link-v12 span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.post-author-profile-v12{display:inline-flex;align-items:center;gap:8px}
.post-author-profile-v12 img{width:34px!important;height:34px!important;border-radius:50%;object-fit:cover!important;background:#eee9ff}
.comment-avatar-v12 img{width:34px!important;height:34px!important;border-radius:50%;object-fit:cover!important;background:#eee9ff}
/* public profile */
.profile-public-v12,.profile-edit-page-v12,.profile-shop-page-v12{max-width:1240px;margin:0 auto;padding:30px 18px 55px}
.profile-cover-v12{height:235px;border-radius:18px;background:linear-gradient(135deg,#e7e1ff,#d8e4ff);position:relative;overflow:hidden;border:1px solid #dedff0}
.profile-cover-shine-v12{position:absolute;inset:0;background:radial-gradient(circle at 72% 25%,rgba(255,255,255,.8),transparent 33%)}
.profile-public-card-v12{position:relative;margin:-64px 28px 0;padding:78px 26px 24px;display:flex;align-items:center;gap:20px;background:rgba(255,255,255,.96);border:1px solid #e2e4eb;border-radius:16px;box-shadow:0 18px 38px rgba(39,39,65,.08)}
.profile-avatar-wrap-v12{position:absolute;left:28px;top:-62px;width:124px;height:124px;padding:5px;border-radius:50%;background:#fff;box-shadow:0 10px 28px rgba(40,40,70,.12)}
.profile-avatar-wrap-v12 img{width:100%;height:100%;object-fit:cover;border-radius:50%;background:#eee9ff}
.profile-public-main-v12{margin-left:132px;min-width:0}
.profile-name-line-v12{display:flex;align-items:center;gap:9px}
.profile-name-line-v12 h1,.profile-name-line-v12 h2{margin:0;font-size:28px;line-height:1.2}
.profile-title-v12{margin:5px 0;color:#666d7d;font-size:14px}
.profile-status-v12{display:inline-flex;margin-top:8px;padding:7px 10px;border-radius:8px;background:#f4f2fb;color:#6c49c6;font-size:12px}
.profile-meta-v12{display:flex;gap:13px;flex-wrap:wrap;margin-top:12px;color:#8a8f9b;font-size:11px}
.profile-edit-btn-v12{margin-left:auto;align-self:flex-start;padding:10px 13px;border:1px solid #d9dced;border-radius:8px;color:#6140c9;font-size:11px;font-weight:800}
.profile-content-grid-v12{display:grid;grid-template-columns:.8fr 1.2fr;gap:12px;margin:14px 28px 0}
.profile-about-v12,.profile-activity-v12{padding:20px;background:#fff;border:1px solid #e2e4eb;border-radius:13px}
.profile-about-v12>span,.profile-section-head-v12 span{font-size:9px;color:#7651d9;letter-spacing:1.6px}.profile-about-v12 h3,.profile-section-head-v12 h3{margin:4px 0 10px;font-size:18px}.profile-about-v12 p{color:#646b79;font-size:13px;line-height:1.8}
.profile-activity-v12>a{display:grid;grid-template-columns:90px minmax(0,1fr) 90px;gap:8px;padding:10px 0;border-bottom:1px solid #eef0f4;align-items:center}.profile-activity-v12>a span,.profile-activity-v12>a small{font-size:10px;color:#8a8f9c}.profile-activity-v12>a b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-empty-v12{padding:30px;text-align:center;color:#9a9eaa;font-size:12px}
/* profile editor */
.profile-edit-head-v12,.profile-shop-head-v12{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:5px 0 22px;border-bottom:1px solid #e2e4eb}
.profile-edit-head-v12 span,.profile-shop-head-v12>div>span{font-size:10px;color:#7651da;letter-spacing:1.8px;font-weight:800}
.profile-edit-head-v12 h1,.profile-shop-head-v12 h1{margin:5px 0 6px;font-size:32px}.profile-edit-head-v12 p,.profile-shop-head-v12 p{margin:0;color:#747b89;font-size:13px}
.profile-edit-head-v12>div:last-child{display:flex;gap:7px}.profile-edit-head-v12>div:last-child a{padding:10px 13px;border:1px solid #dfe1e9;border-radius:8px;font-size:11px;font-weight:800}.profile-edit-head-v12 .shop-btn-v12{background:linear-gradient(135deg,#6e43d5,#5869e8);color:#fff;border:0}
.profile-preview-v12{margin-top:14px;border:1px solid #e2e4eb;border-radius:15px;overflow:hidden;background:#fff}.profile-preview-v12>.profile-cover-v12{height:175px;border:0;border-radius:0}.profile-preview-body-v12{position:relative;min-height:130px;padding:38px 25px 22px 170px;display:flex;align-items:flex-start}.profile-preview-body-v12 .profile-avatar-wrap-v12{top:-54px;left:28px;width:118px;height:118px}.profile-preview-body-v12 h2{font-size:24px}.profile-preview-body-v12 p{margin:5px 0 3px;font-size:13px;color:#626978}.profile-preview-body-v12 small{font-size:11px;color:#8a8f9c}
.profile-edit-grid-v12{display:grid;grid-template-columns:.85fr 1.15fr;gap:12px;margin-top:12px}.profile-form-v12,.profile-owned-v12{padding:21px;background:#fff;border:1px solid #e2e4eb;border-radius:13px}.profile-card-head-v12 span{font-size:9px;color:#7752d8;letter-spacing:1.5px}.profile-card-head-v12 h3{margin:4px 0 14px;font-size:18px}.profile-form-v12 label{display:block;margin:14px 0;font-size:11px;font-weight:800}.profile-form-v12 input,.profile-form-v12 textarea{width:100%;margin-top:6px;padding:11px;border:1px solid #dce0e8;border-radius:8px;font-size:12px}.profile-form-v12 label small{display:block;margin-top:5px;color:#969aa5;font-size:9px;font-weight:400}.profile-form-v12>button{width:100%;border:0;border-radius:9px;padding:12px;background:linear-gradient(135deg,#6d42d4,#5769e8);color:#fff;font-weight:800}
.owned-group-v12{padding:13px 0;border-bottom:1px solid #eef0f4}.owned-group-v12:last-child{border-bottom:0}.owned-group-head-v12{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.owned-group-head-v12 b{font-size:12px}.owned-group-head-v12 button{border:0;background:transparent;color:#7a5bd3;font-size:10px;cursor:pointer}.owned-items-v12{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.owned-item-v12{padding:8px;border:1px solid #e3e5ec;border-radius:9px;background:#fafbfe;text-align:left}.owned-item-v12.equipped{border-color:#8c73df;box-shadow:inset 0 0 0 1px #8c73df}.owned-item-v12 b{display:block;margin:6px 0;font-size:10px}.owned-item-v12 button{width:100%;border:0;border-radius:6px;padding:6px;background:#eee9ff;color:#6540ca;font-size:9px;font-weight:800}.owned-empty-v12{grid-column:1/-1;padding:16px;border:1px dashed #d9dbe4;border-radius:8px;text-align:center;color:#7f66ca;font-size:10px}
/* shop */
.shop-balance-v12{min-width:210px;padding:14px 16px;border-radius:11px;background:#f1edff}.shop-balance-v12 span{display:block;color:#7f8492;font-size:10px}.shop-balance-v12 strong{display:block;margin:4px 0;font-size:21px;color:#6540cb}.shop-balance-v12 a{font-size:10px;color:#6742cd;font-weight:800}
.shop-tabs-v12{display:flex;gap:7px;flex-wrap:wrap;padding:15px 0}.shop-tabs-v12 a{padding:9px 13px;border:1px solid #dfe1e8;border-radius:8px;background:#fff;color:#747a87;font-size:11px;font-weight:800}.shop-tabs-v12 a.active{background:#6942d2;color:#fff;border-color:#6942d2}
.shop-grid-v12{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.shop-item-v12{overflow:hidden;background:#fff;border:1px solid #e2e4eb;border-radius:13px;box-shadow:0 8px 24px rgba(40,41,64,.045)}.shop-preview-v12{height:150px;display:grid;place-items:center;background:#f0ecff;position:relative}.shop-preview-v12 span{width:74px;height:74px;border-radius:50%;background:#fff;border:6px solid #ddd;box-shadow:0 8px 20px rgba(50,45,80,.12)}.shop-item-copy-v12{padding:15px}.shop-item-copy-v12>span{font-size:8px;letter-spacing:1.5px;color:#7752d8}.shop-item-copy-v12 h3{margin:5px 0;font-size:15px}.shop-item-copy-v12 p{min-height:38px;margin:0;color:#7d8390;font-size:10px;line-height:1.6}.shop-item-copy-v12>div{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.shop-item-copy-v12 strong{color:#6540cd;font-size:14px}.shop-item-copy-v12 button{border:0;border-radius:7px;padding:8px 10px;background:#6942d2;color:#fff;font-size:10px;font-weight:800}.shop-item-copy-v12 button:disabled{background:#e9e9ee;color:#8b8f9a}
/* cosmetic visual classes */
.profile-frame-violet{background:linear-gradient(135deg,#8b5cf6,#5b67e8)!important;box-shadow:0 0 0 5px rgba(139,92,246,.16),0 12px 30px rgba(89,64,180,.22)!important}
.profile-frame-gold{background:linear-gradient(135deg,#ffd56a,#b8790d)!important;box-shadow:0 0 0 5px rgba(241,183,58,.15),0 12px 30px rgba(132,88,9,.22)!important}
.profile-frame-cyan{background:linear-gradient(135deg,#25d7e8,#2472f4)!important;box-shadow:0 0 0 5px rgba(37,215,232,.14),0 12px 30px rgba(33,113,217,.2)!important}
.profile-banner-default{background:linear-gradient(135deg,#eee9ff,#e7efff)!important}
.profile-banner-aurora{background:radial-gradient(circle at 75% 20%,rgba(107,255,225,.72),transparent 27%),linear-gradient(120deg,#4c2c92,#7249df 48%,#3b8ee7)!important}
.profile-banner-sunset{background:radial-gradient(circle at 78% 28%,rgba(255,237,154,.8),transparent 25%),linear-gradient(120deg,#f36a8d,#f09569 58%,#ffc96c)!important}
.profile-banner-midnight{background:radial-gradient(circle at 70% 25%,rgba(105,114,255,.55),transparent 28%),linear-gradient(120deg,#0e1731,#1b2d5e 60%,#294b88)!important}
.profile-badge-v12{width:22px;height:22px;display:inline-grid;place-items:center}.profile-badge-v12:before{font-size:18px}
.profile-badge-star:before{content:"★";color:#8b5cf6}.profile-badge-crown:before{content:"♛";color:#d79c20}.profile-badge-heart:before{content:"♥";color:#ef4d88}
.profile-nameplate-violet{display:inline-block;padding:3px 8px;border-radius:7px;background:linear-gradient(90deg,#efe9ff,#f7f3ff);color:#6740cc!important}
.profile-nameplate-gold{display:inline-block;padding:3px 8px;border-radius:7px;background:linear-gradient(90deg,#fff2c9,#fff9e8);color:#a66e06!important}
.profile-nameplate-neon{display:inline-block;padding:3px 8px;border-radius:7px;background:#182136;color:#54e6ff!important;text-shadow:0 0 8px rgba(84,230,255,.55)}
.cosmetic-preview-v12.profile-frame-violet span{border-color:#8b5cf6}.cosmetic-preview-v12.profile-frame-gold span{border-color:#d9a126}.cosmetic-preview-v12.profile-frame-cyan span{border-color:#29bfdc}
.cosmetic-preview-v12.profile-banner-aurora,.shop-preview-v12.profile-banner-aurora{background:linear-gradient(120deg,#4c2c92,#7249df,#3b8ee7)}.cosmetic-preview-v12.profile-banner-sunset,.shop-preview-v12.profile-banner-sunset{background:linear-gradient(120deg,#ef6c91,#f49a6f,#ffd06e)}.cosmetic-preview-v12.profile-banner-midnight,.shop-preview-v12.profile-banner-midnight{background:linear-gradient(120deg,#0e1731,#1b2d5e,#294b88)}
.cosmetic-preview-v12.profile-badge-star span:before,.shop-preview-v12.profile-badge-star span:before{content:"★";font-size:34px;color:#8b5cf6}.cosmetic-preview-v12.profile-badge-crown span:before,.shop-preview-v12.profile-badge-crown span:before{content:"♛";font-size:34px;color:#d79c20}.cosmetic-preview-v12.profile-badge-heart span:before,.shop-preview-v12.profile-badge-heart span:before{content:"♥";font-size:34px;color:#ef4d88}
.cosmetic-preview-v12.profile-nameplate-violet span,.shop-preview-v12.profile-nameplate-violet span{width:110px;height:38px;border-radius:8px;border:0;background:linear-gradient(90deg,#efe9ff,#f7f3ff)}.cosmetic-preview-v12.profile-nameplate-gold span,.shop-preview-v12.profile-nameplate-gold span{width:110px;height:38px;border-radius:8px;border:0;background:linear-gradient(90deg,#fff2c9,#fff9e8)}.cosmetic-preview-v12.profile-nameplate-neon span,.shop-preview-v12.profile-nameplate-neon span{width:110px;height:38px;border-radius:8px;border:0;background:#182136}
@media(max-width:950px){.profile-content-grid-v12,.profile-edit-grid-v12{grid-template-columns:1fr}.shop-grid-v12{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.profile-public-v12,.profile-edit-page-v12,.profile-shop-page-v12{padding-left:10px;padding-right:10px}.profile-public-card-v12{margin:-50px 10px 0;padding:72px 16px 18px;align-items:flex-start}.profile-avatar-wrap-v12{left:16px;width:100px;height:100px}.profile-public-main-v12{margin-left:0}.profile-public-card-v12{flex-direction:column}.profile-edit-btn-v12{margin-left:0}.profile-content-grid-v12{margin-left:10px;margin-right:10px}.profile-edit-head-v12,.profile-shop-head-v12{flex-direction:column;align-items:flex-start}.profile-preview-body-v12{padding:70px 18px 18px}.profile-preview-body-v12 .profile-avatar-wrap-v12{left:18px}.owned-items-v12{grid-template-columns:repeat(2,1fr)}.shop-grid-v12{grid-template-columns:1fr}}
/* ================================================================
BAEGYA HUB FINAL V13
Atomic commerce + member admin + premium market detail
================================================================ */
.shop-preview-v12 img{width:100%!important;height:100%!important;object-fit:cover!important}
.profile-shop-admin-create-v13{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end}.profile-shop-admin-create-v13 label,.profile-shop-admin-grid-v13 label{font-size:11px;font-weight:800;color:#666d7b}.profile-shop-admin-create-v13 input,.profile-shop-admin-create-v13 select,.profile-shop-admin-grid-v13 input,.profile-shop-admin-grid-v13 select{width:100%;margin-top:5px;padding:9px;border:1px solid #dce0e8;border-radius:7px;background:#fff}.profile-shop-admin-create-v13 .wide,.profile-shop-admin-grid-v13 .wide{grid-column:span 2}.profile-shop-admin-item-v13{display:grid;grid-template-columns:170px minmax(0,1fr) 135px;gap:14px;padding:15px 0;border-bottom:1px solid #edf0f4}.profile-shop-admin-preview-v13{height:125px;display:grid;place-items:center;overflow:hidden;border-radius:9px;background:#f2effb}.profile-shop-admin-preview-v13 img{width:100%!important;height:100%!important;object-fit:cover!important}.profile-shop-admin-preview-v13>span{width:64px;height:64px;border:6px solid #8b5cf6;border-radius:50%;background:#fff}.profile-shop-admin-code-v13 b{font-size:13px}.profile-shop-admin-code-v13 small{display:block;color:#9297a3;font-size:9px}.profile-shop-admin-grid-v13{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:8px}.profile-shop-admin-grid-v13 .check{padding-top:25px}.profile-shop-admin-grid-v13 .check input{width:auto}.profile-shop-admin-stats-v13{display:flex;flex-direction:column;gap:7px;padding:10px;border-radius:9px;background:#f8f9fc}.profile-shop-admin-stats-v13 strong{font-size:17px;color:#6641cb}.profile-shop-admin-stats-v13 span{font-size:10px;color:#858b98}
/* members */
.member-admin-toolbar-v13{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}.member-admin-toolbar-v13 form{display:flex;gap:6px;max-width:460px;width:100%}.member-admin-toolbar-v13 input{flex:1;padding:10px 12px;border:1px solid #dce0e7;border-radius:8px}.member-admin-toolbar-v13>span{font-size:11px;color:#818794}
.member-admin-table-v13{border:1px solid #e4e6ed;border-radius:9px;overflow:auto}.member-admin-table-v13 .tr{display:grid;grid-template-columns:1.35fr 1.5fr .9fr .85fr .65fr .65fr 1.25fr .8fr;align-items:center;min-width:1100px;border-bottom:1px solid #eef0f4}.member-admin-table-v13 .tr>div{padding:11px 10px;font-size:11px}.member-admin-table-v13 .head{background:#f7f8fb;color:#7d8492;font-weight:800}.member-admin-user-v13{display:flex;align-items:center;gap:8px}.member-admin-user-v13 img{width:36px!important;height:36px!important;border-radius:50%;object-fit:cover!important}.member-admin-user-v13 span{min-width:0}.member-admin-user-v13 b,.member-admin-user-v13 small{display:block}.member-admin-user-v13 small{font-size:9px;color:#9196a2}.member-verified-v13,.member-unverified-v13{padding:4px 6px;border-radius:5px;font-size:9px;font-weight:800}.member-verified-v13{background:#e8f8ef;color:#16794b}.member-unverified-v13{background:#fff0d9;color:#996600}
.member-detail-head-v13{margin-top:15px;padding:20px;display:flex;align-items:center;gap:15px;background:linear-gradient(135deg,#f3efff,#fff);border:1px solid #e1dcf3;border-radius:13px}.member-detail-avatar-v13 img{width:78px!important;height:78px!important;border-radius:50%;object-fit:cover!important}.member-detail-head-v13>div:nth-child(2)>span{font-size:10px;color:#7b8190}.member-detail-head-v13 h2{margin:2px 0;font-size:23px}.member-detail-head-v13 p{margin:0;color:#737a88;font-size:11px}.member-detail-balance-v13{margin-left:auto;text-align:right}.member-detail-balance-v13 span,.member-detail-balance-v13 a{display:block;font-size:10px}.member-detail-balance-v13 strong{display:block;margin:3px 0;font-size:20px;color:#6540ce}
.member-edit-form-v13{display:grid;grid-template-columns:1fr 1fr;gap:10px}.member-edit-form-v13 .admin-v10-card-head,.member-edit-form-v13 .full{grid-column:1/-1}.member-edit-form-v13 label,.member-point-form-v13 label{font-size:11px;font-weight:800}.member-edit-form-v13 input,.member-edit-form-v13 select,.member-edit-form-v13 textarea,.member-point-form-v13 input{width:100%;margin-top:5px;padding:10px;border:1px solid #dce0e8;border-radius:8px}.member-current-points-v13{padding:15px;margin-bottom:10px;border-radius:9px;background:#f2eeff;color:#6540ce;font-size:22px;font-weight:900}.member-security-row-v13{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #eef0f4;font-size:11px}.member-security-actions-v13{margin-top:12px}.member-ledger-v13{overflow:auto;border:1px solid #e5e7ed;border-radius:8px}.member-ledger-v13 .tr{display:grid;grid-template-columns:170px 150px minmax(240px,1fr) 110px 120px;min-width:800px;border-bottom:1px solid #eef0f4}.member-ledger-v13 .tr>div{padding:10px;font-size:11px}.member-ledger-v13 .head{background:#f7f8fb;font-weight:800;color:#7c8391}
/* market detail */
.market-product-v13{max-width:1240px;margin:0 auto;padding:27px 18px 55px}.market-breadcrumb-v13{display:flex;gap:8px;align-items:center;margin:0 0 13px;font-size:11px;color:#8b909c}.market-breadcrumb-v13 a{color:#6742ce}.market-product-main-v13{display:grid;grid-template-columns:1.08fr .92fr;gap:20px}.market-gallery-v13,.market-buybox-v13{background:#fff;border:1px solid #e2e4eb;border-radius:15px;box-shadow:0 10px 30px rgba(40,41,62,.045)}.market-gallery-v13{overflow:hidden}.market-main-image-v13{height:500px;background:#f2f1f7;display:grid;place-items:center}.market-main-image-v13 img{width:100%!important;height:100%!important;object-fit:contain!important}.market-no-image-v13{text-align:center}.market-no-image-v13 b{display:block;font-size:74px;color:#6b43d2}.market-no-image-v13 span{font-size:10px;letter-spacing:2px;color:#9a9eaa}.market-image-caption-v13{padding:12px 15px;display:flex;justify-content:space-between;gap:10px;border-top:1px solid #eceef3}.market-image-caption-v13 span{font-size:11px;font-weight:800}.market-image-caption-v13 small{font-size:10px;color:#9297a3}
.market-buybox-v13{padding:24px}.market-status-line-v13{display:flex;justify-content:space-between;align-items:center}.market-status-line-v13>span{padding:5px 8px;border-radius:6px;font-size:10px;font-weight:900}.market-status-line-v13 .sale{background:#e8f8ef;color:#14794a}.market-status-line-v13 .sold{background:#f0f1f4;color:#777d89}.market-status-line-v13 small{font-size:10px;color:#9297a3}.market-buybox-v13 h1{margin:13px 0 8px;font-size:29px;line-height:1.35}.market-price-v13{display:flex;align-items:flex-end;gap:8px;padding-bottom:17px;border-bottom:1px solid #eceef3}.market-price-v13 strong{font-size:31px;color:#6540ce}.market-price-v13 span{padding-bottom:5px;font-size:10px;color:#898e9a}.market-info-list-v13{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:14px 0;background:#e9ebf0;border:1px solid #e9ebf0;border-radius:9px;overflow:hidden}.market-info-list-v13>div{padding:11px;background:#fafbfc}.market-info-list-v13 span,.market-info-list-v13 b{display:block}.market-info-list-v13 span{font-size:9px;color:#9095a1}.market-info-list-v13 b{margin-top:3px;font-size:12px}
.market-seller-card-v13{display:grid;grid-template-columns:45px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid #e3e5eb;border-radius:9px}.market-seller-card-v13 img{width:45px!important;height:45px!important;border-radius:50%;object-fit:cover!important}.market-seller-card-v13 span>*{display:block}.market-seller-card-v13 small{font-size:8px;color:#7651d7}.market-seller-card-v13 b{font-size:12px}.market-seller-card-v13 em{font-size:9px;font-style:normal;color:#9196a2}.market-seller-card-v13 i{font-style:normal;font-size:10px;color:#6842ce}
.market-balance-box-v13{margin-top:13px;padding:12px;border-radius:9px;background:#f2efff}.market-balance-box-v13 span,.market-balance-box-v13 small{display:block;font-size:10px;color:#777d8a}.market-balance-box-v13 strong{display:block;margin:3px 0;font-size:19px;color:#6540ce}.market-purchase-form-v13 button{width:100%;margin-top:9px;padding:13px;border:0;border-radius:9px;background:linear-gradient(135deg,#6a3fd2,#5369e6);color:#fff;font-size:13px;font-weight:900;cursor:pointer}.market-purchase-form-v13 button:disabled{background:#d6d8df;color:#888e99;cursor:not-allowed}.market-purchase-note-v13{font-size:10px;color:#888e9b;line-height:1.65}.market-owner-note-v13{margin-top:13px;padding:12px;border-radius:9px;background:#edf7f2;color:#16764a;font-size:11px;font-weight:800}.market-owner-note-v13.sold{background:#f0f1f4;color:#747a87}.market-external-v13{display:block;margin-top:10px;padding:11px;text-align:center;border:1px solid #d9d2f4;border-radius:8px;color:#6641cc;font-size:11px;font-weight:800}
.market-detail-grid-v13{display:grid;grid-template-columns:1fr 340px;gap:14px;margin-top:14px}.market-description-v13,.market-safe-v13,.market-related-v13{padding:20px;background:#fff;border:1px solid #e2e4eb;border-radius:13px}.market-section-title-v13 span{font-size:9px;color:#7651d8;letter-spacing:1.5px}.market-section-title-v13 h2{margin:3px 0 13px;font-size:19px}.market-description-body-v13{min-height:220px;color:#505665;font-size:13px;line-height:1.9}.market-safe-v13>div:not(.market-section-title-v13){padding:11px 0;border-top:1px solid #eef0f4}.market-safe-v13 b{font-size:11px}.market-safe-v13 p{margin:4px 0 0;color:#7f8592;font-size:10px;line-height:1.65}.market-related-v13{margin-top:14px}.market-related-grid-v13{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.market-related-grid-v13 a{padding:9px;border:1px solid #e5e7ed;border-radius:9px}.market-related-grid-v13 a>div{height:120px;border-radius:7px;overflow:hidden;background:#f1eef9;display:grid;place-items:center}.market-related-grid-v13 img{width:100%!important;height:100%!important;object-fit:cover!important}.market-related-grid-v13 small,.market-related-grid-v13 b,.market-related-grid-v13 strong{display:block}.market-related-grid-v13 small{margin-top:7px;font-size:9px;color:#9398a3}.market-related-grid-v13 b{margin:2px 0;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.market-related-grid-v13 strong{font-size:13px;color:#6540ce}
@media(max-width:1000px){.profile-shop-admin-create-v13{grid-template-columns:1fr 1fr}.profile-shop-admin-item-v13{grid-template-columns:150px 1fr}.profile-shop-admin-stats-v13{grid-column:2}.market-product-main-v13{grid-template-columns:1fr}.market-main-image-v13{height:430px}.market-detail-grid-v13{grid-template-columns:1fr}.market-related-grid-v13{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.profile-shop-admin-create-v13,.profile-shop-admin-grid-v13,.profile-shop-admin-item-v13{grid-template-columns:1fr}.profile-shop-admin-create-v13 .wide,.profile-shop-admin-grid-v13 .wide,.profile-shop-admin-stats-v13{grid-column:auto}.member-detail-head-v13{align-items:flex-start;flex-wrap:wrap}.member-detail-balance-v13{margin-left:0;text-align:left}.member-edit-form-v13{grid-template-columns:1fr}.member-edit-form-v13 .admin-v10-card-head,.member-edit-form-v13 .full{grid-column:auto}.market-main-image-v13{height:320px}.market-related-grid-v13{grid-template-columns:1fr 1fr}}
/* ================================================================
BAEGYA HUB V14.1 - Refined pinned notice row
================================================================ */
.pinned-post-v11{
position:relative;
display:grid;
grid-template-columns:72px minmax(0,1fr) 92px 58px 48px;
align-items:center;
gap:10px;
min-height:52px;
margin-top:9px;
padding:0 15px 0 17px;
border:1px solid #e7e1f6;
border-radius:10px;
background:linear-gradient(90deg,#fbfaff 0%,#ffffff 62%,#fafbff 100%);
color:#303544;
box-shadow:0 5px 18px rgba(76,62,128,.055);
overflow:hidden;
transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.pinned-post-v11::before{
content:"";
position:absolute;
left:0;
top:0;
bottom:0;
width:4px;
background:linear-gradient(180deg,#7248dc,#8a68eb);
}
.pinned-post-v11:hover{
transform:translateY(-1px);
border-color:#d8cdf3;
box-shadow:0 8px 22px rgba(76,62,128,.09);
}
.pin-label-v11{
display:inline-flex;
align-items:center;
justify-content:center;
width:58px;
min-height:26px;
padding:0 8px;
border-radius:7px;
background:#eee9ff;
border:1px solid #ddd2fb;
color:#6842cb;
font-size:10px;
line-height:1;
font-weight:900;
letter-spacing:.2px;
}
.pin-label-v11::before{
content:"●";
margin-right:5px;
color:#7951dd;
font-size:7px;
}
.pinned-post-v11 b{
min-width:0;
font-size:13px;
font-weight:800;
color:#282d3a;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.pinned-post-v11 small{
font-size:10px;
font-weight:700;
color:#777e8d;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.pinned-post-v11 em,
.pinned-post-v11 i{
font-size:10px;
font-style:normal;
color:#959aa6;
text-align:right;
}
@media(max-width:900px){
.pinned-post-v11{
grid-template-columns:66px minmax(0,1fr) 80px;
padding-right:12px;
}
.pinned-post-v11 em,.pinned-post-v11 i{display:none}
}
@media(max-width:600px){
.pinned-post-v11{
grid-template-columns:58px minmax(0,1fr);
min-height:48px;
padding-left:13px;
}
.pin-label-v11{width:52px;min-height:24px;font-size:9px}
.pinned-post-v11 small{display:none}
.pinned-post-v11 b{font-size:12px}
}
/* BAEGYA HUB V14.2 - avatar upload guide */
.avatar-upload-label-v142{display:block!important}
.avatar-upload-box-v142{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;align-items:center;margin-top:8px;padding:14px;border:1px solid #e0e3ec;border-radius:12px;background:#f9f9fc}
.avatar-upload-preview-v142{width:92px;height:92px;border-radius:50%;overflow:hidden;background:#eee9ff;border:4px solid #fff;box-shadow:0 5px 16px rgba(54,47,91,.12)}
.avatar-upload-preview-v142 img{width:100%!important;height:100%!important;object-fit:cover!important;display:block}
.avatar-upload-copy-v142 input[type=file]{width:100%;margin:0 0 9px;padding:9px;border:1px solid #dce0e8;border-radius:8px;background:#fff;font-size:11px}
.avatar-upload-copy-v142 b{display:block;color:#3a3f4d;font-size:12px;margin-bottom:4px}
.avatar-upload-copy-v142>span:not(.avatar-upload-error-v142){display:block;margin-top:3px;color:#7d8492;font-size:11px;line-height:1.55}
.avatar-upload-copy-v142 strong{color:#6540cd}
.avatar-upload-error-v142{display:block;min-height:18px;margin-top:7px;color:#c9384b;font-size:11px;font-weight:700;line-height:1.5}
.avatar-upload-error-v142.notice{color:#6650ba}
@media(max-width:600px){.avatar-upload-box-v142{grid-template-columns:1fr}.avatar-upload-preview-v142{width:86px;height:86px}.avatar-upload-copy-v142>span:not(.avatar-upload-error-v142),.avatar-upload-error-v142{font-size:10px}}
/* BAEGYA HUB V14.3 - rank identity */
.member-rank-line-v143{display:flex!important;align-items:center;gap:5px;margin-top:4px;color:#7b8291!important;font-size:11px!important}
.member-rank-line-v143 img{width:18px!important;height:18px!important;object-fit:contain!important;border-radius:4px!important;box-shadow:none!important}
.member-rank-line-v143 strong{font-size:11px;color:#6150a8;font-weight:800}.member-rank-line-v143 em{font-style:normal;font-size:10px;color:#9298a5}
.board-table-v10 .author .mini-profile-link-v12{display:flex;align-items:center;gap:6px;min-width:0;text-decoration:none}
.board-table-v10 .author .mini-profile-link-v12>img{width:22px;height:22px;object-fit:contain;border-radius:5px;background:#f5f2ff;padding:2px;flex:0 0 auto}
.board-author-rank-v143{font-size:10px;color:#7961c7;font-weight:700;white-space:nowrap}.board-table-v10 .author strong{font-size:11px;color:#313642;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-author-v143{display:flex!important;align-items:center;gap:4px;min-width:0}.home-author-v143 img{width:17px;height:17px;object-fit:contain;border-radius:4px}.home-author-v143 em{font-style:normal;color:#7a63c7;font-size:9px;white-space:nowrap}.home-author-v143 b{font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:760px){.board-author-rank-v143{display:none}.board-table-v10 .author .mini-profile-link-v12>img{width:20px;height:20px}.home-author-v143 em{display:none}}
/* BAEGYA HUB V14.4 — brand identity */
.baegya-brand{display:flex!important;align-items:center;min-width:245px;text-decoration:none}.baegya-brand img{display:block;width:250px;height:auto;max-height:52px}.baegya-footer-brand>a{display:inline-flex}.baegya-footer-brand img{width:230px;height:auto;display:block;margin-bottom:12px}.premium-brand.baegya-brand>span,.premium-brand.baegya-brand>div{display:none!important}@media(max-width:900px){.baegya-brand{min-width:auto}.baegya-brand img{width:190px}.baegya-footer-brand img{width:200px}}@media(max-width:560px){.baegya-brand img{width:165px}}
/* ================================================================
BAEGYA HUB FINAL V14.5 — board layout hard fix
Invalid nested anchors removed in board.php. These selectors are isolated
from old .tr styles so each article always occupies exactly one row.
================================================================ */
.board-page-v145{max-width:1240px!important}
.board-table-v145{width:100%;min-height:560px;background:#fff}
.board-row-v145{display:grid!important;grid-template-columns:72px minmax(0,1fr) 250px 115px 70px!important;align-items:center!important;min-height:58px!important;border-bottom:1px solid #eceef3;background:#fff;color:#646b79}
.board-row-v145>div{min-width:0;padding:0 13px;font-size:12px;box-sizing:border-box}
.board-head-v145{min-height:44px!important;background:#f7f8fb!important;color:#7f8694;font-size:11px;font-weight:800}
.board-head-v145>div{font-size:11px;font-weight:800}
.board-row-v145:not(.board-head-v145):hover{background:#fbfaff}
.board-no-v145,.board-date-v145,.board-views-v145{font-size:11px!important;color:#818795}
.board-subject-v145>a{display:flex;align-items:center;gap:7px;min-width:0;color:#292e3b;text-decoration:none}
.board-subject-v145 b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800}
.board-author-v145{display:flex;align-items:center;height:100%}
.author-profile-v145{display:flex;align-items:center;gap:6px;min-width:0;width:100%;text-decoration:none;color:#313642}
.author-profile-v145 img{width:23px!important;height:23px!important;flex:0 0 23px;object-fit:contain!important;border-radius:6px;background:#f5f2ff;padding:2px;border:1px solid #e3dcfa}
.author-rank-v145{flex:0 0 auto;color:#735bc0;font-size:10px;font-weight:700;white-space:nowrap}
.author-profile-v145 strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800;color:#313642}
.pinned-row-v145{position:relative;background:#fff8fb!important}
.pinned-row-v145:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#8a5cf6,#6e45dc)}
.pin-board-v145{display:inline-flex;align-items:center;justify-content:center;padding:5px 7px;border-radius:5px;background:#ef3e72;color:#fff;font-size:9px;font-weight:900}
.board-empty-v145{min-height:500px;display:grid;place-items:center;color:#979ca8;font-size:13px}
@media(max-width:900px){
.board-row-v145{grid-template-columns:60px minmax(0,1fr) 185px 90px!important}
.board-row-v145>div:nth-child(5){display:none}
.author-rank-v145{display:none}
}
@media(max-width:650px){
.board-page-v145{padding-left:10px!important;padding-right:10px!important}
.board-row-v145{grid-template-columns:minmax(0,1fr) 95px!important;min-height:60px!important}
.board-head-v145{display:none!important}
.board-row-v145>div:nth-child(1),.board-row-v145>div:nth-child(4),.board-row-v145>div:nth-child(5){display:none!important}
.board-row-v145>div{padding:0 10px}
.board-subject-v145 b{font-size:12px}
.author-profile-v145 img{width:22px!important;height:22px!important;flex-basis:22px}
}
/* ================================================================
BAEGYAHUB FINAL V14.6 — board author column optical centering
================================================================ */
.board-row-v145>div:nth-child(3){
text-align:center;
}
.board-head-v145>div:nth-child(3){
display:flex;
align-items:center;
justify-content:center;
}
.board-author-v145{
display:flex!important;
align-items:center!important;
justify-content:center!important;
height:100%;
padding-left:6px!important;
padding-right:6px!important;
}
.author-profile-v145{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:6px;
width:auto!important;
max-width:100%;
margin:0 auto;
text-align:left;
}
.board-date-v145,
.board-views-v145{
text-align:center;
}
.board-head-v145>div:nth-child(4),
.board-head-v145>div:nth-child(5){
text-align:center;
}
@media(max-width:900px){
.board-author-v145{padding-left:4px!important;padding-right:4px!important}
}
/* ================================================================
BAEGYAHUB FINAL V14.7 — 50:50 rotating feeds
================================================================ */
.dual-highlight-v11,.board-shortcuts-v10{display:none!important}
.home-split-feed-v147{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:12px}
.split-feed-panel-v147{min-width:0;overflow:hidden;border:1px solid #e1e4ec;border-radius:14px;background:#fff;box-shadow:0 9px 28px rgba(40,41,63,.045)}
.community-feed-panel-v147{border-top:3px solid #7044dc}.market-feed-panel-v147{border-top:3px solid #dd7c49}
.split-feed-head-v147{min-height:103px;padding:17px 18px 14px;display:flex;justify-content:space-between;align-items:flex-start;gap:15px;border-bottom:1px solid #eceef3}
.split-feed-head-v147>div>span{display:block;color:#7044dc;font-size:10px!important;font-weight:900;letter-spacing:1.7px}
.market-feed-panel-v147 .split-feed-head-v147>div>span{color:#d86f39}
.split-feed-head-v147 h2{margin:4px 0;color:#252a38;font-size:20px!important;letter-spacing:-.45px}
.split-feed-head-v147 p{margin:0;color:#858b98;font-size:11px!important;line-height:1.55}
.split-feed-head-v147>a{flex:0 0 auto;margin-top:4px;color:#7d8390;font-size:11px!important;font-weight:700}
.split-feed-columns-v147,.split-feed-row-v147{display:grid;grid-template-columns:minmax(0,1fr) 185px 66px;align-items:center;column-gap:7px}
.market-columns-v147,.market-row-v147{grid-template-columns:minmax(0,1fr) 100px 92px}
.split-feed-columns-v147{min-height:37px;padding:0 13px;background:#f8f9fb;color:#858b98;font-size:10px!important;font-weight:800}
.split-feed-columns-v147 span:nth-child(2),.split-feed-columns-v147 span:nth-child(3){text-align:center}
.split-feed-fixed-v147{border-bottom:2px solid #e4e6ed}
.split-feed-rotating-v147{height:225px;overflow:hidden;perspective:950px;background:#fff}
.split-feed-row-v147{position:relative;height:45px;min-height:45px;padding:0 13px;border-bottom:1px solid #eef0f4;color:#626978;transition:background .14s ease;transform-origin:center top}
.split-feed-row-v147:hover{background:#faf9ff}.market-row-v147:hover{background:#fffaf7}
.split-feed-title-v147{min-width:0;display:flex;align-items:center;gap:6px}
.split-feed-title-v147>b{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#292e3b;font-size:12px!important}
.split-author-v147{width:100%;min-width:0;display:flex;justify-content:center;align-items:center;gap:4px;white-space:nowrap;text-align:center}
.split-author-v147 img{flex:0 0 auto;width:17px!important;height:17px!important;object-fit:contain!important}
.split-author-v147 em{flex:0 0 auto;font-style:normal;color:#7556cf;font-size:8.5px!important}
.split-author-v147 b{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#333846;font-size:9.5px!important}
.split-feed-row-v147>small{display:block;width:100%;text-align:center;color:#7e8491;font-size:10px!important}
.market-seller-v147{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;color:#696f7d;font-size:10px!important}
.market-row-v147>strong{display:block;text-align:center;color:#6540ce;font-size:10.5px!important}
.pin-feed-v147{flex:0 0 auto;padding:4px 6px;border-radius:5px;background:#efe9ff;color:#6840cc;border:1px solid #dacdf9;font-size:8px!important;font-weight:900}
.community-row-v147.pinned{background:linear-gradient(90deg,#fbf9ff,#fff)}
.community-row-v147.pinned:before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:3px;border-radius:0 4px 4px 0;background:#7445dc}
.feed-empty-row-v147{color:#a0a4ae;background:#fcfcfd}.feed-empty-row-v147>div,.feed-empty-row-v147>span,.feed-empty-row-v147>small{font-size:10px}.feed-empty-row-v147>span,.feed-empty-row-v147>small{text-align:center}
.rotating-v147{will-change:transform,opacity,height}
.feed-leave-v147{pointer-events:none;animation:feedPageUpV147 .46s cubic-bezier(.42,0,.2,1) forwards}
.feed-enter-v147{animation:feedPageInV147 .48s cubic-bezier(.2,.7,.25,1) both}
@keyframes feedPageUpV147{
0%{height:45px;min-height:45px;opacity:1;transform:translateY(0) rotateX(0)}
72%{opacity:.18;transform:translateY(-29px) rotateX(70deg)}
100%{height:0;min-height:0;padding-top:0;padding-bottom:0;border-bottom-width:0;opacity:0;transform:translateY(-45px) rotateX(88deg)}
}
@keyframes feedPageInV147{
0%{opacity:0;transform:translateY(20px) rotateX(-62deg)}
100%{opacity:1;transform:translateY(0) rotateX(0)}
}
.community-feed-panel-v147 .split-feed-columns-v147{box-shadow:inset 3px 0 0 rgba(112,68,220,.10)}
.market-feed-panel-v147 .split-feed-columns-v147{box-shadow:inset 3px 0 0 rgba(221,124,73,.12)}
@media(max-width:1150px){
.split-feed-columns-v147,.split-feed-row-v147{grid-template-columns:minmax(0,1fr) 150px 55px}
.market-columns-v147,.market-row-v147{grid-template-columns:minmax(0,1fr) 85px 82px}
.split-author-v147 em{display:none}
}
@media(max-width:850px){
.home-split-feed-v147{grid-template-columns:1fr}
.split-author-v147 em{display:inline}
}
@media(max-width:560px){
.split-feed-columns-v147,.split-feed-row-v147{grid-template-columns:minmax(0,1fr) 90px}
.market-columns-v147,.market-row-v147{grid-template-columns:minmax(0,1fr) 78px}
.split-feed-columns-v147 span:nth-child(3),.split-feed-row-v147>small,.market-row-v147>strong{display:none}
.split-author-v147 em{display:none}
}
/* ================================================================
BAEGYAHUB FINAL V14.8.1
BOARD / POST COMMENT UI ONLY
IMPORTANT: homepage/index feed is intentionally untouched.
================================================================ */
.board-post-unit-v1481{
border-bottom:1px solid #eceef3;
background:#fff;
}
.board-post-unit-v1481>.board-row-v145{
border-bottom:0!important;
}
.board-post-unit-v1481.has-comments>.board-row-v145{
border-bottom:1px solid #f0f1f5!important;
}
.board-comment-count-v1481{
flex:0 0 auto;
display:inline-flex;
align-items:center;
justify-content:center;
min-width:21px;
height:19px;
padding:0 6px;
margin-left:2px;
border-radius:10px;
background:#f0ecff;
color:#7044d5;
font-size:9px!important;
font-weight:900;
}
.board-comment-preview-v1481{
padding:5px 82px 8px 183px;
background:linear-gradient(90deg,#fbfbfd,#fff);
}
.board-comment-line-v1481{
min-height:31px;
display:grid;
grid-template-columns:15px 23px 135px minmax(0,1fr) 82px;
align-items:center;
gap:7px;
padding:3px 7px;
border-radius:7px;
color:#666d7b;
transition:background .14s ease,color .14s ease;
}
.board-comment-line-v1481:hover{
background:#f5f2ff;
color:#40325f;
}
.comment-reply-mark-v1481{
color:#8d72df;
font-size:13px!important;
font-weight:800;
}
.board-comment-line-v1481>img{
width:23px!important;
height:23px!important;
border-radius:50%;
object-fit:cover!important;
background:#eeeaf9;
}
.comment-preview-author-v1481{
min-width:0;
display:flex;
align-items:center;
gap:4px;
white-space:nowrap;
}
.comment-preview-author-v1481 em{
color:#795cc9;
font-size:8px!important;
font-style:normal;
}
.comment-preview-author-v1481 b{
overflow:hidden;
text-overflow:ellipsis;
color:#444a57;
font-size:9px!important;
}
.comment-preview-text-v1481{
min-width:0;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
color:#6d7380;
font-size:10px!important;
}
.board-comment-line-v1481 time{
text-align:right;
color:#a0a4ae;
font-size:8.5px!important;
}
.board-more-comments-v1481{
display:block;
width:max-content;
margin:2px 0 0 45px;
color:#7655cb;
font-size:9px!important;
font-weight:700;
}
/* Detail comments */
.comments-v1481{
margin-top:14px;
overflow:hidden;
background:#fff;
border:1px solid #e0e3ea;
border-radius:13px;
box-shadow:0 8px 24px rgba(38,40,61,.035);
}
.comments-title-v1481{
min-height:78px;
padding:18px 22px;
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
border-bottom:1px solid #eceef3;
}
.comments-title-v1481>div>span{
display:block;
color:#744fd5;
font-size:9px!important;
font-weight:900;
letter-spacing:1.4px;
}
.comments-title-v1481 h3{
margin:3px 0 0;
color:#262b38;
font-size:19px!important;
}
.comments-title-v1481 h3 b{
color:#7248d7;
}
.comments-title-v1481>small{
color:#9095a1;
font-size:10px!important;
}
.comment-list-v1481{
padding:2px 22px;
}
.comment-item-v1481{
display:grid;
grid-template-columns:42px minmax(0,1fr);
gap:11px;
padding:16px 0;
border-bottom:1px solid #eef0f4;
}
.comment-item-v1481:last-child{
border-bottom:0;
}
.comment-avatar-v1481 img{
width:40px!important;
height:40px!important;
border-radius:50%;
object-fit:cover!important;
background:#efebfa;
border:1px solid #e2e3eb;
}
.comment-meta-v1481{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:6px;
}
.comment-meta-v1481 b{
color:#292e3b;
font-size:12px!important;
}
.comment-meta-v1481 span{
padding:3px 6px;
border-radius:5px;
background:#f1edff;
color:#704fca;
font-size:8.5px!important;
}
.comment-meta-v1481 time{
color:#9ca0aa;
font-size:9px!important;
}
.comment-content-v1481 p{
margin:8px 0 0;
color:#5d6370;
font-size:12px!important;
line-height:1.72;
overflow-wrap:anywhere;
}
.comment-empty-v1481{
padding:42px 15px;
text-align:center;
color:#989da8;
font-size:11px!important;
}
.comment-composer-v1481{
display:grid;
grid-template-columns:180px minmax(0,1fr);
gap:15px;
padding:19px 22px 21px;
border-top:1px solid #e7e9ef;
background:#fafbfe;
}
.comment-composer-user-v1481{
display:flex;
align-items:center;
gap:9px;
align-self:start;
padding:7px 0;
}
.comment-composer-user-v1481 img{
width:38px!important;
height:38px!important;
border-radius:50%;
object-fit:cover!important;
background:#eeeaf9;
}
.comment-composer-user-v1481 b,
.comment-composer-user-v1481 span{
display:block;
}
.comment-composer-user-v1481 b{
color:#303541;
font-size:11px!important;
}
.comment-composer-user-v1481 span{
margin-top:2px;
color:#7b60cc;
font-size:9px!important;
}
.comment-input-wrap-v1481{
overflow:hidden;
border:1px solid #dcdfe7;
border-radius:10px;
background:#fff;
transition:border-color .15s ease,box-shadow .15s ease;
}
.comment-input-wrap-v1481:focus-within{
border-color:#9376e3;
box-shadow:0 0 0 3px rgba(117,79,213,.08);
}
.comment-input-wrap-v1481 textarea{
width:100%;
min-height:105px;
display:block;
resize:vertical;
margin:0!important;
padding:13px 14px!important;
border:0!important;
outline:0!important;
border-radius:0!important;
background:#fff!important;
color:#343946!important;
font-size:12px!important;
line-height:1.65;
}
.comment-input-wrap-v1481 textarea::placeholder{
color:#a2a6b0;
}
.comment-composer-bottom-v1481{
min-height:48px;
padding:7px 8px 7px 13px;
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
border-top:1px solid #f0f1f4;
background:#fcfcfe;
}
.comment-composer-bottom-v1481 span{
color:#a0a4ae;
font-size:9px!important;
}
.comment-composer-bottom-v1481 button{
min-width:92px;
min-height:34px;
padding:0 14px;
border:0;
border-radius:8px;
background:linear-gradient(135deg,#6d43d4,#5a69e7);
color:#fff;
font-size:10.5px!important;
font-weight:900;
cursor:pointer;
box-shadow:0 5px 13px rgba(100,69,207,.16);
}
@media(max-width:1100px){
.board-comment-preview-v1481{
padding-left:120px;
padding-right:65px;
}
.board-comment-line-v1481{
grid-template-columns:15px 23px 100px minmax(0,1fr) 70px;
}
.comment-preview-author-v1481 em{display:none}
}
@media(max-width:760px){
.board-comment-preview-v1481{padding:5px 10px 8px 22px}
.board-comment-line-v1481{grid-template-columns:14px 22px 80px minmax(0,1fr)}
.board-comment-line-v1481 time{display:none}
.board-more-comments-v1481{margin-left:42px}
.comment-composer-v1481{grid-template-columns:1fr}
.comment-composer-user-v1481{padding:0}
.comments-title-v1481{align-items:flex-start;flex-direction:column;gap:4px}
}
@media(max-width:520px){
.comment-preview-author-v1481{display:none}
.board-comment-line-v1481{grid-template-columns:14px 22px minmax(0,1fr)}
.comment-list-v1481,
.comments-title-v1481,
.comment-composer-v1481{
padding-left:14px;
padding-right:14px;
}
}
/* ================================================================
BAEGYAHUB FINAL V14.9
Global readability + project/ranking/support + post ownership UI
================================================================ */
/* Overall readability */
body{font-size:16.5px!important}
p{font-size:13.5px!important;line-height:1.72}
small{font-size:11px!important}
.premium-nav{font-size:15.5px!important}
.premium-footer p,.premium-footer small,.premium-footer a,.premium-footer span{font-size:12px!important}
.sub-head-v10 p,.page-title-v6 p,.profile-title-v12,.home-section-description-v11{font-size:14px!important}
.board-date-v145,.board-views-v145{font-size:11px!important}
.author-rank-v145{font-size:10.5px!important}
.board-subject-v145 b{font-size:13px!important}
/* Post owner actions */
.post-owner-actions-v149{display:flex;justify-content:flex-end;gap:8px;padding-top:14px;margin-top:22px;border-top:1px solid #eceef3}
.post-owner-actions-v149 form{margin:0}
.post-owner-actions-v149 a,.post-owner-actions-v149 button{min-width:70px;padding:9px 13px;border:0;border-radius:8px;font-size:11px!important;font-weight:900;text-align:center;cursor:pointer}
.post-owner-actions-v149 a{background:#f0ecff;color:#6842ce}
.post-owner-actions-v149 button{background:#fff0f2;color:#c74051}
/* Edit page */
.editor-page-v149,.project-hub-v149,.ranking-page-v149,.support-page-v149{max-width:1240px;margin:0 auto;padding:34px 18px 60px}
.editor-page-v149>header span,.ranking-page-head-v149>span{color:#7650d7;font-size:10px!important;font-weight:900;letter-spacing:1.7px}
.editor-page-v149>header h1,.ranking-page-head-v149 h1{margin:6px 0;font-size:31px}
.editor-page-v149>header p,.ranking-page-head-v149 p{color:#7e8592}
.editor-card-v149{margin-top:18px;padding:23px;background:#fff;border:1px solid #e1e4eb;border-radius:13px;box-shadow:0 10px 30px rgba(40,41,64,.035)}
.editor-card-v149 label{display:block;margin-bottom:15px;font-size:12px!important;font-weight:900;color:#444a57}
.editor-card-v149 input,.editor-card-v149 textarea{width:100%;margin-top:7px;padding:12px 13px;border:1px solid #dce0e8;border-radius:9px;background:#fff;color:#343946;font-size:13px!important}
.editor-card-v149 textarea{line-height:1.75;resize:vertical}
.editor-actions-v149{display:flex;justify-content:flex-end;gap:8px}
.editor-actions-v149 a,.editor-actions-v149 button{padding:10px 15px;border-radius:8px;font-size:11px!important;font-weight:900}
.editor-actions-v149 a{background:#f0f1f4;color:#555b68}.editor-actions-v149 button{border:0;background:linear-gradient(135deg,#6b43d2,#566ae7);color:#fff}
/* Project */
.project-hero-v149{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;padding:34px;border-radius:19px;background:
radial-gradient(circle at 82% 16%,rgba(114,91,221,.18),transparent 22%),
linear-gradient(135deg,#f5f1ff 0%,#f1f6ff 60%,#fff 100%);
border:1px solid #dedff0;overflow:hidden}
.project-hero-copy-v149>span{color:#7148d5;font-size:10px!important;letter-spacing:2px;font-weight:900}
.project-hero-v149 h1{margin:8px 0 10px;font-size:40px;letter-spacing:-1.2px}
.project-hero-v149 p{max-width:680px;color:#626a78;font-size:14px!important}
.project-hero-actions-v149{display:flex;gap:9px;margin-top:19px}
.project-hero-actions-v149 a{padding:10px 14px;border-radius:8px;background:#6842d2;color:#fff;font-size:11px!important;font-weight:900}
.project-hero-actions-v149 a+a{background:#fff;color:#6842d2;border:1px solid #d9d0f4}
.project-tags-v149{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px}
.project-tags-v149 span{padding:5px 8px;border:1px solid #ded9ef;border-radius:20px;background:rgba(255,255,255,.7);color:#7d6aad;font-size:8.5px!important;font-weight:800;letter-spacing:.8px}
.project-visual-v149{position:relative;min-height:280px}
.project-visual-v149 .core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:118px;height:118px;border-radius:30px;background:linear-gradient(135deg,#6d43d5,#3e70e8);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 22px 44px rgba(67,66,170,.26);z-index:3}
.project-visual-v149 .core small{font-size:8px!important;letter-spacing:1.5px}.project-visual-v149 .core b{font-size:25px}.project-visual-v149 .core span{font-size:8px!important;letter-spacing:1px}
.project-orbit-v149{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(108,76,206,.22);border-radius:50%}.orbit-a{width:220px;height:220px}.orbit-b{width:300px;height:180px;transform:translate(-50%,-50%) rotate(-18deg)}
.project-visual-v149 .node{position:absolute;width:28px;height:28px;border-radius:50%;background:#fff;border:6px solid #845ee0;box-shadow:0 7px 20px rgba(77,69,180,.18);z-index:2}.project-visual-v149 .n1{left:13%;top:20%}.project-visual-v149 .n2{right:10%;top:18%}.project-visual-v149 .n3{left:9%;bottom:18%}.project-visual-v149 .n4{right:15%;bottom:13%}
.project-visual-v149 .line{position:absolute;height:2px;background:linear-gradient(90deg,#c4b3f1,#6c58da);transform-origin:left center;z-index:1}.project-visual-v149 .l1{left:24%;top:31%;width:43%;transform:rotate(15deg)}.project-visual-v149 .l2{left:20%;top:68%;width:46%;transform:rotate(-12deg)}.project-visual-v149 .l3{left:55%;top:34%;width:31%;transform:rotate(-18deg)}
.project-grid-v149{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.project-grid-v149 article{padding:22px;background:#fff;border:1px solid #e2e4eb;border-radius:13px;transition:.18s}
.project-grid-v149 article:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(40,41,63,.06)}
.project-grid-v149 article>span{color:#7650d7;font-size:9px!important;letter-spacing:1.5px;font-weight:900}.project-grid-v149 h3{margin:7px 0;font-size:18px}.project-grid-v149 p{color:#747b89;font-size:13px!important}.project-grid-v149 a{display:inline-block;margin-top:13px;color:#6842d1;font-size:11px!important;font-weight:900}
.project-flow-v149{margin-top:14px;padding:22px;background:#fff;border:1px solid #e2e4eb;border-radius:13px}
.project-flow-copy-v149 span{color:#7651d8;font-size:9px!important;letter-spacing:1.5px;font-weight:900}.project-flow-copy-v149 h2{margin:5px 0 4px;font-size:21px}.project-flow-copy-v149 p{margin:0;color:#818795}
.flow-row-v149{display:grid;grid-template-columns:40px 1fr 1fr 40px 1fr 1fr 40px 1fr 1fr 40px 1fr;align-items:center;gap:8px;margin-top:18px}
.flow-row-v149 b{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#efeaff;color:#6842d1;font-size:10px}.flow-row-v149 span{font-size:11px!important;color:#515866}.flow-row-v149 i{height:1px;background:#dddfea}
/* Ranking */
.ranking-page-head-v149 p{font-size:14px!important}
.ranking-card-v149{margin-top:19px;background:#fff;border:1px solid #e2e4eb;border-radius:13px;overflow:hidden;box-shadow:0 8px 28px rgba(40,41,64,.035)}
.ranking-head-v149,.ranking-row-v149{display:grid;grid-template-columns:110px 1.5fr 1fr 1fr;align-items:center}
.ranking-head-v149{padding:12px 16px;background:#f8f9fb;color:#888e9b;font-size:11px!important;font-weight:900}
.ranking-row-v149{min-height:72px;padding:0 16px;border-top:1px solid #eef0f4}
.ranking-row-v149.rank-1{background:linear-gradient(90deg,#fff9e9,#fff 48%)}.ranking-row-v149.rank-2{background:linear-gradient(90deg,#f5f7fb,#fff 48%)}.ranking-row-v149.rank-3{background:linear-gradient(90deg,#fff2ea,#fff 48%)}
.ranking-place-v149{display:flex;align-items:center;gap:8px}.ranking-place-v149>b{font-size:14px}.crown-v149{font-size:23px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.08))}.crown-1{color:#d6a313}.crown-2{color:#aeb3bd}.crown-3{color:#c77c4a}
.ranking-user-v149{display:flex;align-items:center;gap:10px}.ranking-user-v149 img{width:42px!important;height:42px!important;border-radius:50%;object-fit:cover}.ranking-user-v149 span>*{display:block}.ranking-user-v149 b{font-size:13px}.ranking-user-v149 small{font-size:9.5px!important;color:#969ba5}.ranking-rank-v149{font-size:11px;color:#656c79}.ranking-points-v149{font-size:14px;font-weight:900;color:#6540ce}
/* Support */
.support-hero-v149{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:31px 32px;border-radius:18px;background:linear-gradient(135deg,#f6f2ff,#f0f7ff);border:1px solid #e0e2ef}
.support-hero-v149>div>span{color:#7650d8;font-size:10px!important;letter-spacing:1.8px;font-weight:900}.support-hero-v149 h1{margin:6px 0 10px;font-size:35px;line-height:1.25}.support-hero-v149 p{color:#747b89;font-size:14px!important}
.support-hero-badge-v149{width:118px;height:118px;border-radius:29px;background:linear-gradient(145deg,#17233e,#23365c);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 18px 36px rgba(28,43,78,.18)}.support-hero-badge-v149 b{font-size:25px}.support-hero-badge-v149 small{font-size:8px!important;letter-spacing:1.3px;color:#bdc5d5}
.support-grid-v149{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.support-grid-v149>a{padding:23px;background:#fff;border:1px solid #e2e4eb;border-radius:13px;transition:.18s}.support-grid-v149>a:hover{transform:translateY(-3px);box-shadow:0 13px 28px rgba(38,40,61,.06)}.support-grid-v149 span{color:#7650d8;font-size:9px!important;letter-spacing:1.5px;font-weight:900}.support-grid-v149 h3{margin:7px 0;font-size:18px}.support-grid-v149 p{color:#767d8b;font-size:13px!important}.support-grid-v149 b{display:block;margin-top:14px;color:#6842d0;font-size:11px}
.support-guide-v149{margin-top:14px;padding:22px;background:#fff;border:1px solid #e2e4eb;border-radius:13px}.support-guide-v149 span{color:#7650d8;font-size:9px!important;letter-spacing:1.5px;font-weight:900}.support-guide-v149 h2{margin:5px 0 14px;font-size:20px}.support-guide-list-v149{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.support-guide-list-v149 a{padding:12px;border-radius:8px;background:#f7f8fb;text-align:center;font-size:11px!important;font-weight:900}
@media(max-width:900px){
.project-hero-v149{grid-template-columns:1fr}.project-grid-v149,.support-grid-v149{grid-template-columns:1fr}
.flow-row-v149{grid-template-columns:40px 1fr}.flow-row-v149 i{display:none}
.support-guide-list-v149{grid-template-columns:1fr 1fr}
.ranking-head-v149,.ranking-row-v149{grid-template-columns:80px 1.4fr .9fr}
.ranking-head-v149>div:nth-child(3),.ranking-row-v149>div:nth-child(3){display:none}
}
/* ================================================================
BAEGYAHUB FINAL V14.10
Promo board + refined owner actions + rank progression
================================================================ */
/* Promotion board */
.promo-category-tabs-v1410{
display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 0;padding:10px 0 2px;border-top:1px solid #e7e9ef
}
.promo-category-tabs-v1410 a{
padding:8px 13px;border:1px solid #dde1e9;border-radius:20px;background:#fff;color:#6e7481;
font-size:11px!important;font-weight:800
}
.promo-category-tabs-v1410 a.active{
border-color:#7250d8;background:#f0ebff;color:#6640c9
}
.promo-cat-badge-v1410{
flex:0 0 auto;padding:4px 7px;border-radius:6px;font-size:9px!important;font-weight:900
}
.promo-lineage{background:#eaf2ff;color:#3766b5}
.promo-lineage2{background:#f0eaff;color:#7045cd}
.promo-other{background:#edf6ee;color:#3e7c4c}
.promo-select-v1410{
width:100%;margin-top:7px;padding:11px 12px;border:1px solid #dce0e8;border-radius:9px;
background:#fff;color:#343946;font-size:13px!important
}
.article-labels-v1410{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.article-promo-cat-v1410{padding:5px 8px;border-radius:6px;background:#f0ebff;color:#6843cc;font-size:9px!important;font-weight:900}
/* Move edit/delete actions to article header, compact and intentional */
.article-v5-card>header{position:relative;padding-right:150px}
.post-head-actions-v1410{
position:absolute;right:24px;top:24px;display:flex;align-items:center;gap:6px
}
.post-head-actions-v1410 form{margin:0}
.post-head-actions-v1410 a,.post-head-actions-v1410 button{
min-width:54px;height:33px;display:inline-flex;align-items:center;justify-content:center;
padding:0 11px;border:1px solid #dedfea;border-radius:8px;background:#fff;color:#636a78;
font-size:10.5px!important;font-weight:900;cursor:pointer;transition:.15s
}
.post-head-actions-v1410 a:hover{border-color:#8e75dc;background:#f5f1ff;color:#6741ca}
.post-head-actions-v1410 button{border-color:#f0dfe2;color:#b84956}
.post-head-actions-v1410 button:hover{background:#fff2f3;border-color:#e5aab2}
.post-owner-actions-v149{display:none!important}
/* Real rank progression */
.rank-next-mini-v1410{
margin:-4px 0 12px;padding:8px 9px;border-radius:8px;background:#faf9fe;border:1px solid #eeebf7
}
.rank-next-mini-v1410 span,.rank-next-mini-v1410 b,.rank-next-mini-v1410 small{display:block}
.rank-next-mini-v1410 span{font-size:9.5px!important;color:#969aa5}
.rank-next-mini-v1410 b{margin-top:2px;font-size:11px!important;color:#5e42bb}
.rank-next-mini-v1410 small{margin-top:2px;font-size:9px!important;color:#8a8f9b}
.summary-rank-v1410 .next-rank-summary-v1410{position:relative}
.summary-rank-progress-v1410{
height:5px;margin-top:8px;border-radius:5px;background:#edeef3;overflow:hidden
}
.summary-rank-progress-v1410 i{
display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#7445d8,#5771e8)
}
.next-rank-summary-v1410 small{
display:block;margin-top:6px;color:#858b98;font-size:10px!important
}
@media(max-width:700px){
.article-v5-card>header{padding-right:24px;padding-bottom:72px}
.post-head-actions-v1410{top:auto;bottom:18px;right:20px}
}
/* ================================================================
BAEGYAHUB FINAL V14.11
Lightweight promotion editor
================================================================ */
.promo-editor-v1411 form{position:relative}
.promo-editor-guide-v1411{
display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px
}
.promo-editor-guide-v1411>div{
padding:11px 12px;border:1px solid #e3e5ec;border-radius:9px;background:#fafbfe
}
.promo-editor-guide-v1411 b,.promo-editor-guide-v1411 span{display:block}
.promo-editor-guide-v1411 b{font-size:10px!important;color:#6743c9}
.promo-editor-guide-v1411 span{margin-top:3px;font-size:9.5px!important;color:#858b98;line-height:1.55}
.promo-toolbar-v1411{
display:flex;gap:5px;flex-wrap:wrap;padding:8px;border:1px solid #dce0e8;border-bottom:0;
border-radius:9px 9px 0 0;background:#f8f9fc
}
.promo-toolbar-v1411 button{
min-width:34px;height:31px;padding:0 8px;border:1px solid #e0e2e8;border-radius:6px;background:#fff;
color:#4f5562;font-size:10px!important;font-weight:800;cursor:pointer
}
.promo-toolbar-v1411 button:hover{border-color:#9c83e1;color:#6842ce}
.promo-visual-editor-v1411,.promo-html-editor-v1411{
width:100%;min-height:360px;padding:17px;border:1px solid #dce0e8;border-radius:0 0 9px 9px;
background:#fff;color:#343946;font-size:13px!important;line-height:1.75;outline:0
}
.promo-visual-editor-v1411:empty:before{content:attr(data-placeholder);color:#a2a6b0}
.promo-visual-editor-v1411:focus{border-color:#9376e3;box-shadow:0 0 0 3px rgba(117,79,213,.07)}
.promo-html-editor-v1411{display:none;font-family:Consolas,monospace;resize:vertical}
.promo-editor-switch-v1411{display:flex;gap:5px;margin:7px 0 12px}
.promo-editor-switch-v1411 button{
padding:7px 11px;border:1px solid #dfe1e8;border-radius:7px;background:#fff;color:#737986;font-size:10px!important;font-weight:800
}
.promo-editor-switch-v1411 button.active{background:#eee9ff;border-color:#cabcf1;color:#6741ca}
.promo-upload-box-v1411{
display:block;padding:13px;border:1px dashed #cbc4df;border-radius:10px;background:#faf9ff;
color:#4f5562;font-size:11px!important;font-weight:800
}
.promo-upload-box-v1411 input{display:block;margin-top:8px}
.promo-upload-box-v1411 span{display:block;margin-top:6px;color:#8b909c;font-size:9.5px!important;font-weight:500}
.promo-image-status-v1411{min-height:20px;margin-top:5px;color:#6744ca;font-size:10px!important}
.promo-article-body-v1411{font-size:14px!important;line-height:1.85}
.promo-article-body-v1411 h2{margin:25px 0 10px;font-size:25px}
.promo-article-body-v1411 h3{margin:22px 0 9px;font-size:20px}
.promo-article-body-v1411 h4{margin:19px 0 8px;font-size:17px}
.promo-article-body-v1411 p{margin:10px 0;font-size:14px!important}
.promo-article-body-v1411 blockquote{
margin:16px 0;padding:13px 16px;border-left:4px solid #7449d5;background:#f7f4ff;color:#565d6a
}
.promo-article-body-v1411 ul,.promo-article-body-v1411 ol{padding-left:25px}
.promo-article-body-v1411 a{color:#5f4bc4;text-decoration:underline}
.promo-article-body-v1411 img{
max-width:100%!important;height:auto!important;display:block;margin:15px auto;border-radius:11px;
box-shadow:0 8px 22px rgba(35,37,57,.07)
}
.promo-gallery-v1411{
display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0
}
.promo-gallery-v1411 figure{margin:0}
.promo-gallery-v1411 img{width:100%!important;max-height:650px;object-fit:contain!important;margin:0!important}
@media(max-width:760px){
.promo-editor-guide-v1411{grid-template-columns:1fr}
.promo-gallery-v1411{grid-template-columns:1fr}
.promo-visual-editor-v1411,.promo-html-editor-v1411{min-height:280px}
}
/* ================================================================
BAEGYAHUB FINAL V14.12
polished submit action + complete military-style rank assets
================================================================ */
.editor-submit-actions-v1412{
display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:9px!important;
margin-top:24px!important;padding-top:18px!important;border-top:1px solid #eceef3!important
}
.editor-submit-actions-v1412>a{
min-width:82px!important;height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
border:1px solid #dfe2e9!important;border-radius:9px!important;background:#fff!important;color:#69707d!important;
font-size:11.5px!important;font-weight:900!important;transition:.16s!important
}
.editor-submit-actions-v1412>a:hover{background:#f8f8fb!important;border-color:#cfd3dc!important;color:#343946!important}
.editor-submit-actions-v1412>button{
min-width:124px!important;height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:13px!important;
padding:0 15px!important;border:0!important;border-radius:9px!important;background:linear-gradient(135deg,#7044d8,#536de7)!important;
color:#fff!important;font-size:11.5px!important;font-weight:900!important;box-shadow:0 8px 18px rgba(100,72,207,.20)!important;cursor:pointer!important;transition:.16s!important
}
.editor-submit-actions-v1412>button b{font-size:16px!important;line-height:1;font-weight:500}
.editor-submit-actions-v1412>button:hover{transform:translateY(-1px);box-shadow:0 11px 23px rgba(100,72,207,.25)!important;filter:brightness(1.03)}
.editor-submit-actions-v1412>button:active{transform:translateY(0)}
/* rank vectors stay sharp from board rows to full profile */
.author-profile-v145 img,.split-author-v147 img,.rank-v10-preview img,.member-detail-avatar-v13 img{
image-rendering:auto!important;object-fit:contain!important
}
.rank-v10-preview{background:linear-gradient(145deg,#f7f5ff,#eef2fb)!important;border:1px solid #e1def1!important}
.rank-v10-preview img{width:64px!important;height:64px!important;filter:drop-shadow(0 5px 8px rgba(36,42,69,.12))}
/* ================================================================
BAEGYAHUB FINAL V14.13
My Page rank display + 24 premium cosmetic presets
================================================================ */
/* My Page rank card */
.profile-preview-info-v1413{min-width:0;max-width:590px}
.profile-rank-card-v1413{
display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;
margin:8px 0 7px;padding:8px 11px 8px 8px;border:1px solid #e5e1f1;border-radius:10px;
background:linear-gradient(135deg,#fff,#faf8ff)
}
.profile-rank-card-v1413>img{
width:42px!important;height:42px!important;object-fit:contain!important;
filter:drop-shadow(0 4px 5px rgba(70,55,130,.14))
}
.profile-rank-main-v1413 span,.profile-rank-main-v1413 strong,.profile-rank-main-v1413 small{display:block}
.profile-rank-main-v1413 span{font-size:8px!important;line-height:1.1;color:#9179d8;font-weight:900;letter-spacing:1.1px}
.profile-rank-main-v1413 strong{margin-top:3px;color:#292e3b;font-size:13px!important;line-height:1.15}
.profile-rank-main-v1413 strong em{font-style:normal;color:#7149d0;font-size:10px!important}
.profile-rank-main-v1413 small{margin-top:3px;color:#858a96;font-size:9px!important}
.profile-rank-progress-v1413{
display:grid;grid-template-columns:minmax(160px,260px) auto auto;align-items:center;gap:7px;
width:max-content;max-width:100%;margin:4px 0 9px
}
.profile-rank-progress-v1413>div{
height:7px;overflow:hidden;border-radius:8px;background:#ececf2
}
.profile-rank-progress-v1413>div i{
display:block;height:100%;border-radius:8px;
background:linear-gradient(90deg,#7044d7,#8e5cf0,#5278eb);
box-shadow:0 0 10px rgba(113,68,215,.22)
}
.profile-rank-progress-v1413 span{color:#737986;font-size:9px!important}
.profile-rank-progress-v1413 b{color:#6742ca;font-size:9px!important}
.profile-rank-progress-v1413 small{grid-column:1/-1;margin-top:-3px;color:#9499a4;font-size:8.5px!important}
/* Shop polish */
.shop-feature-chips-v1413{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.shop-feature-chips-v1413 span{
padding:5px 8px;border-radius:20px;background:#f1edff;color:#6b49c8;font-size:9px!important;font-weight:800
}
.shop-catalog-title-v1413{display:flex;justify-content:space-between;align-items:center;margin:15px 0 8px}
.shop-catalog-title-v1413 b{display:block;color:#6542c7;font-size:11px!important;letter-spacing:.8px}
.shop-catalog-title-v1413 span{display:block;margin-top:2px;color:#9398a2;font-size:9.5px!important}
.shop-grid-v1413 .shop-item-v12{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.shop-grid-v1413 .shop-item-v12:hover{transform:translateY(-4px);box-shadow:0 15px 30px rgba(49,44,83,.09);border-color:#d8cef2}
.shop-grid-v1413 .shop-preview-v12{position:relative;overflow:hidden}
/* ---------- Frames ---------- */
.profile-frame-prism{
padding:7px!important;background:conic-gradient(from 0deg,#ff4d9d,#9b5cff,#4e7cff,#31e7d1,#ffe05f,#ff7c4e,#ff4d9d)!important;
animation:cosmeticHueV1413 5s linear infinite;box-shadow:0 0 0 4px rgba(129,83,235,.12),0 0 22px rgba(93,115,255,.34)!important
}
.profile-frame-inferno{
padding:7px!important;background:conic-gradient(#ffdb55,#ff762f,#e72d38,#ff762f,#ffd95a)!important;
box-shadow:0 0 0 4px rgba(255,107,41,.12),0 0 25px rgba(255,70,30,.42)!important;
animation:cosmeticPulseV1413 1.9s ease-in-out infinite
}
.profile-frame-galaxy{
padding:7px!important;background:conic-gradient(from 30deg,#32215d,#8a54ff,#36c5f0,#6343db,#f27bdc,#32215d)!important;
box-shadow:0 0 0 4px rgba(99,67,219,.12),0 0 30px rgba(112,77,218,.38)!important;
animation:cosmeticHueV1413 8s linear infinite
}
.cosmetic-preview-v12.profile-frame-prism span,.shop-preview-v12.profile-frame-prism span{border:7px solid transparent;background:linear-gradient(#fff,#fff) padding-box,conic-gradient(#ff4d9d,#795cff,#38cdf0,#45e6b4,#ffe45c,#ff4d9d) border-box;animation:cosmeticHueV1413 4s linear infinite}
.cosmetic-preview-v12.profile-frame-inferno span,.shop-preview-v12.profile-frame-inferno span{border:7px solid #ff6b32;box-shadow:0 0 18px #ff4a2d,inset 0 0 14px rgba(255,183,64,.45);animation:cosmeticPulseV1413 1.6s ease-in-out infinite}
.cosmetic-preview-v12.profile-frame-galaxy span,.shop-preview-v12.profile-frame-galaxy span{border:7px solid #7957df;box-shadow:0 0 20px #7957df,inset 0 0 13px #35b9ed;animation:cosmeticPulseV1413 2.4s ease-in-out infinite}
/* ---------- Banners ---------- */
.profile-banner-cybergrid,.cosmetic-preview-v12.profile-banner-cybergrid,.shop-preview-v12.profile-banner-cybergrid{
background:
linear-gradient(rgba(72,224,255,.15) 1px,transparent 1px),
linear-gradient(90deg,rgba(72,224,255,.15) 1px,transparent 1px),
radial-gradient(circle at 75% 35%,rgba(172,82,255,.48),transparent 25%),
linear-gradient(135deg,#07172c,#132866 55%,#281659)!important;
background-size:22px 22px,22px 22px,auto,auto!important;
animation:cyberGridMoveV1413 5s linear infinite
}
.profile-banner-royalgold,.cosmetic-preview-v12.profile-banner-royalgold,.shop-preview-v12.profile-banner-royalgold{
background:
radial-gradient(circle at 80% 25%,rgba(255,222,104,.5),transparent 23%),
linear-gradient(120deg,#090a0e,#29200c 45%,#b78420 75%,#17120a)!important
}
.profile-banner-nebula,.cosmetic-preview-v12.profile-banner-nebula,.shop-preview-v12.profile-banner-nebula{
background:
radial-gradient(circle at 18% 25%,#82d6ff 0 1px,transparent 2px),
radial-gradient(circle at 70% 30%,#fff 0 1px,transparent 2px),
radial-gradient(circle at 50% 70%,#e8d6ff 0 1px,transparent 2px),
radial-gradient(circle at 76% 54%,rgba(215,77,255,.58),transparent 27%),
radial-gradient(circle at 34% 48%,rgba(44,153,255,.58),transparent 30%),
linear-gradient(135deg,#0b1029,#271344 55%,#111c47)!important;
background-size:55px 55px,70px 70px,85px 85px,auto,auto,auto!important;
animation:nebulaShiftV1413 8s ease-in-out infinite alternate
}
/* ---------- Badges ---------- */
.profile-badge-diamond:before{content:"◆";color:#56b6ff;text-shadow:0 0 6px #7dd0ff,0 0 13px #9367ff;animation:cosmeticPulseV1413 1.8s infinite}
.profile-badge-flame:before{content:"🔥";filter:drop-shadow(0 0 6px #ff643e);animation:badgeBounceV1413 1.5s ease-in-out infinite}
.profile-badge-lightning:before{content:"⚡";color:#f4dd44;text-shadow:0 0 5px #fff268,0 0 12px #4ac8ff;animation:lightningBlinkV1413 1.7s infinite}
.cosmetic-preview-v12.profile-badge-diamond span:before,.shop-preview-v12.profile-badge-diamond span:before{content:"◆";font-size:35px;color:#53baff;text-shadow:0 0 13px #7a72ff}
.cosmetic-preview-v12.profile-badge-flame span:before,.shop-preview-v12.profile-badge-flame span:before{content:"🔥";font-size:35px;filter:drop-shadow(0 0 8px #ff6d3d)}
.cosmetic-preview-v12.profile-badge-lightning span:before,.shop-preview-v12.profile-badge-lightning span:before{content:"⚡";font-size:38px;color:#ffe656;text-shadow:0 0 11px #4ccaff}
/* ---------- Nameplates ---------- */
.profile-nameplate-rgb{
display:inline-block;padding:4px 9px;border-radius:8px;color:#fff!important;
background:linear-gradient(90deg,#ff4d9c,#7658ff,#2ebcff,#36e3ad,#ffcf4d,#ff4d9c)!important;
background-size:220% 100%!important;animation:nameplateFlowV1413 3s linear infinite;text-shadow:0 1px 3px rgba(0,0,0,.25)
}
.profile-nameplate-royal{
display:inline-block;padding:4px 9px;border-radius:8px;color:#f7d77a!important;
background:linear-gradient(135deg,#0b0c10,#28200f)!important;border:1px solid #ba8c29!important;
box-shadow:inset 0 0 12px rgba(217,167,55,.15),0 3px 10px rgba(81,59,8,.15)
}
.profile-nameplate-hologram{
display:inline-block;padding:4px 9px;border-radius:8px;color:#251f48!important;
background:linear-gradient(115deg,#d8fbff,#e7d7ff,#ffd8f1,#fff1b6,#d8fbff)!important;
background-size:230% 100%!important;animation:nameplateFlowV1413 3.5s linear infinite;
box-shadow:0 0 12px rgba(131,99,220,.18)
}
.cosmetic-preview-v12.profile-nameplate-rgb span,.shop-preview-v12.profile-nameplate-rgb span{width:110px;height:38px;border:0;border-radius:8px;background:linear-gradient(90deg,#ff4d9c,#7658ff,#2ebcff,#36e3ad,#ffcf4d);background-size:220% 100%;animation:nameplateFlowV1413 3s linear infinite}
.cosmetic-preview-v12.profile-nameplate-royal span,.shop-preview-v12.profile-nameplate-royal span{width:110px;height:38px;border:1px solid #ba8c29;border-radius:8px;background:linear-gradient(135deg,#0b0c10,#302410)}
.cosmetic-preview-v12.profile-nameplate-hologram span,.shop-preview-v12.profile-nameplate-hologram span{width:110px;height:38px;border:0;border-radius:8px;background:linear-gradient(115deg,#d8fbff,#e7d7ff,#ffd8f1,#fff1b6,#d8fbff);background-size:230% 100%;animation:nameplateFlowV1413 3.5s linear infinite}
/* Shop cards get correct preview treatment for flashy frames */
.shop-preview-v12.profile-frame-prism,
.shop-preview-v12.profile-frame-inferno,
.shop-preview-v12.profile-frame-galaxy,
.cosmetic-preview-v12.profile-frame-prism,
.cosmetic-preview-v12.profile-frame-inferno,
.cosmetic-preview-v12.profile-frame-galaxy{background:#f7f6fb!important}
@keyframes cosmeticHueV1413{to{filter:hue-rotate(360deg)}}
@keyframes cosmeticPulseV1413{0%,100%{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.14);transform:scale(1.025)}}
@keyframes cyberGridMoveV1413{to{background-position:22px 22px,22px 22px,0 0,0 0}}
@keyframes nebulaShiftV1413{0%{background-position:0 0,0 0,0 0,0 0,0 0,0 0}100%{background-position:12px 7px,-10px 10px,8px -8px,0 0,0 0,0 0}}
@keyframes badgeBounceV1413{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-2px) rotate(4deg)}}
@keyframes lightningBlinkV1413{0%,85%,100%{opacity:1}88%{opacity:.25}92%{opacity:1}96%{opacity:.45}}
@keyframes nameplateFlowV1413{to{background-position:220% 0}}
@media(max-width:650px){
.profile-rank-progress-v1413{grid-template-columns:minmax(120px,1fr) auto auto;width:100%}
.profile-rank-card-v1413{width:100%}
}
/* Respect reduced-motion preferences */
@media(prefers-reduced-motion:reduce){
.profile-frame-prism,.profile-frame-inferno,.profile-frame-galaxy,
.profile-banner-cybergrid,.profile-banner-nebula,
.profile-badge-diamond:before,.profile-badge-flame:before,.profile-badge-lightning:before,
.profile-nameplate-rgb,.profile-nameplate-hologram,
.cosmetic-preview-v12 span,.shop-preview-v12 span{animation:none!important}
}
/* ================================================================
BAEGYAHUB FINAL V14.15 — long-term EXP / recommendation system
================================================================ */
.exp-policy-admin-v1415{
margin:18px 0;padding:18px;border:1px solid #e0e2eb;border-radius:12px;background:#fafbfe
}
.exp-policy-head-v1415 span{color:#7350d2;font-size:9px!important;font-weight:900;letter-spacing:1.5px}
.exp-policy-head-v1415 h3{margin:4px 0;font-size:18px}
.exp-policy-head-v1415 p{margin:0 0 14px;color:#7e8490;font-size:11px!important}
.exp-policy-note-v1415{
margin-top:12px;padding:10px 12px;border-radius:8px;background:#f1edff;color:#665879;font-size:10.5px!important
}
.exp-policy-note-v1415 b{color:#6641c7}
.post-recommend-v1415{
display:flex;align-items:center;justify-content:space-between;gap:18px;
margin:22px 0 0;padding:16px 18px;border-top:1px solid #eceef3;background:#fbfbfe
}
.post-recommend-v1415>div>span{display:block;color:#7551d3;font-size:8.5px!important;font-weight:900;letter-spacing:1.3px}
.post-recommend-v1415>div>b{display:block;margin-top:3px;color:#343a48;font-size:12px!important}
.post-recommend-v1415>div>small{display:block;margin-top:2px;color:#9297a2;font-size:9.5px!important}
.post-recommend-v1415 form{margin:0}
.post-recommend-v1415 button{
min-width:118px;height:40px;padding:0 13px;border:1px solid #d6cbee;border-radius:9px;
background:linear-gradient(135deg,#f4efff,#fff);color:#6540c8;font-size:11px!important;font-weight:900;cursor:pointer
}
.post-recommend-v1415 button strong{margin-left:7px;color:#2e3340}
.post-recommend-v1415 button:hover:not(:disabled){border-color:#8b70dd;box-shadow:0 6px 15px rgba(104,66,207,.11)}
.post-recommend-v1415 button.done{background:#f5f6f8;color:#8a8f98;border-color:#e2e4e9;cursor:default}
.recommend-count-v1415{
min-width:100px;padding:9px 12px;border-radius:9px;background:#f3efff;color:#7151cb;text-align:center;font-size:10px!important
}
.recommend-count-v1415 strong{margin-left:6px;font-size:14px}
.marshal-lock-v1415{color:#b26e25!important;font-weight:800}
.reward-card-v10>small{
display:block;margin-top:4px;color:#8d72db;font-size:10px!important;font-weight:800
}
@media(max-width:650px){
.post-recommend-v1415{align-items:flex-start;flex-direction:column}
.post-recommend-v1415 form,.post-recommend-v1415 button{width:100%}
}
/* BAEGYAHUB V14.16 */
.admin-post-unit-v1416{border-bottom:1px solid #eceef3}
.admin-post-unit-v1416>.tr{border-bottom:0!important}
.post-stats-admin-v1416{padding:10px 14px 13px 155px;background:#fafbfe;border-top:1px solid #f0f1f5}
.post-stats-current-v1416{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:8px}
.post-stats-current-v1416 span{padding:5px 8px;border-radius:6px;background:#f0edfa;color:#747987;font-size:9.5px!important}
.post-stats-current-v1416 b{color:#6240c7}
.post-stats-form-v1416,.post-add-views-v1416,.post-admin-base-actions-v1416{display:flex;align-items:end;gap:7px;flex-wrap:wrap;margin-top:6px}
.post-stats-form-v1416 label{font-size:9px!important;color:#777d89}
.post-stats-form-v1416 input,.post-add-views-v1416 input{display:block;width:120px;margin-top:4px;padding:7px 8px;border:1px solid #dce0e8;border-radius:7px;background:#fff}
.post-add-views-v1416 input{width:130px}
@media(max-width:800px){
.post-stats-admin-v1416{padding-left:12px}
.post-stats-form-v1416,.post-add-views-v1416{align-items:stretch;flex-direction:column}
.post-stats-form-v1416 input,.post-add-views-v1416 input{width:100%}
}
/* ================================================================
BAEGYAHUB FINAL V14.17 — point/rank ranking
================================================================ */
.rank-level-card-v1417{margin-top:12px}
.rank-level-row-v1417{grid-template-columns:26px minmax(0,1fr) auto!important}
.rank-member-v1417{
display:flex!important;align-items:center;gap:7px;min-width:0
}
.rank-member-v1417 img{
width:24px!important;height:24px!important;object-fit:contain!important;flex:0 0 24px;
filter:drop-shadow(0 2px 3px rgba(45,38,85,.12))
}
.rank-member-v1417 b{
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px!important;color:#343946
}
.rank-level-row-v1417>strong{
display:flex;align-items:center;gap:3px;color:#6542c8!important;font-size:10px!important;white-space:nowrap
}
.rank-level-row-v1417>strong em{
font-style:normal;color:#959aa5;font-size:8.5px!important;font-weight:700
}
.ranking-empty-v1417{
padding:13px 3px;color:#9a9faa;font-size:9.5px!important;text-align:center
}
.ranking-tabs-v1417{
display:flex;gap:7px;flex-wrap:wrap;margin-top:13px
}
.ranking-tabs-v1417 a{
padding:8px 12px;border:1px solid #dde0e8;border-radius:8px;background:#fff;color:#737986;
font-size:10px!important;font-weight:900
}
.ranking-tabs-v1417 a.active{
border-color:#cfc1f1;background:#eee9ff;color:#6742ca
}
/* V14.18 - logged-in user's own ranking row */
.ranking-self-v1418{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:6px;margin-top:8px;padding:9px 3px 2px;border-top:1px dashed #ddd6f5}
.ranking-self-v1418>i{width:24px;height:20px;border-radius:6px;background:#eee9ff;color:#6843d5;display:flex;align-items:center;justify-content:center;font-size:8px!important;font-style:normal;font-weight:900}
.ranking-self-v1418>span{display:flex;flex-direction:column;min-width:0}.ranking-self-v1418>span b{font-size:10.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-self-v1418>span small{font-size:8.5px!important;color:#999eaa;margin-top:2px}
.ranking-self-v1418>strong{font-size:10px!important;color:#6742ca;white-space:nowrap}.ranking-self-v1418>strong em{font-style:normal;color:#999eaa;font-size:8.5px!important}
/* ================================================================
BAEGYAHUB FINAL V14.19 — guest member portal
================================================================ */
.member-card-v6:has(.guest-portal-v1419){
padding:0;
overflow:hidden;
border-color:#ded9ef;
background:
radial-gradient(circle at 15% 0%,rgba(109,53,223,.08),transparent 36%),
linear-gradient(180deg,#fff 0%,#fdfcff 100%);
}
.guest-portal-v1419{
position:relative;
padding:18px 16px 15px;
}
.guest-portal-v1419:before{
content:"";
position:absolute;
left:0;right:0;top:0;
height:3px;
background:linear-gradient(90deg,#623ee0,#7563ef 55%,#43a4e8);
}
.guest-portal-icon-v1419{
width:44px;
height:44px;
margin-bottom:13px;
border-radius:13px;
display:grid;
place-items:center;
position:relative;
background:
linear-gradient(145deg,#7242e7,#4f66e7);
box-shadow:
0 10px 24px rgba(91,68,213,.22),
inset 0 1px 0 rgba(255,255,255,.35);
}
.guest-portal-icon-v1419:after{
content:"";
position:absolute;
inset:6px;
border:1px solid rgba(255,255,255,.28);
border-radius:9px;
}
.guest-portal-icon-v1419 span{
position:relative;
z-index:1;
color:#fff;
font-size:24px;
line-height:1;
font-weight:1000;
font-style:italic;
text-shadow:0 2px 9px rgba(22,16,78,.22);
}
.guest-portal-copy-v1419{
margin-bottom:13px;
}
.guest-portal-eyebrow-v1419{
display:block;
margin-bottom:4px;
color:#7753da;
font-size:8px!important;
line-height:1.2;
font-weight:900;
letter-spacing:1.45px;
}
.guest-portal-copy-v1419 h3{
margin:0;
color:#222738;
font-size:17px!important;
letter-spacing:-.45px;
line-height:1.3;
}
.guest-portal-copy-v1419 p{
margin:7px 0 0;
color:#777e8d;
font-size:10.5px!important;
line-height:1.65;
word-break:keep-all;
}
.guest-benefits-v1419{
display:flex;
flex-direction:column;
gap:6px;
margin:14px 0;
padding:11px 12px;
border:1px solid #ece9f6;
border-radius:10px;
background:#faf9ff;
}
.guest-benefits-v1419 span{
display:flex;
align-items:center;
gap:7px;
color:#5d6472;
font-size:9.5px!important;
font-weight:700;
}
.guest-benefits-v1419 i{
width:16px;
height:16px;
flex:0 0 16px;
border-radius:50%;
display:grid;
place-items:center;
background:#ece7ff;
color:#6541d0;
font-size:9px!important;
font-style:normal;
font-weight:900;
}
.guest-actions-v1419{
display:grid;
grid-template-columns:1.15fr .85fr;
gap:7px;
}
.guest-actions-v1419 a{
height:38px;
display:flex;
align-items:center;
justify-content:center;
border-radius:8px;
font-size:10.5px!important;
font-weight:900;
transition:.16s ease;
}
.guest-login-v1419{
color:#fff;
border:1px solid transparent;
background:linear-gradient(135deg,#6d35df,#5866e8);
box-shadow:0 7px 17px rgba(94,69,216,.18);
}
.guest-login-v1419:hover{
transform:translateY(-1px);
box-shadow:0 9px 20px rgba(94,69,216,.24);
}
.guest-register-v1419{
color:#5f43be;
border:1px solid #dcd4f3;
background:#fff;
}
.guest-register-v1419:hover{
border-color:#bcaee9;
background:#f9f7ff;
}
.guest-help-v1419{
display:flex;
justify-content:space-between;
align-items:center;
gap:6px;
margin-top:11px;
padding-top:11px;
border-top:1px solid #efeff4;
color:#9a9eaa;
font-size:8.7px!important;
}
.guest-help-v1419 b{
color:#7653d1;
font-size:8.7px!important;
white-space:nowrap;
}
@media(max-width:850px){
.guest-portal-v1419{
max-width:420px;
}
}
/* ================================================================
BAEGYAHUB FINAL V14.20 — secure two-stage charge
================================================================ */
.secure-charge-flow-v1420{margin:14px 0;padding:14px;border:1px solid #e6e0f6;border-radius:10px;background:linear-gradient(135deg,#faf8ff,#fff)}
.secure-charge-flow-v1420>b{display:block;color:#4f3b91;font-size:11px!important;margin-bottom:8px}.secure-charge-flow-v1420 ol{margin:0;padding-left:18px;color:#7a7f8b;font-size:10px!important;line-height:1.8}
.charge-history-row-v1420{grid-template-columns:minmax(0,1fr) auto auto!important;gap:10px;position:relative}.charge-account-link-v1420{grid-column:1/-1;justify-self:start;margin-top:3px;padding:7px 10px;border-radius:7px;background:#eee9ff;color:#6542c8;font-size:9.5px!important;font-weight:900}.charge-wait-v1420{grid-column:1/-1;color:#8a6a24!important;font-weight:800}
.state-v10.payment_ready{background:#eee9ff!important;color:#6241c7!important}.state-v10.paid{background:#fff3d8!important;color:#8d6514!important}
.charge-account-page-v1420{max-width:850px!important}.charge-account-card-v1420{background:#fff;border:1px solid #e2e4eb;border-radius:16px;box-shadow:0 18px 46px #3930500d;overflow:hidden}.charge-reauth-v1420{max-width:520px;margin:0 auto;padding:34px;text-align:center}.secure-lock-v1420{width:58px;height:58px;margin:0 auto 12px;border-radius:18px;background:#f0ebff;display:grid;place-items:center;font-size:24px}.charge-reauth-v1420 h3{font-size:20px;margin:8px 0}.charge-reauth-v1420 p{color:#838895;font-size:11px}.charge-reauth-v1420 label{display:block;text-align:left;font-size:11px;font-weight:800;margin:18px 0}.charge-reauth-v1420 input{width:100%;margin-top:7px;padding:12px;border:1px solid #dfe1e8;border-radius:9px}
.payment-ticket-v1420{padding:28px}.payment-ticket-head-v1420{display:flex;justify-content:space-between;border-bottom:1px solid #eceef3;padding-bottom:14px;color:#7651d3;font-size:9px;font-weight:900;letter-spacing:1.3px}.payment-amount-v1420{padding:24px 0}.payment-amount-v1420 small{display:block;color:#9499a4}.payment-amount-v1420 b{display:block;font-size:30px;margin-top:4px;color:#2a2e3a}.payment-ticket-v1420 dl{margin:0;border:1px solid #eceef3;border-radius:11px;overflow:hidden}.payment-ticket-v1420 dl>div{display:grid;grid-template-columns:110px 1fr;align-items:center;min-height:54px;border-bottom:1px solid #eff0f4}.payment-ticket-v1420 dl>div:last-child{border:0}.payment-ticket-v1420 dt{padding:0 15px;color:#8b909d;font-size:10px}.payment-ticket-v1420 dd{margin:0;padding:0 15px;font-size:13px;font-weight:800}.payment-ticket-v1420 dd button{margin-left:10px;padding:5px 8px;border:1px solid #dcd5f1;border-radius:6px;background:#faf8ff;color:#6943cc;font-size:9px;font-weight:900}.payment-warning-v1420{margin:14px 0;padding:12px;border-radius:9px;background:#fff8e8;color:#876725;font-size:10px;line-height:1.6}.paid-state-v1420{margin-top:15px;padding:12px;border-radius:9px;background:#eef8f1;color:#2d7145;font-weight:800;text-align:center}.admin-wait-v1420{font-size:9px;color:#8c6a21;font-weight:800}
\n\n/* V14.21 ad persistence / upload feedback */\n.admin-v10-alert.error{margin:0 0 14px;padding:13px 15px;border:1px solid #f1c7cd;border-radius:10px;background:#fff4f5;color:#a63c4a;font-size:12px;line-height:1.55}.admin-v10-alert.error b{margin-right:6px}.admin-v10-alert.error small{color:#b96b75}.ad-save-error-v1421{outline:2px solid rgba(220,72,92,.20);outline-offset:5px;border-radius:10px}\n
/* ================================================================
BAEGYAHUB FINAL V14.22 — scalable admin post search
================================================================ */
.post-search-form-v1422{display:grid;grid-template-columns:130px 1.5fr 1fr 1fr 150px auto;gap:9px;align-items:end}
.post-search-form-v1422 label{display:block;color:#69707e;font-size:10px;font-weight:800}
.post-search-form-v1422 input,.post-search-form-v1422 select{width:100%;height:39px;margin-top:5px;padding:0 10px;border:1px solid #dce0e8;border-radius:8px;background:#fff;color:#2c303c;font-size:11px;outline:none}
.post-search-form-v1422 input:focus,.post-search-form-v1422 select:focus{border-color:#9277e8;box-shadow:0 0 0 3px rgba(112,67,220,.07)}
.post-search-actions-v1422{display:flex;gap:6px}.post-search-actions-v1422>*{white-space:nowrap}
.post-search-help-v1422{margin:12px 0 0;padding:10px 12px;border-radius:8px;background:#f8f7fc;color:#858a96;font-size:10px;line-height:1.6}.post-search-help-v1422 b{color:#6542c8}
.post-search-empty-v1422{min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;color:#969ba6}.post-search-empty-v1422 strong{color:#555b68;font-size:13px}.post-search-empty-v1422 span{font-size:10px}
.post-result-list-v1422{border:1px solid #e5e7ed;border-radius:10px;overflow:hidden}.post-result-v1422{background:#fff;border-bottom:1px solid #eceef3}.post-result-v1422:last-child{border-bottom:0}.post-result-v1422.is-hidden{background:#fffafa}
.post-result-main-v1422{display:grid;grid-template-columns:88px minmax(0,1fr) 190px 84px;gap:12px;align-items:center;padding:12px 14px}.post-result-id-v1422{color:#9297a3;font-size:10px;font-weight:800}.post-result-title-v1422{min-width:0}.post-result-title-v1422>div{display:flex;align-items:center;gap:5px;margin-bottom:4px}.post-result-title-v1422 span,.post-result-title-v1422 em{padding:3px 6px;border-radius:5px;background:#f0ecff;color:#7047d3;font-size:8px;font-style:normal;font-weight:800}.post-result-title-v1422 em{background:#fff0d9;color:#a46c11}.post-result-title-v1422 em.hidden{background:#ffe9ec;color:#b73648}.post-result-title-v1422>a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2b303d;font-size:12px;font-weight:850}.post-result-title-v1422 small{display:block;margin-top:4px;color:#9499a5;font-size:9px}
.post-result-stats-v1422{display:flex;gap:9px;justify-content:flex-end}.post-result-stats-v1422 span{display:flex;flex-direction:column;color:#969ba6;font-size:8px}.post-result-stats-v1422 b{margin-top:2px;color:#555b68;font-size:10px}
.post-manage-v1422{position:relative}.post-manage-v1422 summary{list-style:none;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #dddfea;border-radius:8px;background:#fff;color:#6543c8;font-size:10px;font-weight:900;cursor:pointer}.post-manage-v1422 summary::-webkit-details-marker{display:none}.post-manage-v1422[open] summary{background:#f1edff;border-color:#d4c8f5}
.post-manage-panel-v1422{grid-column:1/-1;margin-top:10px;padding:12px;border:1px solid #e5e2ef;border-radius:9px;background:#faf9fd}.post-manage-v1422[open]{grid-column:1/-1}.post-manage-v1422[open] .post-manage-panel-v1422{display:block}.post-manage-grid-v1422{display:grid;grid-template-columns:150px 150px auto;gap:7px;align-items:end}.post-manage-grid-v1422 label{font-size:9px;color:#777d89}.post-manage-grid-v1422 input,.post-manage-inline-v1422 input,.post-pin-v1422 input{width:100%;height:36px;margin-top:4px;padding:0 9px;border:1px solid #dce0e8;border-radius:7px;background:#fff}.post-manage-inline-v1422{display:flex;gap:7px;margin-top:8px}.post-manage-inline-v1422 input{width:150px;margin:0}.post-manage-actions-v1422{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px;padding-top:8px;border-top:1px solid #eceaf2}.post-manage-actions-v1422 form{display:flex;gap:6px}.post-pin-v1422 input{width:130px;margin:0}.post-next-v1422{display:flex;justify-content:center;padding-top:14px}
@media(max-width:1100px){.post-search-form-v1422{grid-template-columns:1fr 1fr 1fr}.post-search-actions-v1422{align-self:end}.post-result-main-v1422{grid-template-columns:70px minmax(0,1fr) 150px 76px}}
@media(max-width:760px){.post-search-form-v1422{grid-template-columns:1fr}.post-result-main-v1422{grid-template-columns:1fr 72px}.post-result-id-v1422,.post-result-stats-v1422{display:none}.post-manage-v1422{grid-column:2}.post-manage-v1422[open]{grid-column:1/-1}.post-manage-grid-v1422{grid-template-columns:1fr}.post-manage-inline-v1422{flex-direction:column}.post-manage-inline-v1422 input,.post-pin-v1422 input{width:100%}.post-pin-v1422{flex-direction:column;width:100%}}
/* ================================================================
BAEGYAHUB V14.24 — exactly four fixed main ad slots
================================================================ */
.ad-slot-guide-v1424{
display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px
}
.ad-slot-guide-v1424 span{
display:flex;align-items:center;justify-content:center;gap:7px;
min-height:42px;border:1px solid #e1ddf1;border-radius:9px;background:#faf9ff;
color:#777d8a;font-size:10px!important;font-weight:800
}
.ad-slot-guide-v1424 b{
width:23px;height:23px;border-radius:7px;display:grid;place-items:center;
background:#6843d7;color:#fff;font-size:10px!important
}
.ad-v10-edit{position:relative}
.ad-slot-label-v1424{
position:absolute;left:7px;top:7px;z-index:2;display:flex;align-items:center;gap:5px;
padding:5px 7px;border-radius:7px;background:rgba(24,25,42,.86);color:#fff
}
.ad-slot-label-v1424 b,.ad-slot-label-v1424 span{font-size:8.5px!important}
.ad-slot-label-v1424 span{color:#d9d3f4}
.ad-fixed-slot-v1424{
padding:8px 10px;border:1px solid #e4e0f2;border-radius:8px;background:#faf9ff;
color:#7c8190;font-size:9.5px!important
}
.ad-fixed-slot-v1424 strong{color:#6842d0;font-size:12px!important}
@media(max-width:700px){
.ad-slot-guide-v1424{grid-template-columns:1fr 1fr}
}
/* ================================================================
BAEGYAHUB V14.25 — monthly operator report
================================================================ */
.admin-monthly-report-v1425{
margin-top:14px;padding:20px;border:1px solid #e2e4eb;border-radius:14px;
background:#fff;box-shadow:0 10px 30px rgba(41,42,63,.045)
}
.admin-monthly-head-v1425{
display:flex;align-items:flex-end;justify-content:space-between;gap:20px;
padding-bottom:17px;border-bottom:1px solid #eceef3
}
.admin-monthly-head-v1425>div:first-child>span{
color:#7450d8;font-size:9px!important;letter-spacing:1.8px;font-weight:900
}
.admin-monthly-head-v1425 h2{
margin:4px 0 5px;color:#222738;font-size:21px;letter-spacing:-.45px
}
.admin-monthly-head-v1425 p{
margin:0;color:#858b98;font-size:10.5px!important
}
.admin-month-nav-v1425{
display:flex;align-items:center;gap:6px;flex:0 0 auto
}
.admin-month-nav-v1425 a,.admin-month-nav-v1425 span,.admin-month-nav-v1425 strong{
height:34px;display:flex;align-items:center;justify-content:center;padding:0 11px;
border:1px solid #e0e2e9;border-radius:8px;background:#fff;
font-size:9.5px!important;font-weight:800
}
.admin-month-nav-v1425 a{color:#6542ca}
.admin-month-nav-v1425 a:hover{background:#f7f4ff;border-color:#d4c9f4}
.admin-month-nav-v1425 strong{background:#f3efff;color:#6542ca;border-color:#ddd3f8}
.admin-month-nav-v1425 span{color:#b3b6bf;background:#fafafa}
.admin-month-kpis-v1425{
display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:14px
}
.admin-month-kpis-v1425 article{
min-height:118px;padding:15px;border:1px solid #e7e8ee;border-radius:11px;
background:linear-gradient(180deg,#fff,#fdfcff)
}
.admin-month-kpi-top-v1425{
display:flex;align-items:center;justify-content:space-between;gap:7px
}
.admin-month-kpi-top-v1425>span{
color:#7c8290;font-size:10px!important;font-weight:800
}
.admin-month-kpi-top-v1425 em{
padding:4px 6px;border-radius:6px;font-size:8px!important;font-style:normal;font-weight:900;white-space:nowrap
}
.admin-month-kpi-top-v1425 em.up{background:#eaf8f1;color:#168151}
.admin-month-kpi-top-v1425 em.down{background:#fff0f1;color:#bc3b4b}
.admin-month-kpi-top-v1425 em.flat{background:#f2f3f6;color:#9297a2}
.admin-month-kpis-v1425 article>strong{
display:block;margin-top:15px;color:#623ed0;font-size:21px;letter-spacing:-.45px
}
.admin-month-kpis-v1425 article>small{
display:block;margin-top:5px;color:#9a9eaa;font-size:9px!important
}
.admin-trend-card-v1425{
margin-top:12px;padding:17px;border:1px solid #e7e8ee;border-radius:11px;background:#fbfbfd
}
.admin-trend-legend-v1425{
display:flex;align-items:center;gap:5px;color:#8d929e;font-size:8.5px!important
}
.admin-trend-legend-v1425 i{
width:7px;height:7px;border-radius:50%;margin-left:5px
}
.admin-trend-grid-v1425{
height:185px;display:grid;grid-template-columns:repeat(6,1fr);gap:12px;
align-items:end;margin-top:7px;padding:8px 9px 0;border-top:1px solid #efeff3
}
.admin-trend-month-v1425{
min-width:0;text-align:center
}
.admin-trend-bars-v1425{
height:125px;display:flex;align-items:flex-end;justify-content:center;gap:4px;
border-bottom:1px solid #dddfe7
}
.admin-trend-bars-v1425 i{
width:10px;min-height:3px;border-radius:4px 4px 1px 1px;
transition:.18s
}
.admin-trend-bars-v1425 i:hover{filter:brightness(.94)}
.admin-trend-legend-v1425 .u,.admin-trend-bars-v1425 .u{background:#6e48d8}
.admin-trend-legend-v1425 .c,.admin-trend-bars-v1425 .c{background:#5e7ee8}
.admin-trend-legend-v1425 .p,.admin-trend-bars-v1425 .p{background:#2fa79a}
.admin-trend-legend-v1425 .m,.admin-trend-bars-v1425 .m{background:#e4a23a}
.admin-trend-month-v1425>b{
display:block;margin-top:7px;color:#575d6b;font-size:9.5px!important
}
.admin-trend-month-v1425>small{
display:block;margin-top:2px;color:#a0a4af;font-size:7.5px!important;white-space:nowrap
}
@media(max-width:1180px){
.admin-month-kpis-v1425{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
.admin-monthly-head-v1425{align-items:flex-start;flex-direction:column}
.admin-month-kpis-v1425{grid-template-columns:1fr 1fr}
.admin-trend-grid-v1425{gap:5px;padding-left:0;padding-right:0}
.admin-trend-bars-v1425 i{width:7px}
.admin-trend-month-v1425>small{display:none}
}
@media(max-width:480px){
.admin-month-kpis-v1425{grid-template-columns:1fr}
}
.seo-login-hint{margin:14px 0;padding:14px 16px;border:1px solid #e6e1f4;border-radius:10px;background:#faf8ff;color:#777e8d;font-size:11px}.seo-login-hint a{color:#6741d5;font-weight:900}
/* V14.28 registration validation */
.input-status{min-height:16px;margin-top:5px!important;font-weight:700!important}.input-status.ok{color:#15803d!important}.input-status.bad{color:#b91c1c!important}
/* ================================================================
BAEGYA HUB V14.31 - Desktop/Mobile logout visibility
================================================================ */
.head-logout{
display:inline-flex;align-items:center;justify-content:center;
min-height:34px;padding:0 11px;border:1px solid #e1e3eb;border-radius:8px;
background:#fff;color:#686f7f!important;font-size:11px!important;font-weight:800;
white-space:nowrap;transition:.15s;
}
.head-logout:hover{border-color:#cfc4f5;background:#f4f0ff;color:#6037cb!important}
.mobile-account-toggle,.mobile-account-menu{display:none}
.admin-v1431-logout{margin-top:4px!important;color:#b43b4d!important;background:#fff3f5!important}
.admin-v1431-logout:hover{background:#ffe8ec!important;color:#a72e41!important}
.admin-v1431-logout-top{border-color:#efd2d8!important;color:#b43b4d!important;background:#fff8f9!important}
@media(max-width:900px){
.premium-head-inner{gap:10px;position:relative}
.premium-nav,.global-search,.head-icons,.member-chip,.head-logout{display:none!important}
.premium-brand{margin-right:auto}
.premium-brand img{max-width:145px;height:auto}
.operator-btn{padding:8px 10px;font-size:11px}
.mobile-account-toggle{
display:inline-grid;place-items:center;width:38px;height:38px;padding:0;
border:1px solid #dedfea;border-radius:9px;background:#fff;color:#4e5362;
font-size:20px;line-height:1;cursor:pointer
}
.mobile-account-toggle[aria-expanded="true"]{background:#f0ecff;border-color:#d5c8fb;color:#6039cc}
.mobile-account-menu{
display:block;position:absolute;right:10px;top:62px;width:min(290px,calc(100vw - 20px));
padding:10px;background:#fff;border:1px solid #e3e5ec;border-radius:12px;
box-shadow:0 18px 45px rgba(38,39,58,.16);z-index:120
}
.mobile-account-menu[hidden]{display:none!important}
.mobile-account-user{display:flex;align-items:center;gap:10px;padding:8px 8px 11px;border-bottom:1px solid #eceef3;margin-bottom:5px}
.mobile-account-user img{width:38px;height:38px;border-radius:50%;object-fit:cover}
.mobile-account-user div{min-width:0;display:flex;flex-direction:column}
.mobile-account-user b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mobile-account-user small{margin-top:2px;font-size:10px;color:#858b99}
.mobile-account-menu>a{display:flex;align-items:center;justify-content:space-between;padding:11px 10px;border-radius:8px;font-size:13px;font-weight:700;color:#555c6c}
.mobile-account-menu>a:hover{background:#f5f2ff;color:#6039cc}
.mobile-account-menu>a strong{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#ef476f;color:#fff;font-size:9px;display:grid;place-items:center}
.mobile-account-divider{height:1px;background:#eceef3;margin:5px 0}
.mobile-account-menu>a.mobile-logout{color:#b53245;background:#fff4f5}
.mobile-account-menu>a.mobile-logout:hover{background:#ffe8eb;color:#a32539}
}
@media(max-width:600px){
.premium-header{height:62px}
.premium-head-inner{height:62px}
.premium-brand img{max-width:125px}
.operator-btn{display:none}
.mobile-account-menu{top:54px}
.admin-v10-side-bottom{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
.admin-v10-side-bottom a{text-align:center!important;border:1px solid #e4e6ed!important;background:#fff!important}
.admin-v10-side-bottom .admin-v1431-logout{background:#fff3f5!important}
.admin-v10-actions{flex-wrap:wrap;justify-content:flex-start}
.admin-v10-actions .admin-v1431-logout-top{display:inline-flex!important}
}
/* ================================================================
V14.34 - Mobile main banner aspect-ratio fix
Source banners are 1600x480 (10:3). On phones, fixed 165px height
with object-fit:cover cropped the left/right text. Preserve the
original banner ratio so the complete artwork is always visible.
================================================================ */
@media (max-width:850px){
.banner-zone-v6{
grid-template-columns:1fr!important;
gap:12px!important;
}
.banner-v6{
width:100%!important;
height:auto!important;
aspect-ratio:10 / 3!important;
border-radius:14px!important;
overflow:hidden!important;
background:#eef0f5!important;
}
.banner-v6 img{
width:100%!important;
height:100%!important;
max-width:100%!important;
object-fit:contain!important;
object-position:center center!important;
display:block!important;
}
}
/* ================================================================
V14.35 - Mobile banner: preserve the real uploaded image dimensions.
V14.34 used a fixed 10:3 aspect ratio, but older cached CSS could keep
the 165px crop. On mobile we now remove every fixed height/aspect ratio
and let the ![]()
intrinsic ratio determine the card height.
================================================================ */
@media (max-width:850px){
.banner-zone-v6{
display:grid!important;
grid-template-columns:minmax(0,1fr)!important;
width:100%!important;
gap:10px!important;
}
.banner-v6{
display:block!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
height:auto!important;
min-height:0!important;
max-height:none!important;
aspect-ratio:auto!important;
overflow:hidden!important;
}
.banner-v6 img{
display:block!important;
width:100%!important;
max-width:100%!important;
height:auto!important;
min-height:0!important;
max-height:none!important;
object-fit:fill!important;
object-position:initial!important;
}
}
/* ================================================================
BAEGYA HUB V14.36 - Mobile PWA install button
================================================================ */
.mobile-install-btn{display:none}
@media(max-width:900px){
.mobile-install-btn{
flex:0 0 auto;align-items:center;justify-content:center;min-width:62px;height:36px;
padding:0 11px;border:1px solid #d9d0fb;border-radius:9px;
background:linear-gradient(135deg,#7047de,#5a42d1);color:#fff;
box-shadow:0 5px 14px rgba(94,67,203,.16);font-size:11px;font-weight:900;
white-space:nowrap;cursor:pointer
}
.mobile-install-btn:not([hidden]){display:inline-flex}
.mobile-install-btn:disabled{opacity:.58;cursor:wait}
}
@media(max-width:600px){
.mobile-install-btn{min-width:58px;height:34px;padding:0 9px;font-size:10px}
}
/* ================================================================
BAEGYA HUB V14.39 - Market protected delivery & 10-image gallery
================================================================ */
.market-upload-section-v14{margin:18px 0;padding:18px;border:1px solid #e1e4ec;border-radius:12px;background:#fafbfc}.market-upload-section-v14.protected-v14{border-color:#ddd5f4;background:linear-gradient(135deg,#faf8ff,#fff)}.market-upload-section-v14 h3{margin:0 0 12px;font-size:15px;color:#343946}.market-form-help-v14{margin:-4px 0 14px;color:#777e8c;font-size:10px;line-height:1.65}.market-upload-info-v14{margin-top:-7px;padding:9px 11px;border-radius:8px;background:#f0f2f6;color:#69717f;font-size:10px}.market-optional-v14{font-size:9px;font-weight:500;color:#989eaa}
.market-thumbs-v14{display:flex;gap:8px;padding:10px;overflow-x:auto;border-top:1px solid #eceef3;background:#fafbfc}.market-thumbs-v14 button{flex:0 0 76px;width:76px;height:62px;padding:2px;border:2px solid transparent;border-radius:8px;background:#fff;cursor:pointer;overflow:hidden}.market-thumbs-v14 button.active{border-color:#7250d5}.market-thumbs-v14 img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:5px}
.market-delivery-v14{margin-top:14px;padding:20px;background:#fff;border:1px solid #e2e4eb;border-radius:13px}.market-delivery-v14.unlocked{border-color:#d9d0f4;box-shadow:0 8px 26px rgba(76,55,145,.06)}.market-lock-v14{padding:16px;border-radius:10px;background:#f4f5f8;text-align:center}.market-lock-v14 b{display:block;font-size:14px;color:#555c69}.market-lock-v14 p{margin:6px auto 0;max-width:620px;color:#858b97;font-size:10px;line-height:1.7}.market-delivery-summary-v14{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.market-delivery-summary-v14 span{padding:7px 9px;border:1px solid #e3e5eb;border-radius:7px;background:#fff;font-size:10px;color:#666e7d}.market-delivery-actions-v14{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.market-download-btn-v14{display:flex;flex-direction:column;gap:4px;padding:15px;border:1px solid #d9d0f3;border-radius:10px;background:linear-gradient(135deg,#f8f5ff,#fff);color:#5d3cc4}.market-download-btn-v14.link{border-color:#cfe2ef;background:linear-gradient(135deg,#f2f9fd,#fff);color:#276d9f}.market-download-btn-v14 b{font-size:12px;word-break:break-all}.market-download-btn-v14 span{font-size:9px;color:#888f9c}.market-password-v14{display:flex;align-items:center;gap:10px;margin-top:12px;padding:12px;border-radius:9px;background:#f2efff}.market-password-v14 span{font-size:10px;color:#7d758f}.market-password-v14 strong{flex:1;font-size:12px;word-break:break-all;color:#49309c}.market-password-v14 button{padding:7px 10px;border:1px solid #d4caef;border-radius:7px;background:#fff;color:#6540ce;font-size:10px;font-weight:800;cursor:pointer}.market-access-note-v14,.market-delivery-empty-v14{margin:10px 0 0;color:#8a909b;font-size:9px}
@media(max-width:700px){.market-delivery-actions-v14{grid-template-columns:1fr}.market-password-v14{align-items:flex-start;flex-wrap:wrap}.market-password-v14 strong{flex-basis:100%}.market-thumbs-v14 button{flex-basis:66px;width:66px;height:56px}}
/* V14.44 marketplace seller edit/delete */
.market-seller-actions-v1444{display:flex;gap:8px;margin-top:12px}.market-seller-actions-v1444 a,.market-seller-actions-v1444 button{flex:1;display:block;padding:10px 12px;border-radius:8px;font-size:11px;font-weight:900;text-align:center;cursor:pointer}.market-seller-actions-v1444 a{border:1px solid #6a45d2;color:#6240c5;background:#fff}.market-seller-actions-v1444 form{flex:1;margin:0}.market-seller-actions-v1444 button{width:100%;border:1px solid #e5b9bd;color:#b52f3a;background:#fff7f7}.market-edit-images-v1444{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:10px 0 15px}.market-edit-image-v1444{border:1px solid #e2e4eb;border-radius:10px;overflow:hidden;background:#fff}.market-edit-image-v1444 img{display:block;width:100%;height:110px;object-fit:cover}.market-edit-image-v1444 span{display:block;padding:8px;font-size:11px}.market-current-file-v1444{padding:11px 12px;border:1px solid #ddd7f2;border-radius:9px;background:#faf9ff;margin:8px 0 12px;font-size:11px}.market-current-file-v1444 span{margin-left:6px;color:#777}.market-current-file-v1444 label{display:inline-block;margin-left:12px;color:#b52f3a}@media(max-width:760px){.market-edit-images-v1444{grid-template-columns:repeat(2,1fr)}}
/* ===== BAEGYA HUB V14.45 MARKET UI / RESPONSIVE IMAGE LIGHTBOX ===== */
.market-main-image-v13{height:clamp(320px,42vw,520px);padding:18px;background:linear-gradient(145deg,#f7f7fb,#eef0f6);overflow:hidden}
.market-main-image-button-v145{position:relative;width:100%;height:100%;padding:0;border:0;background:transparent;border-radius:12px;overflow:hidden;cursor:zoom-in;display:flex;align-items:center;justify-content:center}
.market-main-image-button-v145 img{display:block;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;border-radius:10px}
.market-main-image-button-v145 span{position:absolute;right:12px;bottom:12px;padding:7px 10px;border-radius:999px;background:rgba(17,18,28,.72);color:#fff;font-size:10px;font-weight:800;letter-spacing:-.2px;backdrop-filter:blur(6px);opacity:0;transform:translateY(5px);transition:.18s ease}
.market-main-image-button-v145:hover span{opacity:1;transform:none}
.market-thumbs-v14{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:8px;padding:10px;border-top:1px solid #eceef3;background:#fafbfc;overflow:visible}
.market-thumbs-v14 button{width:100%;height:68px;min-width:0;max-width:96px;justify-self:start;flex:none;padding:2px;border:2px solid transparent;border-radius:9px;background:#fff;cursor:pointer;overflow:hidden;box-shadow:0 2px 8px rgba(23,24,40,.04)}
.market-thumbs-v14 button.active{border-color:#6d46d8;box-shadow:0 0 0 2px rgba(109,70,216,.10)}
.market-thumbs-v14 img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:6px}
.market-seller-manage-v145{margin-top:13px;padding:12px;border:1px solid #e7e2f7;border-radius:12px;background:#fbfaff}
.market-seller-manage-head-v145{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.market-seller-manage-head-v145 span{font-size:9px;font-weight:900;letter-spacing:1.2px;color:#7354ce}.market-seller-manage-head-v145 small{font-size:10px;color:#858995}
.market-seller-actions-v1444{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.market-seller-actions-v1444 form{margin:0;min-width:0}.market-seller-actions-v1444 a,.market-seller-actions-v1444 button{width:100%;height:40px;padding:0 13px;border-radius:9px;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;cursor:pointer;transition:.16s ease}.market-seller-actions-v1444 a{border:1px solid #6d46d8;color:#5d3fc1;background:#fff}.market-seller-actions-v1444 a:hover{background:#6d46d8;color:#fff}.market-seller-actions-v1444 button{border:1px solid #efcfd2;color:#b43c46;background:#fff}.market-seller-actions-v1444 button:hover{background:#fff1f2;border-color:#dfa8ad}.market-seller-actions-v1444 b{font-size:16px;line-height:1;font-weight:500}
.market-lightbox-v145{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:30px 72px;background:rgba(8,9,15,.94);backdrop-filter:blur(8px)}.market-lightbox-v145.open{display:flex}.market-lightbox-stage-v145{position:relative;max-width:min(1500px,92vw);max-height:90vh;display:flex;align-items:center;justify-content:center}.market-lightbox-stage-v145 img{display:block;max-width:100%;max-height:90vh;width:auto;height:auto;object-fit:contain;box-shadow:0 20px 70px rgba(0,0,0,.35);border-radius:8px}.market-lightbox-close-v145{position:fixed;top:18px;right:22px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:29px;line-height:1;cursor:pointer}.market-lightbox-nav-v145{position:fixed;top:50%;transform:translateY(-50%);width:48px;height:64px;border:0;border-radius:12px;background:rgba(255,255,255,.10);color:#fff;font-size:42px;line-height:1;cursor:pointer}.market-lightbox-nav-v145.prev{left:18px}.market-lightbox-nav-v145.next{right:18px}.market-lightbox-count-v145{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.6);color:#fff;font-size:11px;font-weight:800}.market-lightbox-open-v145{overflow:hidden}
@media(max-width:700px){.market-main-image-v13{height:310px;padding:10px}.market-thumbs-v14{grid-template-columns:repeat(5,1fr);gap:6px}.market-thumbs-v14 button{height:54px;max-width:none}.market-main-image-button-v145 span{opacity:1;right:8px;bottom:8px;padding:5px 8px}.market-lightbox-v145{padding:18px}.market-lightbox-nav-v145{width:38px;height:52px;font-size:34px;background:rgba(0,0,0,.35)}.market-lightbox-nav-v145.prev{left:7px}.market-lightbox-nav-v145.next{right:7px}.market-lightbox-close-v145{top:10px;right:10px}.market-seller-actions-v1444{grid-template-columns:1fr 1fr}}
/* ===== BAEGYA HUB V14.46 MARKET SINGLE-ACTIVE GALLERY ===== */
.market-gallery-v146{display:block!important;min-width:0!important}
.market-main-image-v146{height:auto!important;aspect-ratio:4/3!important;min-height:360px!important;max-height:560px!important;padding:16px!important;overflow:hidden!important;background:linear-gradient(145deg,#f7f8fb,#eef1f6)!important}
.market-main-image-v146 .market-main-image-button-v145{display:flex!important;width:100%!important;height:100%!important;min-height:0!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.market-main-image-v146 .market-main-image-button-v145>img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;margin:0!important}
.market-main-image-v146 .market-main-image-button-v145>em{position:absolute;left:12px;bottom:12px;padding:6px 9px;border-radius:999px;background:rgba(17,18,28,.68);color:#fff;font-style:normal;font-size:10px;font-weight:800;letter-spacing:.2px;backdrop-filter:blur(6px)}
.market-thumbs-v146{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;padding:10px 12px!important;overflow-x:auto!important;overflow-y:hidden!important;min-height:84px!important;background:#fafbfc!important;border-top:1px solid #eceef3!important;scrollbar-width:thin}
.market-thumbs-v146>button{display:block!important;flex:0 0 82px!important;width:82px!important;height:62px!important;min-width:82px!important;max-width:82px!important;padding:2px!important;margin:0!important;border:2px solid transparent!important;border-radius:9px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 2px 8px rgba(23,24,40,.05)!important}
.market-thumbs-v146>button.active{border-color:#6d46d8!important;box-shadow:0 0 0 2px rgba(109,70,216,.10)!important}
.market-thumbs-v146>button>img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;margin:0!important;border:0!important;border-radius:6px!important}
@media(max-width:1000px){.market-main-image-v146{min-height:320px!important;max-height:none!important}}
@media(max-width:700px){.market-main-image-v146{aspect-ratio:1/1!important;min-height:280px!important;padding:10px!important}.market-thumbs-v146{min-height:74px!important;padding:8px!important}.market-thumbs-v146>button{flex-basis:68px!important;width:68px!important;min-width:68px!important;max-width:68px!important;height:54px!important}.market-main-image-v146 .market-main-image-button-v145>em{left:8px;bottom:8px}}
/* ===== BAEGYA HUB V14.47 MARKET THUMBNAILS: REPRESENTATIVE IMAGE EXCLUDED ===== */