:root{--ubn-blue:#0651ac;--ubn-dark:#111827;--ubn-muted:#6b7280;--ubn-line:#e5e7eb;--ubn-bg:#f7f9fc}.ubn-page-shell{width:min(1180px,calc(100% - 32px));margin:38px auto 60px;color:var(--ubn-dark)}.ubn-page-title{text-align:center;margin-bottom:30px}.ubn-page-title h1{font-size:38px}.ubn-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:34px;align-items:start}.ubn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.ubn-card{background:#fff;border:1px solid var(--ubn-line);border-radius:10px;overflow:hidden;box-shadow:0 8px 28px rgba(17,24,39,.06)}.ubn-thumb{display:block;aspect-ratio:16/9;overflow:hidden;background:#eaf1fb}.ubn-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.ubn-card:hover .ubn-thumb img{transform:scale(1.03)}.ubn-placeholder{display:grid;place-items:center;height:100%;font-weight:800;color:var(--ubn-blue)}.ubn-card-body{padding:20px}.ubn-badge{display:inline-block;padding:5px 10px;border-radius:999px;background:#eaf2ff;color:var(--ubn-blue);font-size:12px;font-weight:700}.ubn-card h2{font-size:20px;line-height:1.35;margin:12px 0 8px}.ubn-card h2 a{color:var(--ubn-dark);text-decoration:none}.ubn-card p{color:var(--ubn-muted);line-height:1.7;margin:0 0 16px}.ubn-author{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600}.ubn-author img,.ubn-byline img,.ubn-comment img{border-radius:50%}.ubn-meta{display:flex;flex-wrap:wrap;gap:12px;padding:13px 20px;border-top:1px solid var(--ubn-line);font-size:12px;color:var(--ubn-muted)}.ubn-sidebar{position:sticky;top:28px}.ubn-sidebar section{background:#fff;border:1px solid var(--ubn-line);border-radius:9px;padding:20px;margin-bottom:22px}.ubn-sidebar h3{font-size:19px;margin:0 0 15px;padding-bottom:10px;border-bottom:2px solid var(--ubn-blue)}.ubn-sidebar form,.ubn-mobile-search{display:flex}.ubn-sidebar input,.ubn-mobile-search input{min-width:0;flex:1;border:1px solid var(--ubn-line);padding:11px}.ubn-sidebar button,.ubn-mobile-search button,.ubn-form button,.ubn-button{border:0;background:var(--ubn-blue);color:#fff;padding:11px 16px;text-decoration:none;border-radius:5px;cursor:pointer}.ubn-sidebar ul{list-style:none;margin:0;padding:0}.ubn-sidebar li a{display:flex;justify-content:space-between;padding:9px 0;color:var(--ubn-dark);text-decoration:none;border-bottom:1px solid var(--ubn-line)}.ubn-popular{display:flex;gap:11px;margin:13px 0;color:var(--ubn-dark);text-decoration:none}.ubn-popular img,.ubn-popular>span{width:72px;height:58px;object-fit:cover;background:#eaf1fb;border-radius:5px;flex:0 0 auto}.ubn-popular b{font-size:13px;line-height:1.35}.ubn-popular small{display:block;color:var(--ubn-muted);font-weight:400;margin-top:5px}.ubn-mobile-search{display:none;margin-bottom:20px}.page-numbers{display:flex;gap:7px;list-style:none;justify-content:center;margin:28px 0;padding:0}.page-numbers a,.page-numbers span{display:grid;place-items:center;min-width:38px;height:38px;border:1px solid var(--ubn-line);border-radius:5px;text-decoration:none}.page-numbers .current{background:var(--ubn-blue);color:#fff}.ubn-breadcrumb{font-size:13px;color:var(--ubn-muted);margin-bottom:25px}.ubn-breadcrumb a{color:var(--ubn-blue)}.ubn-single{background:#fff}.ubn-hero{border-radius:12px;overflow:hidden}.ubn-hero img{width:100%;height:auto}.ubn-single h1{font-size:38px;line-height:1.25;margin:24px 0 15px}.ubn-byline{display:flex;align-items:center;gap:10px;color:var(--ubn-dark);margin-bottom:26px}.ubn-byline span,.ubn-byline small{display:block}.ubn-byline small{color:var(--ubn-muted);font-size:12px}.ubn-content{font-size:17px;line-height:1.85}.ubn-content img{max-width:100%;height:auto}.ubn-engagement{display:flex;flex-wrap:wrap;gap:10px;align-items:center;border-block:1px solid var(--ubn-line);padding:16px 0;margin-top:28px}.ubn-engagement button,.ubn-engagement a,.ubn-engagement>span{border:0;background:none;color:var(--ubn-muted);padding:8px;text-decoration:none;cursor:pointer}.ubn-engagement .is-liked{color:#d9234f}.ubn-share-menu{display:none;gap:8px;padding:12px 0}.ubn-share-menu.is-open{display:flex}.ubn-share-menu a,.ubn-share-menu button{border:1px solid var(--ubn-line);background:#fff;padding:8px 12px;border-radius:5px;text-decoration:none;color:var(--ubn-dark)}.ubn-post-nav{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.ubn-post-nav div:last-child{text-align:right}.ubn-comments{margin-top:35px}.ubn-comment{display:flex;gap:13px;padding:17px 0;border-bottom:1px solid var(--ubn-line)}.ubn-comment small{display:block;color:var(--ubn-muted)}.ubn-comment p{margin:6px 0}.ubn-form{background:#fff;border:1px solid var(--ubn-line);border-radius:10px;padding:24px}.ubn-form label{display:block;font-weight:600;margin-bottom:15px}.ubn-form input:not([type=checkbox]),.ubn-form textarea,.ubn-form select{display:block;width:100%;box-sizing:border-box;border:1px solid #ccd2da;border-radius:5px;padding:11px;margin-top:7px}.ubn-inline{display:flex!important;align-items:center;gap:7px}.ubn-auth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:900px;margin:auto}.ubn-notice{padding:14px 17px;border-left:4px solid var(--ubn-blue);background:#eef5ff;margin:15px 0}.ubn-error{border-color:#c62828;background:#fff0f0}.ubn-success{border-color:#218838;background:#effaf2}.ubn-member-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.ubn-secondary{background:#4b5563}.ubn-table-wrap{overflow:auto}.ubn-table{width:100%;border-collapse:collapse;background:#fff}.ubn-table th,.ubn-table td{padding:13px;border:1px solid var(--ubn-line);text-align:left}.ubn-status{background:#eaf2ff;color:var(--ubn-blue);padding:4px 8px;border-radius:12px;font-size:12px}.ubn-empty{grid-column:1/-1;padding:40px;text-align:center;background:var(--ubn-bg)}
.ubn-profile{margin-top:28px}.ubn-profile summary{cursor:pointer;font-weight:700;color:var(--ubn-blue);margin-bottom:12px}
@media(max-width:900px){.ubn-layout{grid-template-columns:1fr}.ubn-sidebar{position:static}.ubn-single-layout .ubn-sidebar{display:none}.ubn-mobile-search{display:flex}}@media(max-width:620px){.ubn-grid,.ubn-auth-grid{grid-template-columns:1fr}.ubn-page-shell{width:min(100% - 22px,1180px);margin-top:22px}.ubn-single h1{font-size:29px}.ubn-member-head{align-items:flex-start;flex-direction:column}.ubn-post-nav{grid-template-columns:1fr}.ubn-post-nav div:last-child{text-align:left}}