/* Three quiet materials; readable type and a single level for reply threads. */
:root[data-visual-theme="field"] {
 --font-body:"Microsoft YaHei","PingFang SC","Noto Sans SC",system-ui,sans-serif;
 --reading-ink:#292b36;--reading-secondary:#606575;--reading-muted:#707484;
 --reading-paper:#fdfdff;--reading-inset:#f3f2f8;--reading-line:#e4e3ed;
 --reading-metal:#6958a3;--reading-metal-soft:#dcd6ee;--reading-accent:#6958a3;
 --reading-shadow:#22243a0d;--reading-hover-shadow:#22243a1c;
 --text:var(--reading-ink);--text2:var(--reading-secondary);--text3:var(--reading-muted);
 --field-muted:var(--reading-muted);--community-muted:var(--reading-muted);
}
:root[data-visual-theme="field"][data-theme="dark"] {
 --reading-ink:#e8e6f1;--reading-secondary:#c0bbce;--reading-muted:#aaa5ba;
 --reading-paper:#202032;--reading-inset:#29283b;--reading-line:#393749;
 --reading-metal:#bfabe9;--reading-metal-soft:#4f4667;--reading-accent:#bfabe9;
 --reading-shadow:#05081045;--reading-hover-shadow:#05081075;
}
:root[data-visual-theme="field"][data-theme="gold"] {
 --reading-ink:#efe8dc;--reading-secondary:#c9bfb6;--reading-muted:#b7aba2;
 --reading-paper:#26232d;--reading-inset:#302b36;--reading-line:#453c48;
 --reading-metal:#dcc17b;--reading-metal-soft:#665747;--reading-accent:#dcc17b;
 --reading-shadow:#0c091250;--reading-hover-shadow:#0c091280;
}
html[data-visual-theme="field"] body{font-size:16px;line-height:1.8;text-rendering:optimizeLegibility}
html[data-visual-theme="field"] :is(input,textarea,select,button){font-family:var(--font-body)}
html[data-visual-theme="field"] ::selection{background:var(--reading-metal-soft);color:var(--reading-ink)}
html[data-visual-theme="field"] #mainNav .nav-links>li>a,
html[data-visual-theme="field"] #mainNav .field-menu-trigger{font-size:14px;font-weight:600}
html[data-visual-theme="field"] #mainNav .nav-dropdown-menu a{font-size:14px}
html[data-visual-theme="field"] nav#mainNav .nav-search input{font-size:13px;color:var(--reading-ink)!important;caret-color:var(--reading-accent)}
html[data-visual-theme="field"] nav#mainNav .nav-search input::placeholder{color:var(--reading-muted);opacity:1}
/* Keep the focus indicator on the complete search pill, not its square input. */
html[data-visual-theme="field"] #mainNav .nav-search:focus-within{outline:2px solid var(--reading-accent);outline-offset:3px}
html[data-visual-theme="field"] #mainNav .nav-search :is(input,button):focus{outline:none!important;outline-offset:0}
html[data-visual-theme="field"] #mainNav .nav-search button:focus-visible{box-shadow:inset 0 0 0 2px var(--reading-accent);border-radius:50%}
html[data-visual-theme="field"] .nav-auth a,html[data-visual-theme="field"] #langSwitch{font-size:12px;color:var(--reading-secondary)}
html[data-visual-theme="field"] .nova-hero .field-hero-copy>p{font-size:16px;line-height:1.95;color:var(--reading-secondary)}
html[data-visual-theme="field"] :is(.field-button,.trainer-filter a){font-size:14px;font-weight:600}
html[data-visual-theme="field"] .trainer-section-tag{font-size:12px;color:var(--reading-secondary);letter-spacing:1.2px}
html[data-visual-theme="field"] .archive-coordinate{font-size:12px;color:var(--reading-muted)}

/* Machined rim, inset cover and a soft bevel, within each existing theme. */
html[data-visual-theme="field"] .trainer-grid{gap:28px;align-items:stretch}
html[data-visual-theme="field"] .trainer-card {
 display:flex;flex-direction:column;position:relative;isolation:isolate;min-width:0;
 border:1px solid var(--reading-metal-soft)!important;border-radius:26px!important;overflow:hidden;
 background:linear-gradient(145deg,var(--reading-paper) 40%,var(--reading-inset))!important;
 box-shadow:inset 0 1px 0 #ffffff75,inset 0 -2px 0 var(--reading-metal-soft),0 3px 0 var(--reading-line),0 12px 28px var(--reading-shadow)!important;
 color:var(--reading-ink);text-decoration:none;transition:transform .28s ease,box-shadow .28s ease;
}
html[data-visual-theme="field"] .trainer-card::before{content:"";display:block!important;position:absolute;inset:0;padding:1.5px;border-radius:inherit;background:linear-gradient(135deg,#ffffffdd 2%,var(--reading-metal-soft) 18%,var(--reading-metal) 32%,#ffffffa0 43%,var(--reading-metal-soft) 60%,var(--reading-metal) 81%,#ffffffa0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:5;pointer-events:none;opacity:.7}
html[data-visual-theme="field"] .trainer-card .trainer-card-cover{
 height:auto!important;aspect-ratio:16/9;margin:12px 12px 0!important;width:calc(100% - 24px);border-radius:17px!important;flex:none;
 background:var(--reading-inset);overflow:hidden;
}
html[data-visual-theme="field"] .trainer-card .trainer-card-cover img{
 width:100%;height:100%;object-fit:cover;opacity:1!important;filter:none!important;
 transform:none;transition:transform .45s ease;
}
html[data-visual-theme="field"] .trainer-card .trainer-card-cover::after{background:linear-gradient(0deg,#13141918,transparent 25%)!important;pointer-events:none}
html[data-visual-theme="field"] .trainer-card-frame{display:block;position:absolute;inset:0;border:1px solid #ffffff55;border-radius:inherit;box-shadow:inset 0 1px 2px #ffffff70,inset 0 -2px 5px #11182744;z-index:2;pointer-events:none}
html[data-visual-theme="field"] .trainer-card .trainer-status{
 top:14px;right:14px;padding:6px 10px;border-radius:8px;font:600 12px/1.4 var(--font-body);
 border:1px solid #ffffff55;background:#f2f4e9ed;color:#354539;box-shadow:0 2px 9px #10131b20;
 backdrop-filter:none;
}
html[data-visual-theme="field"] .trainer-card .trainer-status.updating{background:#eae8f6f0;color:#51446b}
html[data-visual-theme="field"] .trainer-card .trainer-status.coming{background:#eae9f4f0;color:#514665}
html[data-visual-theme="field"] .trainer-card .trainer-cat-badge{
 top:14px;left:14px;padding:6px 11px;border:1px solid #ffffff30;border-radius:8px;
 background:#222230ed;color:#f2effa;font:600 12px/1.4 var(--font-body);backdrop-filter:none;
 display:inline-flex;gap:6px;align-items:center;
}
.trainer-cat-badge i{font-style:normal;color:inherit}
html[data-visual-theme="field"] .trainer-card .trainer-card-body{padding:22px 24px 20px;min-height:0;flex:1;display:flex;flex-direction:column;gap:12px}
.trainer-card-edition{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--reading-secondary);font:500 13px/1.5 var(--font-body)}
.trainer-card-edition>span{overflow-wrap:anywhere}
html[data-visual-theme="field"] .trainer-card .trainer-card-body h3{
 display:block;overflow:visible;text-overflow:clip;-webkit-line-clamp:unset;max-height:none;
 font:600 18px/1.7 var(--font-body);letter-spacing:0;color:var(--reading-ink);margin:0;min-height:3.4em;
 overflow-wrap:anywhere;text-shadow:none;
}
html[data-visual-theme="field"] .trainer-card .trainer-card-engine{font:13px/1.6 var(--font-body);color:var(--reading-secondary);margin:0;letter-spacing:0}
html[data-visual-theme="field"] .trainer-card .trainer-card-engine::before{background:var(--reading-metal);width:5px;height:5px}
html[data-visual-theme="field"] .trainer-card .trainer-card-features{display:flex;gap:7px;flex-wrap:wrap;margin:0;min-height:27px}
html[data-visual-theme="field"] .trainer-card :is(.feat-tag,.trainer-card-features .more){
 font:500 12px/1.55 var(--font-body)!important;color:var(--reading-secondary)!important;
 background:var(--reading-inset)!important;border:1px solid var(--reading-line)!important;
 border-radius:6px!important;padding:4px 7px!important;white-space:normal;text-shadow:none!important;
}
html[data-visual-theme="field"] .trainer-card .trainer-card-foot{
 padding:15px 24px;min-height:62px;border-top:1px solid var(--reading-line);
 background:linear-gradient(180deg,var(--reading-paper),var(--reading-inset));gap:10px;box-shadow:inset 0 1px 0 #ffffff10;
}
html[data-visual-theme="field"] .trainer-card .views{display:flex;align-items:center;gap:7px;font:13px/1.5 var(--font-body);color:var(--reading-secondary);white-space:nowrap}
.trainer-card .views svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;flex:none}
.trainer-card .views small{font:12px var(--font-body);color:inherit}
html[data-visual-theme="field"] .trainer-card .detail-btn{
 background:transparent!important;border:0!important;border-radius:0!important;padding:5px 0!important;
 color:var(--reading-accent)!important;gap:16px;font:600 13px/1.5 var(--font-body);box-shadow:none;
}
html[data-visual-theme="field"] .trainer-card .detail-btn b{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--reading-metal-soft);border-radius:50%;background:linear-gradient(135deg,var(--reading-paper),var(--reading-inset));box-shadow:inset 0 1px 0 #ffffff66,0 2px 4px var(--reading-shadow);color:var(--reading-accent);font:18px/1 var(--font-body)}
html[data-visual-theme="field"] .trainer-card .trainer-card-glint{display:block!important;position:absolute;inset:0;z-index:3;border-radius:inherit;pointer-events:none;opacity:.08;background:linear-gradient(115deg,transparent 25%,#ffffff55 34%,#ffffffbb 35%,transparent 49%);transform:none!important;transition:opacity .25s}
html[data-visual-theme="field"][data-motion="rich"] .trainer-card:hover .trainer-card-glint{opacity:.23;background:radial-gradient(ellipse at var(--card-light-x,50%) var(--card-light-y,30%),#ffffff75,transparent 62%),linear-gradient(var(--card-light-angle,115deg),transparent 25%,#ffffff66 34%,transparent 49%)}
html[data-visual-theme="field"][data-motion="rich"] .trainer-card:hover{
 transform:perspective(1200px) translate3d(0,-8px,0) rotateX(var(--nova-card-rx,0deg)) rotateY(var(--nova-card-ry,0deg))!important;
 box-shadow:inset 0 1px 0 #ffffff80,inset 0 -2px 0 var(--reading-metal-soft),0 4px 0 var(--reading-line),0 24px 40px var(--reading-hover-shadow)!important;
}
html[data-visual-theme="field"][data-motion="rich"] .trainer-card:hover .trainer-card-cover img{transform:scale(1.018)}
html[data-visual-theme="field"] .trainer-card:focus-visible{outline:3px solid var(--reading-accent);outline-offset:4px}
html[data-visual-theme="field"][data-motion="static"] .trainer-card:hover,
html[data-visual-theme="field"][data-motion="static"] .trainer-card:hover .trainer-card-cover img{transform:none!important}
html[data-visual-theme="field"][data-motion="static"] .trainer-card,
html[data-visual-theme="field"][data-motion="static"] .trainer-card .trainer-card-cover img{transform:none!important;transition:none!important}

/* Article and form text follow the same comfortable reading scale. */
html[data-visual-theme="field"] .post-main>.post-content{font:16px/1.95 var(--font-body);color:var(--reading-ink)}
html[data-visual-theme="field"] .post-main>.post-content :is(p,li,td,blockquote){font-size:16px;line-height:1.95}
html[data-visual-theme="field"] .post-main>.post-content h2{font-size:24px;line-height:1.6;letter-spacing:0}
html[data-visual-theme="field"] .post-main>.post-content h3{font-size:20px;line-height:1.6}
html[data-visual-theme="field"] .trainer-detail-excerpt{font-size:15px!important;line-height:1.9!important;color:var(--reading-secondary)!important}
html[data-visual-theme="field"] :is(.trainer-detail-meta,.detail-share,.trainer-detail-features .feat-tag){font-size:12px!important}
html[data-visual-theme="field"] #commentsSection :is(#cn,#ce,#cc),
html[data-visual-theme="field"] .field-collection .collection-field :is(input,textarea){font:14px/1.8 var(--font-body)!important;color:var(--reading-ink)!important}
html[data-visual-theme="field"] #commentsSection .sort-btn,
html[data-visual-theme="field"] .community-sort button{font-size:12px!important;padding:8px 10px}
html[data-visual-theme="field"] #commentsSection .btn-accent,
html[data-visual-theme="field"] .collection-submit span{font-size:14px!important}
html[data-visual-theme="field"] .collection-field>span,
html[data-visual-theme="field"] .collection-privacy{font-size:12px!important;line-height:1.8}
html[data-visual-theme="field"] :is(.admin-table td,.form-group label,.form-group input,.form-group textarea,.sb-link){font-size:14px;line-height:1.7}

/* The thread sits across both root columns. Replies never contain other replies. */
html[data-visual-theme="field"] #clist .collection-comment{min-width:0;color:var(--reading-ink);background:var(--reading-paper)!important;border-color:var(--reading-line)!important}
html[data-visual-theme="field"] #clist .collection-comment-main{min-width:0}
html[data-visual-theme="field"] #clist .collection-comment-head{display:flex;flex-wrap:wrap;gap:6px 9px;align-items:center;line-height:1.6}
html[data-visual-theme="field"] #clist .collection-comment-name{font:600 14px/1.7 var(--font-body)!important;min-width:0;max-width:100%;word-break:normal;overflow-wrap:anywhere;color:var(--reading-ink)}
html[data-visual-theme="field"] #clist .collection-comment-time{font:11px/1.7 var(--font-body)!important;color:var(--reading-muted);margin-left:auto;max-width:100%}
html[data-visual-theme="field"] #clist .collection-comment-badge{font:500 11px/1.5 var(--font-body);padding:3px 7px;max-width:100%;white-space:normal;overflow-wrap:anywhere}
html[data-visual-theme="field"] #clist .collection-comment-content{font:14px/1.95 var(--font-body)!important;color:var(--reading-ink);margin:10px 0 0;overflow-wrap:anywhere;word-break:normal}
html[data-visual-theme="field"] #clist .collection-comment-actions{gap:6px!important;flex-wrap:wrap;margin-top:12px;padding-top:9px}
html[data-visual-theme="field"] #clist .collection-comment-actions button.collection-comment-action{
 font:500 12px/1.4 var(--font-body)!important;color:var(--reading-secondary)!important;
 background:var(--reading-inset)!important;border:1px solid var(--reading-line)!important;
 padding:6px 8px!important;min-height:32px;border-radius:8px!important;box-shadow:none!important;
}
html[data-visual-theme="field"] #clist .collection-comment-actions button.collection-comment-action:hover,
html[data-visual-theme="field"] #clist .collection-comment-actions button.collection-comment-action[aria-pressed="true"]{color:var(--reading-accent)!important;border-color:var(--reading-metal)!important}
html[data-visual-theme="field"] #clist .collection-comment-likes{font-size:12px}
html[data-visual-theme="field"] #clist .collection-thread{grid-column:1/-1;min-width:0;margin-top:3px;padding:13px 0 0 10px;border-top:1px solid var(--reading-line);border-left:1px solid var(--reading-metal-soft)}
.collection-thread-label{display:flex;align-items:center;gap:8px;margin-bottom:9px;color:var(--reading-secondary);font:12px/1.7 var(--font-body)}
.collection-thread-label>span{padding:0 7px;border-radius:6px;background:var(--reading-inset);color:var(--reading-accent)}
html[data-visual-theme="field"] #clist .collection-thread>.collection-comment.is-reply{
 display:grid;grid-template-columns:28px minmax(0,1fr)!important;gap:9px!important;
 width:100%;margin:0 0 10px!important;padding:12px 10px!important;border:1px solid var(--reading-line)!important;
 border-radius:11px!important;background:var(--reading-inset)!important;box-shadow:none!important;
}
html[data-visual-theme="field"] #clist .collection-thread>.is-reply:last-child{margin-bottom:0!important}
html[data-visual-theme="field"] #clist .collection-thread>.is-reply .collection-comment-avatar{width:28px!important;height:28px!important;border-radius:9px}
html[data-visual-theme="field"] #clist .collection-comment-replyto{display:block;font:12px/1.7 var(--font-body)!important;color:var(--reading-secondary);margin:5px 0 0;white-space:normal;overflow-wrap:anywhere}
.collection-comment-replyto b{font-weight:500;color:var(--reading-accent)}
html[data-visual-theme="field"] #clist .collection-translation>p{font-size:14px;line-height:1.9;color:var(--reading-ink)}
html[data-visual-theme="field"] #clist .collection-action-status{font-size:12px;line-height:1.8}
@media(min-width:1400px){html[data-visual-theme="field"] .post-page .post-layout-3col.trainer-content-shell{grid-template-columns:360px minmax(0,1fr) 225px}}
@media(min-width:1001px) and (max-width:1399px){html[data-visual-theme="field"] .post-page .post-layout-3col.trainer-content-shell{grid-template-columns:330px minmax(0,1fr);grid-template-areas:'comments content'}html[data-visual-theme="field"] .trainer-content-shell>.post-sidebar{display:none}}
@media(max-width:1250px){html[data-visual-theme="field"] #mainNav .nav-links>li>a,html[data-visual-theme="field"] #mainNav .field-menu-trigger{font-size:13px;padding-inline:9px!important}}
@media(max-width:760px){
 html[data-visual-theme="field"] .trainer-grid{gap:25px}
 html[data-visual-theme="field"] .trainer-card .trainer-card-body{padding:19px 20px 17px;gap:11px}
 html[data-visual-theme="field"] .trainer-card .trainer-card-body h3{font-size:17px;min-height:0;line-height:1.75}
 html[data-visual-theme="field"] .trainer-card .trainer-card-foot{padding:13px 20px}
 html[data-visual-theme="field"] .trainer-card .trainer-card-cover{aspect-ratio:16/9}
 html[data-visual-theme="field"] .trainer-card :is(.trainer-status,.trainer-cat-badge){font-size:11px;top:11px;padding:5px 8px}
 html[data-visual-theme="field"] .trainer-card .trainer-status{right:11px}
 html[data-visual-theme="field"] .trainer-card .trainer-cat-badge{left:11px}
 html[data-visual-theme="field"] .post-main>.post-content,html[data-visual-theme="field"] .post-main>.post-content :is(p,li,td,blockquote){font-size:15px;line-height:1.95}
 html[data-visual-theme="field"] #clist .collection-thread{padding-left:7px}
 html[data-visual-theme="field"] #clist .collection-thread>.collection-comment.is-reply{padding:11px 8px!important;grid-template-columns:25px minmax(0,1fr)!important;gap:8px!important}
 html[data-visual-theme="field"] #clist .collection-thread>.is-reply .collection-comment-avatar{width:25px!important;height:25px!important}
 html[data-visual-theme="field"] #clist .collection-comment-time{font-size:11px!important}
 html[data-visual-theme="field"] #clist .collection-comment-actions button{font-size:12px!important;padding:6px 7px!important}
}
@media(prefers-reduced-motion:reduce){html[data-visual-theme="field"] .trainer-card,html[data-visual-theme="field"] .trainer-card img{animation:none!important;transition:none!important;transform:none!important}}