/* Standard Shell v2. xmyc_liblib geometry and DOM are authoritative; YYC only remaps tokens and adds responsive safeguards. */
.yyc-shell-ready {
  --yyc-shell-header: 50px;
  --yyc-shell-sidebar: 220px;
  --yyc-shell-sidebar-small: 82px;
  font-family: var(--yyc-font-sans);
  font: var(--yyc-font-body, 12px/1.5) var(--yyc-font-sans);
  color: var(--yyc-color-text);
}

.yyc-shell-ready #wp.xm-wp {
  width: auto;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
}
.yyc-shell-ready .wp-right { min-width: 0; }
.yyc-shell-ready .wp-right > #wp { min-height: calc(100vh - var(--yyc-shell-header)); }

.yyc-skip-link {
  position: fixed;
  top: 8px;
  left: 50%;
  z-index: var(--yyc-layer-toast);
  padding: 8px 14px;
  color: var(--yyc-color-text-inverse);
  background: var(--yyc-color-accent);
  border-radius: var(--yyc-radius-md);
  transform: translate(-50%, -160%);
  transition: transform var(--yyc-duration-fast) var(--yyc-ease-standard);
}
.yyc-skip-link:focus { color: #fff; transform: translate(-50%, 0); outline: 0; box-shadow: var(--yyc-focus-ring); }

.yyc-global-header .wrap-header {
  height: var(--yyc-shell-header);
  padding: 0 16px;
  border-color: var(--yyc-color-border);
  box-shadow: var(--yyc-shadow-sm);
  color: var(--yyc-color-header-text, var(--yyc-color-text));
  background: var(--yyc-color-shell-header-bg);
}
.yyc-global-header .item-left { flex: 1 1 auto; min-width: 0; }
.yyc-global-header #mode-toggle { display: inline-flex; align-items: center; justify-content: center; margin-right: 12px; }
.yyc-global-header #mode-toggle:focus-visible,
.yyc-global-header a:focus-visible { outline: 0; box-shadow: var(--yyc-focus-ring); }
.yyc-global-header .yyc-brand { flex: 0 0 auto; overflow: hidden; }
.yyc-global-header .yyc-brand img { display: block; width: auto; height: 28px !important; max-height: 28px; object-fit: contain; }
.yyc-global-header #menu-search { display: flex; width:clamp(280px,28vw,440px); min-width:280px; align-items: center; margin-left: 40px; }
.yyc-global-header #menu-search > div,
.yyc-global-header #scbar_form { width: 100%; }
.yyc-global-header #scbar_txt { width:100%!important; min-width:0; box-sizing: border-box; border:1px solid transparent!important; transition:border-color .16s,box-shadow .16s,background-color .16s; }
.yyc-global-header #scbar_txt:hover{border-color:var(--yyc-color-border-strong)!important}
.yyc-global-header #scbar_txt:focus{border-color:var(--yyc-color-accent)!important;background:#fff!important;box-shadow:var(--yyc-focus-ring);outline:0}
.yyc-search-toggle{display:none;width:38px;height:38px;flex:0 0 38px;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:var(--yyc-color-text-muted);font:inherit;cursor:pointer}
.yyc-search-toggle:hover,.yyc-search-toggle:focus-visible,.yyc-search-toggle[aria-expanded="true"]{color:var(--yyc-color-accent);outline:0}

.yyc-header-actions { flex: 0 0 auto; white-space: nowrap; }
.yyc-header-extra-nav{position:relative;display:flex;min-width:0;max-width:clamp(150px,25vw,390px);align-items:center}.yyc-header-extra-nav[hidden],.yyc-header-extra-toggle[hidden],.yyc-header-extra-menu[hidden]{display:none!important}.yyc-header-extra-list{display:flex;min-width:0;align-items:center;overflow:hidden}.yyc-header-extra-list>.btn{display:flex;flex:0 0 auto;align-items:center}.yyc-header-extra-list>.btn>a{display:inline-flex;min-height:38px;align-items:center;padding:0 8px;color:var(--yyc-color-text-muted)!important;font-size:var(--yyc-font-size-14);font-weight:500}.yyc-header-extra-list>.btn>a:hover{color:var(--yyc-color-accent)!important}.yyc-header-extra-toggle{display:inline-flex;min-height:38px;align-items:center;gap:5px;padding:0 8px;border:0;background:transparent;color:var(--yyc-color-text-muted);font:inherit;cursor:pointer}.yyc-header-extra-toggle:hover,.yyc-header-extra-toggle:focus-visible,.yyc-header-extra-toggle[aria-expanded="true"]{color:var(--yyc-color-accent);outline:0}.yyc-header-extra-menu{position:absolute;z-index:80;top:calc(100% + 9px);right:0;min-width:150px;padding:7px;border:1px solid var(--yyc-color-border);border-radius:10px;background:var(--yyc-color-surface);box-shadow:var(--yyc-shadow-lg)}.yyc-header-extra-menu>.btn{display:block!important;padding:0}.yyc-header-extra-menu>.btn>a{display:flex;min-height:38px;align-items:center;padding:0 11px;border-radius:7px;color:var(--yyc-color-text)}.yyc-header-extra-menu>.btn>a:hover{background:var(--yyc-color-surface-subtle);color:var(--yyc-color-accent)}
.yyc-header-actions .btn { padding: 0 6px; }
.yyc-header-actions .loginbtn { margin: 0 0 0 4px; }
.yyc-i18n-switch{display:inline-grid;grid-template-columns:repeat(2,28px);align-items:center;flex:0 0 auto;gap:2px;margin:0 5px;padding:3px;box-sizing:border-box;border:1px solid var(--yyc-color-border);border-radius:12px;background:rgba(255,255,255,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.7);vertical-align:middle}.yyc-global-header .yyc-i18n-switch__item{display:flex!important;width:28px;height:26px;min-width:28px;min-height:26px;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;box-sizing:border-box;border-radius:8px;color:var(--yyc-color-text-muted)!important;font-family:inherit;font-size:13px;font-weight:600;line-height:26px!important;text-align:center;text-decoration:none;transform:none!important;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}.yyc-global-header .yyc-i18n-switch__item:hover{background:rgba(49,94,251,.07);color:var(--yyc-color-accent)!important}.yyc-global-header .yyc-i18n-switch__item:focus-visible{color:var(--yyc-color-accent)!important;outline:0;box-shadow:var(--yyc-focus-ring)}.yyc-global-header .yyc-i18n-switch__item.is-current{background:linear-gradient(135deg,rgba(49,94,251,.14),rgba(124,92,255,.12));color:var(--yyc-color-accent)!important;box-shadow:none;pointer-events:none}
.yyc-header-actions .alert { display: inline-flex; min-width: 40px; min-height: 40px; align-items: center; justify-content: center; padding: 0 !important; }
.yyc-header-actions .alert .icon-num { top: -6px; right: -6px; }
.yyc-header-actions .drop-head { display: inline-flex; min-width: 40px; min-height: 40px; align-items: center; justify-content: center; padding: 0 !important; }

.yyc-shell-ready #xm-toptb + div { height: var(--yyc-shell-header) !important; }
.yyc-shell-ready .xiu-menu { top: var(--yyc-shell-header); width: var(--yyc-shell-sidebar); border-color: var(--yyc-color-border); }
.yyc-shell-ready .xiu-menu-small { width: var(--yyc-shell-sidebar-small); }
.yyc-shell-ready .yyc-nav-group { margin: 0 20px 0; padding: 14px 0; border-top: 1px solid var(--yyc-color-border); }
.yyc-shell-ready .yyc-nav-group:first-child { border-top: 0; padding-top: 6px; }
.yyc-shell-ready .yyc-nav-group .nav-title { height: 24px; margin: 0 10px 7px; padding-left: 0; color: #1f2947; font-size: 13px; font-weight: 700; line-height: 24px; }
.yyc-shell-ready .yyc-nav-group > .nav { margin: 0; padding-top: 0; padding-bottom: 0; border-bottom: 0; }
.yyc-shell-ready .yyc-nav-group > .nav > li { margin-bottom: 4px; }
.yyc-shell-ready .yyc-nav-group .nav li a { display: flex; min-height: 42px; align-items: center; gap: 12px; padding: 0 12px; color: var(--yyc-color-shell-nav-text); border-radius: 12px; transition: color .18s ease, background .18s ease, transform .18s ease; }
.yyc-shell-ready .yyc-nav-group .nav li a:hover { color: var(--yyc-color-brand-primary); background: var(--yyc-color-shell-nav-hover-bg); transform: translateX(2px); }
.yyc-shell-ready .yyc-nav-group .nav li a:focus-visible { outline: 0; box-shadow: var(--yyc-focus-ring); }
.yyc-shell-ready .yyc-nav-group .nav li.a a { color: var(--yyc-color-brand-primary); background: var(--yyc-color-shell-nav-current-bg); box-shadow: none; font-weight: 600; }
.yyc-header-actions { display: flex; align-items: center; gap: 4px; }
.yyc-header-actions .yyc-header-action { display: inline-flex; min-height: 36px; align-items: center; gap: 6px; padding: 0 10px; color: var(--yyc-color-text-muted); border-radius: 10px; }
.yyc-header-actions .yyc-header-action:hover { color: var(--yyc-color-accent); background: transparent; }
.yyc-header-actions .yyc-header-message,
.yyc-header-actions .yyc-header-notice { position: relative; margin: 0; }
.yyc-header-actions .yyc-header-message .yyc-header-action,
.yyc-header-actions .yyc-header-notice .yyc-header-action { position: relative; min-width: 40px; min-height: 40px; box-sizing: border-box; justify-content: center; padding: 0; font-size: 17px; }
.yyc-header-extra-list > .btn > a {
  color: #405071 !important;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .01em;
  transition: color .16s ease, font-size .16s ease, font-weight .16s ease;
}
.yyc-header-extra-list > .btn > a:hover,
.yyc-header-extra-list > .btn > a:focus-visible {
  color: var(--yyc-color-accent) !important;
  font-size: 16px;
  font-weight: 700;
  outline: 0;
}
.yyc-header-actions .yyc-header-notice,
.yyc-header-actions .yyc-header-notice.btn,
.yyc-header-actions .yyc-header-notice:hover,
.yyc-header-actions .yyc-header-notice .yyc-header-action,
.yyc-header-actions .yyc-header-notice .yyc-header-action:hover,
.yyc-header-actions .yyc-header-notice .yyc-header-action:focus-visible,
.yyc-header-actions .yyc-header-notice .yyc-header-action[aria-expanded="true"] {
  border-color: transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
.yyc-header-actions .yyc-header-notice .yyc-header-action { color: #405071; }
.yyc-header-actions .yyc-header-notice .yyc-header-action .iconfont {
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: currentColor;
}
.yyc-header-actions .yyc-header-notice .yyc-header-action:hover,
.yyc-header-actions .yyc-header-notice .yyc-header-action:focus-visible,
.yyc-header-actions .yyc-header-notice .yyc-header-action[aria-expanded="true"] { color: var(--yyc-color-accent); }
.yyc-header-actions .yyc-header-action:focus-visible,
.yyc-header-actions .drop-head:focus-visible { outline: 0; box-shadow: var(--yyc-focus-ring); }
.yyc-header-actions .icon-num { position: absolute; top: 1px; right: 0; display: grid; min-width: 16px; height: 16px; box-sizing: border-box; place-items: center; padding: 0 4px; border: 2px solid #fff; border-radius: 999px; background: #ff2775; color: #fff; font-size: 9px; font-weight: 700; line-height: 12px; }
.yyc-header-actions .drop-head { gap: 5px; border-radius: 999px; background: transparent!important; }
.yyc-header-actions .drop-head:hover { color: var(--yyc-color-accent); background: transparent!important; }
.yyc-header-avatar { position: relative; display: grid; width: 36px; height: 36px; box-sizing: border-box; place-items: center; overflow: hidden; border: 2px solid #fff; border-radius: 50%; background: #eef2f8; color: #8a94a8; box-shadow: 0 0 0 1px #dfe5ef; transition: color .18s ease,box-shadow .18s ease; }
.yyc-header-avatar>i { font-size: 15px; }
.yyc-header-avatar .app-head { position: absolute; inset: 0; display: block; width: 100%!important; height: 100%!important; object-fit: cover; border-radius: inherit; }
.yyc-header-avatar .app-head[hidden],.yyc-header-avatar.is-fallback .app-head{display:none!important}.yyc-header-avatar.is-fallback{background:linear-gradient(145deg,#f7f9fd,#e8eef7);color:#66738d}.yyc-header-avatar.is-fallback>i{display:block}
.yyc-header-actions .drop-head:hover .yyc-header-avatar { color: var(--yyc-color-accent); box-shadow: 0 0 0 2px rgba(49,94,251,.24); }
.yyc-header-user__arrow { color: #99a2b3; font-size: 11px; transition: color .18s ease,transform .18s ease; }
.yyc-header-actions .drop-head:hover .yyc-header-user__arrow,
.yyc-header-actions .drop-head[aria-expanded="true"] .yyc-header-user__arrow { color: var(--yyc-color-accent); }
.yyc-header-actions .drop-head[aria-expanded="true"] .yyc-header-user__arrow { transform: rotate(180deg); }
.yyc-shell-ready .yyc-nav-group .fa { position: static !important; display: inline-block; width: 24px; height: auto; flex: 0 0 24px; color: #151d4b; text-align: center; font-size: 20px; }
.yyc-shell-ready .yyc-nav-group .yyc-nav-icon-image { position: static !important; display: block; width: 24px; height: 24px; flex: 0 0 24px; object-fit: contain; }
.yyc-shell-ready .yyc-nav-group-community [data-nav-key="community-rank"].a .fa { color: #2f6cff; }
.yyc-shell-ready .yyc-nav-group-community .nav > li:nth-child(2) .fa { color: #ff9f2f; }
.yyc-shell-ready .xiu-menu-small .yyc-nav-group { margin-right: 10px; margin-left: 10px; }
.yyc-shell-ready .xiu-menu-small .yyc-nav-group .nav-title { display: none; height: 0; margin: 0; padding: 0; overflow: hidden; color: transparent; background: none; }
.yyc-shell-ready .xiu-menu-small .yyc-nav-group .nav li a { justify-content: center; gap: 0; }
.yyc-shell-ready .wp-right { margin-left: var(--yyc-shell-sidebar); transition: margin-left var(--yyc-duration-normal) var(--yyc-ease-standard); }
.yyc-shell-ready .wp-right-small { margin-left: var(--yyc-shell-sidebar-small); }
.yyc-shell-ready .xm-menus .h_pop { top: calc(var(--yyc-shell-header) + 8px); z-index: var(--yyc-layer-dropdown); }
.yyc-shell-ready .head-dropdown,
.yyc-shell-ready .alert-dropdown { top: var(--yyc-shell-header); z-index: var(--yyc-layer-dropdown); }
.yyc-shell-ready .head-dropdown::before,
.yyc-shell-ready .alert-dropdown::before { content:""; position:absolute; right:0; bottom:100%; width:100%; height:10px; }
.yyc-shell-ready .head-dropdown,
.yyc-shell-ready .alert-dropdown { width: 230px; overflow: hidden; border: 1px solid var(--yyc-color-border); border-radius: 12px; background: #fff; box-shadow: var(--yyc-shadow-overlay); text-align: left; }
.yyc-shell-ready .alert-dropdown { padding: 8px 0; }
.yyc-shell-ready .head-dropdown .section { padding: 8px 0; }
.yyc-shell-ready .head-dropdown .ul-dropdown li,
.yyc-shell-ready .alert-dropdown .ul-dropdown li { box-sizing: border-box; min-height: 40px; height: auto; padding: 0 14px; line-height: 40px; }
.yyc-shell-ready .head-dropdown .ul-dropdown li a,
.yyc-shell-ready .alert-dropdown .ul-dropdown li a { color: var(--yyc-color-text); font-size: 13px; }
.yyc-shell-ready .head-dropdown .ul-dropdown li:hover,
.yyc-shell-ready .alert-dropdown .ul-dropdown li:hover { background: var(--yyc-color-title-bg); }
.yyc-shell-ready .yyc-dropdown-title { display: flex; align-items: center; justify-content: space-between; margin: 0 8px 5px; padding: 0 8px!important; border-bottom: 1px solid var(--yyc-color-border); }
.yyc-shell-ready .yyc-dropdown-title strong { color: var(--yyc-color-heading); font-size: 13px; }
.yyc-shell-ready .yyc-dropdown-title a { width: auto!important; color: var(--yyc-color-accent)!important; font-size: 11px!important; }
.yyc-shell-ready .yyc-dropdown-profile { display: flex; min-height: 58px!important; flex-direction: column; justify-content: center; margin: 0 8px 6px; padding: 8px!important; border-bottom: 1px solid var(--yyc-color-border); line-height: 1.4!important; }
.yyc-shell-ready .yyc-dropdown-profile strong { color: var(--yyc-color-heading); font-size: 14px; overflow-wrap: anywhere; }
.yyc-shell-ready .yyc-dropdown-profile span { margin-top: 3px; color: var(--yyc-color-text-muted); font-size: 11px; }

.yyc-shell-ready #ft { clear: both; max-width: none; margin: 0 auto; padding: 24px var(--yyc-gutter); color: var(--yyc-color-footer-text, var(--yyc-color-text-muted)); box-sizing: border-box; }

/* X5 home notifications, private messages and account panels */
body#nv_home.yyc-shell-ready #ct.ct2_a { display: grid; grid-template-columns: minmax(220px, 300px) minmax(0, 1fr); align-items: stretch; padding-left: 0!important; overflow: hidden; }
body#nv_home.yyc-shell-ready #ct.ct2_a > .appl { grid-column: 1; grid-row: 1; width: auto; min-width: 0; box-sizing: border-box; margin-left: 0!important; border-right: 1px solid var(--yyc-color-border); }
body#nv_home.yyc-shell-ready #ct.ct2_a > .mn { grid-column: 2; grid-row: 1; float: none; width: auto!important; min-width: 0; box-sizing: border-box; margin: 0!important; border-left: 0; }
body#nv_home.yyc-shell-ready #ct.ct2_a > .mn > .bm { width: 100%; box-sizing: border-box; }

.yyc-shell-ready .xiu-menu { background-color: var(--yyc-color-shell-sidebar-bg); border-right-color: var(--yyc-line, var(--yyc-color-border)); }
.yyc-shell-ready .xiu-menu .nav > li { transition: background-color .18s ease, color .18s ease; }
.yyc-shell-ready .xiu-menu .nav > li:hover { background: var(--yyc-color-shell-nav-hover-bg); }
.yyc-shell-ready .xiu-menu .nav > li.a { background: var(--yyc-color-shell-nav-current-bg); }
.yyc-shell-ready .xiu-menu .nav > li.a > a { color: var(--yyc-color-brand-primary); background: transparent; }
.yyc-shell-ready .xiu-menu .nav > li.a::before { width: 3px; height: 22px; top: 11px; left: -16px; background: var(--yyc-color-brand-secondary); border-radius: 0 3px 3px 0; }
.yyc-shell-ready .yyc-sidebar-promo { margin: 20px 15px 18px; padding-top: 18px; border-top: 1px solid var(--yyc-line, var(--yyc-color-border)); }
.yyc-shell-ready .yyc-sidebar-ad { display: block; width: 100%; aspect-ratio: 4/5; overflow: hidden; background: #fff; border: 1px solid #eadde2; border-radius: 12px; box-shadow: 0 4px 16px rgba(36,33,39,.055); transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.yyc-shell-ready .yyc-sidebar-ad:hover { border-color: #dfaebe; box-shadow: 0 8px 22px rgba(36,33,39,.09); transform: translateY(-2px); }
.yyc-shell-ready .yyc-sidebar-ad img { display: block; width: 100%; height: 100%; object-fit: cover; }
.yyc-shell-ready .yyc-sidebar-disclaimer { margin: 11px 2px 0; color: #8a858b; font-size: 11px; line-height: 1.75; text-align: left; }
.yyc-shell-ready .bm_h, .yyc-shell-ready .fl .bm_h { background-color: var(--yyc-color-title-bg); }
.yyc-shell-ready input, .yyc-shell-ready textarea, .yyc-shell-ready select { background-color: var(--yyc-color-input-bg); border-color: var(--yyc-color-input-border); }
.yyc-shell-ready #thread_subject, .yyc-shell-ready .xst { font-family: var(--yyc-font-thread-title); font-size: var(--yyc-font-size-thread-title); }
.yyc-shell-ready #scrolltop { z-index: var(--yyc-layer-sticky); }

@media (max-width: 1279px) {
  .yyc-global-header .wrap-header { padding: 0 12px; }
  .yyc-global-header #menu-search { margin-left: 20px; }
}

@media (max-width: 767px) {
  html, body.yyc-shell-ready { max-width: 100%; overflow-x: hidden; }
  body.yyc-shell-ready.yyc-nav-locked { overflow: hidden; }
  .yyc-global-header .wrap-header { padding: 0 10px; }
  .yyc-global-header #mode-toggle { display: inline-flex !important; flex-basis: 32px; margin-right: 6px !important; }
  .yyc-global-header .yyc-brand img { width: auto !important; height: 28px !important; max-width: 104px; }
  .yyc-global-header .yyc-search-toggle{display:inline-flex;margin-left:auto}
  .yyc-global-header #menu-search { position:absolute;z-index:30;top:calc(100% + 8px);left:10px;right:10px;display:none;width:auto;min-width:0;margin:0;padding:10px;border:1px solid var(--yyc-color-border);border-radius:12px;background:var(--yyc-color-surface);box-shadow:var(--yyc-shadow-lg) }
  .yyc-global-header.yyc-search-open #menu-search{display:flex}
  .yyc-global-header.yyc-search-open .wrap-header{position:relative}
  .yyc-global-header #scbar_txt { height: 38px; padding-left: 12px; font-size: 13px; }
  .yyc-global-header #scbar_btn { height: 38px; }
  .yyc-header-actions { gap: 0; }
  .yyc-header-extra-nav{display:none}
  .yyc-header-actions > .yyc-header-notice,
  .yyc-header-actions > .yyc-header-user,
  .yyc-header-actions > .loginbtn,
	.yyc-header-actions > .yyc-header-action,
  .yyc-header-actions > .btn:not(.yyc-header-notice):not(.yyc-header-user) { display: none; }
  body#nv_portal.pg_index .yyc-global-header .yyc-header-actions { display: flex; }
  .yyc-shell-ready .xiu-menu,
  .yyc-shell-ready .xiu-menu.xiu-menu-small { display: block !important; top: var(--yyc-shell-header); z-index: calc(var(--yyc-layer-overlay) + 1); width: min(84vw, 320px); max-width: 320px; overflow-y: auto; transform: translateX(-105%); transition: transform var(--yyc-duration-normal) var(--yyc-ease-standard); box-shadow: var(--yyc-shadow-overlay); }
  .yyc-shell-ready .xiu-menu:hover { width: min(84vw, 320px); }
  .yyc-shell-ready .xiu-menu.yyc-mobile-nav-open { transform: translateX(0); }
  .yyc-shell-ready .xiu-menu .navtitle,
  .yyc-shell-ready .xiu-menu.xiu-menu-small .navtitle { display: inline; }
  .yyc-shell-ready .xiu-menu .myfav { display: block; }
  .yyc-shell-ready .xiu-menu .nav li.hschild::after { display: block; }
  .yyc-shell-ready .xiu-menu .yyc-sidebar-promo,
  .yyc-shell-ready .xiu-menu .warn-wrap { display: none; }
  .yyc-shell-ready .yyc-mobile-nav-backdrop { display: block; top: var(--yyc-shell-header); z-index: var(--yyc-layer-overlay); }
  .yyc-shell-ready .wp-right,
  .yyc-shell-ready .wp-right.wp-right-small { width: 100% !important; margin-left: 0 !important; }
  body#nv_home.yyc-shell-ready #ct.ct2_a { display: flex; flex-direction: column; }
  body#nv_home.yyc-shell-ready #ct.ct2_a > .appl { order: 1; width: 100%; border-right: 0; border-bottom: 1px solid var(--yyc-color-border); }
  body#nv_home.yyc-shell-ready #ct.ct2_a > .mn { order: 2; width: 100%!important; padding: 16px!important; }
  .yyc-shell-ready #wp.xm-wp { width: 100% !important; max-width: 100% !important; padding: 12px !important; }
  .yyc-shell-ready #wp .wp,
  .yyc-shell-ready #wp .row-inner,
  .yyc-shell-ready #wp .area,
  .yyc-shell-ready #ct.wp,
  .yyc-shell-ready #ct .wp,
  .yyc-shell-ready .ct2,
  .yyc-shell-ready .ct2 .mn,
  .yyc-shell-ready .ct2 .sd { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box; }
  .yyc-shell-ready #thread_subject { display: block; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
  .yyc-shell-ready .attach_nopermission,
  .yyc-shell-ready .attach_tips,
  .yyc-shell-ready .attach_nopermission > div,
  .yyc-shell-ready .attach_nopermission h3 { width: auto !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box; }
  .yyc-shell-ready .login-mn,
  .yyc-shell-ready #main_message,
  .yyc-shell-ready .login-contnt,
  .yyc-shell-ready .login-main,
  .yyc-shell-ready .login-main .mn { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-right: auto !important; margin-left: auto !important; box-sizing: border-box; }
  .yyc-shell-ready .login-mn { margin-top: 24px !important; }
  .yyc-shell-ready .login-contnt { padding-right: 14px !important; padding-left: 14px !important; }
  .yyc-shell-ready .login-main .rfm,
  .yyc-shell-ready .login-main .rfm table { width: 100% !important; max-width: 100% !important; }
  .yyc-shell-ready .login-main .rfm .px { width: 100% !important; box-sizing: border-box; }
  .yyc-shell-ready .item-forumlist { grid-template-columns: minmax(0, 1fr) !important; }
  .yyc-shell-ready .item-forumlist .forumli { width: auto !important; min-width: 0 !important; }
  .yyc-shell-ready .tb-collect-wraper,
  .yyc-shell-ready .tb-collect { display: none !important; }
  .yyc-shell-ready #ft { padding: 20px 14px; }
}

@media (max-width: 480px) {
  body#nv_home.pg_space #main_message .f_c.altw {
    width: auto !important;
    max-width: calc(100vw - 24px);
    margin-right: 12px;
    margin-left: 12px;
    box-sizing: border-box;
  }
  body#nv_home.pg_space #main_message #messagetext,
  body#nv_home.pg_space #main_message #messagelogin,
  body#nv_home.pg_space #main_message [id^="main_messaqge_"],
  body#nv_home.pg_space #main_message [id^="layer_login_"],
  body#nv_home.pg_space #main_message [id^="loginform_"] {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
  }
  body#nv_home.pg_space #main_message .rfm,
  body#nv_home.pg_space #main_message .rfm table {
    width: 100% !important;
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
    box-sizing: border-box;
  }
}

@media (max-width: 420px) {
  .yyc-global-header #menu-search { max-width: none; }
}

@media (prefers-reduced-motion: reduce) {
  .yyc-shell-ready *, .yyc-shell-ready *::before, .yyc-shell-ready *::after { transition-duration: 0ms !important; animation-duration: 0ms !important; }
}