/* Personal access: porcelain surface, blue identity, brass detail. */
.zmt-fh-entry-panel.qykc-home-entry-panel { display:grid; min-width:0; min-height:0; grid-column:1; grid-row:1; grid-template-rows:1fr 1fr; gap:16px; background:transparent; border:0; }
.zmt-fh-entry.qykc-home-entry { position:relative; display:grid; min-width:0; grid-template-columns:36px minmax(0,1fr); grid-template-rows:1fr auto; align-items:start; gap:0 15px; padding:24px; border:0; border-radius:12px; color:#233e56; background:#fffefa; box-shadow:0 0 0 1px #c5cdd64d,0 2px 4px #263e5610,0 8px 20px -14px #27415d40; }
.zmt-fh-entry-account::before, .zmt-fh-entry-industry::before { position:absolute; top:0; left:24px; width:40px; height:3px; background:#bc9560; content:""; }
.zmt-fh-entry .qykc-home-entry-icon { display:grid; place-items:center; width:36px; height:36px; color:#315b81; background:#e7eef5; border-radius:8px; box-shadow:inset 0 1px 0 #ffffffb3; }
.zmt-fh-entry .qykc-home-entry-icon svg { width:22px; height:22px; stroke-width:1.6; }
.zmt-fh-entry .qykc-home-entry-copy { display:block; min-width:0; }
.zmt-fh-entry .qykc-home-entry-label { display:block; font-size:11px; color:#7d8b96; line-height:1.3; }
.zmt-fh-entry .qykc-home-entry-copy strong { display:block; margin:6px 0 9px; font-size:23px; line-height:1.2; font-weight:650; }
.zmt-fh-entry .qykc-home-entry-copy>span:last-child:not(.qykc-home-entry-label) { display:block; font-size:11px; color:#78848e; line-height:1.6; }
.zmt-fh-entry .qykc-home-entry-action { display:flex; grid-column:2; align-items:center; justify-content:space-between; padding-top:10px; font-size:12px; color:#315b81; }
.zmt-fh-entry-account:hover, .zmt-fh-entry-industry:hover { box-shadow:0 0 0 1px #7c9bb8,0 6px 18px -8px #315b813d; }
.zmt-fh-entry-account:active, .zmt-fh-entry-industry:active { scale:.96; }
.zmt-fh-entry-account, .zmt-fh-entry-industry { transition:box-shadow .2s,scale .15s; }
.zmt-fh-entry-reserved.qykc-home-entry { grid-template-rows:1fr; align-items:center; background:#e9ecec; box-shadow:inset 0 0 0 1px #d9dfdf; }
.zmt-fh-entry-reserved .qykc-home-entry-copy strong { color:#899498; margin-bottom:0; font-size:20px; font-weight:500; }
.zmt-fh-entry-reserved .qykc-home-entry-icon { color:#95a1a6; background:#e0e5e6; }

/* Creator center: solid paper, deliberate hierarchy, quiet interactive feedback. */
body.home.zmt-fh-preview-page:has(.qykc-home-hub) .zmt-fh-top-hub.qykc-home-hub .qykc-home-entry-panel:has(.mh-card) { display:block; grid-template-rows:none; gap:0; }
.mh-card {
 --mh-red:#a64b3a; --mh-ink:#303238; --mh-muted:#76716a; --mh-line:#e9e4da;
 --mh-ease:cubic-bezier(.2,0,0,1);
 position:relative; isolation:isolate; display:flex; flex-direction:column; container-type:inline-size;
 box-sizing:border-box; width:100%; height:100%; min-width:0; padding:20px 20px 14px;
 overflow:hidden; border-radius:18px; color:var(--mh-ink); background:#fffefa;
 box-shadow:0 0 0 1px #30281f12,0 2px 4px #30281f05,0 10px 24px -16px #30281f30;
 font-family:var(--hu-font,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif);
 -webkit-font-smoothing:antialiased; transition:box-shadow 240ms var(--mh-ease);
}
.mh-card::before,.mh-card::after { content:none; }
.mh-card [hidden] { display:none!important; }
.mh-card *,.mh-card *::before,.mh-card *::after { box-sizing:border-box; }
.mh-card svg { display:block; flex-shrink:0; width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.mh-card a { color:inherit; text-decoration:none; -webkit-tap-highlight-color:transparent; }
body .mh-card a:focus-visible { outline:2px solid var(--mh-red)!important; outline-offset:3px; }
.mh-header { position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:7px 10px; align-items:center; flex-shrink:0; }
.mh-header>div:first-child { display:contents; }
.mh-kicker { display:flex; grid-column:1/-1; align-items:center; gap:7px; color:var(--mh-muted); font-size:11px; letter-spacing:.04em; line-height:18px; white-space:nowrap; }
.mh-kicker::before { content:""; width:3px; height:10px; border-radius:2px; background:#ab8d56; }
.mh-card .mh-header h2 { grid-column:1; padding:0; margin:0; color:var(--mh-ink); font-size:clamp(26px,9.5cqw,32px); font-weight:650; letter-spacing:-.035em; line-height:1.25; white-space:nowrap; }
.mh-guest-badge { display:flex; grid-column:2; align-items:center; gap:5px; min-height:25px; margin:0; padding:0 8px; border:1px solid #e8e0d1; border-radius:20px; color:#827157; background:#f8f5ee; font-size:10px; line-height:1.4; white-space:nowrap; }
.mh-guest-badge i { width:4px; height:4px; border-radius:50%; background:#ab8d56; }
.mh-identity { display:flex; grid-column:2; align-items:center; gap:6px; min-width:0; max-width:clamp(88px,31cqw,132px); }
.mh-avatar { position:relative; display:grid; place-items:center; overflow:hidden; flex-shrink:0; width:32px; height:32px; border-radius:50%; color:#8b5943; background:#eee7db; box-shadow:0 0 0 2px #fffefa,0 0 0 3px #e6ded0; font-size:13px; }
.mh-avatar img { display:block; width:100%; height:100%; object-fit:cover; border-radius:inherit; }
.mh-identity-copy { min-width:0; }
.mh-identity-copy strong { display:block; overflow:hidden; color:#514c45; font-size:12px; font-weight:600; line-height:1.5; white-space:nowrap; text-overflow:ellipsis; }
.mh-identity-copy small { display:flex; align-items:center; gap:3px; color:#81796f; font-size:10px; line-height:1.5; }
.mh-identity-copy small span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mh-identity-copy small svg { width:12px; height:12px; color:#ab8d56; }
.mh-card[data-state=member] .mh-avatar { box-shadow:0 0 0 2px #fffefa,0 0 0 3px #bda071; }
.mh-card[data-state=member] .mh-identity-copy small { color:#8e6d34; }
.mh-ambience { display:none; }
.mh-intro { position:relative; flex:1; min-height:64px; margin-top:12px; padding-top:12px; border-top:1px solid var(--mh-line); }
.mh-intro p { margin:0; max-width:65%; color:#6e6a63; font-size:14px; line-height:1.8; letter-spacing:.01em; }
.mh-card .mh-profile-icon { position:absolute; display:block; top:8px; right:0; width:31%; max-width:96px; height:calc(100% - 14px); max-height:78px; object-fit:contain; object-position:right center; pointer-events:none; }
.mh-footer { position:relative; flex-shrink:0; padding-top:4px; background:transparent; }
.mh-card .mh-status { position:relative; display:flex; align-items:center; gap:7px; width:100%; height:36px; min-width:0; margin:0 0 9px; padding:0 10px; border-radius:8px; color:#706a5f; background:#f4f1e9; font-size:11px; line-height:1.5; white-space:nowrap; transition:background-color 180ms var(--mh-ease),color 180ms var(--mh-ease),box-shadow 180ms var(--mh-ease),scale 150ms var(--mh-ease); }
.mh-status>span { min-width:0; overflow:hidden; text-overflow:ellipsis; }
.mh-status svg { width:14px; height:14px; color:#a58b60; }
.mh-status>svg:last-child:not(:first-child) { margin-left:auto; width:12px; transition:transform 180ms var(--mh-ease); }
.mh-status::after { content:""; position:absolute; inset:-2px 0; }
.mh-card .mh-primary { position:relative; display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:46px; padding:0 12px 0 15px; border-radius:10px; color:#fffaf4; background:var(--mh-red); box-shadow:inset 0 1px 0 #ffffff29,0 0 0 1px #7c352324,0 3px 5px #7c352319,0 8px 16px -12px #7c35236b; font-size:14px; font-weight:600; line-height:1.5; transition:background-color 180ms var(--mh-ease),box-shadow 220ms var(--mh-ease),transform 220ms var(--mh-ease),scale 150ms var(--mh-ease); }
.mh-primary svg { width:28px; height:28px; padding:5px; border-radius:50%; background:#ffffff12; transition:transform 220ms var(--mh-ease),background-color 180ms var(--mh-ease); }
.mh-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:12px 0 0; }
.mh-links>i { display:none; }
.mh-card .mh-links a { display:flex; align-items:center; justify-content:center; gap:6px; min-width:0; min-height:40px; padding:0 7px; border-radius:8px; color:#6b655b; background:#f6f3ed; font-size:12px; font-weight:500; line-height:1.5; transition:background-color 180ms var(--mh-ease),color 180ms var(--mh-ease),box-shadow 220ms var(--mh-ease),transform 220ms var(--mh-ease),scale 150ms var(--mh-ease); }
.mh-links a svg { width:16px; height:16px; color:#9b8666; transition:color 180ms var(--mh-ease); }
body .mh-card .mh-links a:link,body .mh-card .mh-links a:visited { color:#6b655b; }
body .mh-card a.mh-status:visited { color:#706a5f; }
body .mh-card a.mh-primary:visited { color:#fffaf4; }
@media(hover:hover) and (pointer:fine) {
 .mh-card:hover { box-shadow:0 0 0 1px #30281f1a,0 3px 7px #30281f08,0 16px 30px -20px #30281f42; }
 .mh-card a.mh-status:hover { color:#884536; background:#eee8dd; box-shadow:inset 0 0 0 1px #a58b601c; }
 .mh-status:hover>svg:last-child:not(:first-child) { transform:translateX(2px); }
 .mh-card a.mh-primary:hover { color:#fffaf4; background:#964130; transform:translateY(-1px); box-shadow:inset 0 1px 0 #ffffff29,0 0 0 1px #7c35232e,0 4px 8px #7c352320,0 12px 20px -12px #7c352373; }
 .mh-primary:hover svg { transform:translateX(2px); background:#ffffff20; }
 body .mh-card .mh-links a:hover { color:#944632; background:#efe8dc; transform:translateY(-1px); box-shadow:0 2px 3px #30281f08; }
 .mh-links a:hover svg { color:#a64b3a; }
}
body .mh-card a.mh-primary:active,body .mh-card a.mh-status:active,body .mh-card .mh-links a:active { scale:.96; transform:translateY(0); }
@container (min-width:350px) {
 .mh-kicker { font-size:12px; }
 .mh-intro p { font-size:16px; }
 .mh-card .mh-profile-icon { max-width:108px; max-height:86px; }
 .mh-card .mh-status { font-size:12px; }
 .mh-card .mh-primary { font-size:15px; min-height:48px; }
 .mh-card .mh-links a { font-size:13px; }
 .mh-identity-copy strong { font-size:13px; }
 .mh-identity-copy small { font-size:11px; }
 .mh-avatar { width:36px; height:36px; }
 .mh-guest-badge { font-size:11px; }
}
@container (max-width:270px) {
 .mh-card .mh-header h2 { font-size:24px; }
 .mh-header { column-gap:6px; }
 .mh-identity { max-width:88px; }
 .mh-avatar { width:28px; height:28px; }
 .mh-card .mh-links a { gap:4px; padding:0 4px; }
}
@media(min-width:1024px) and (max-width:1179px) {
 .mh-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.9fr); column-gap:32px; padding-bottom:20px; }
 .mh-header { grid-column:1; grid-row:1; }
 .mh-intro { grid-column:1; grid-row:2; min-height:84px; }
 .mh-footer { grid-column:2; grid-row:1/3; align-self:center; }
}
@media(prefers-reduced-motion:reduce) {
 .mh-card,.mh-card * { transition:none!important; animation:none!important; }
 body .mh-card a,body .mh-card a svg { scale:1!important; transform:none!important; }
}