/* Front-end only. Original content and all admin assets are preserved. */
:root {
  --teal: #28614e;
  --teal-deep: #194735;
  --teal-light: #edf3ee;
  --teal-soft: #c6d8cb;
  --orange: #956936;
  --orange-deep: #785024;
  --logo-red: #22533f;
  --logo-red-deep: #143f2d;
  --bg: #f6f5ef;
  --bg-card: #fffefa;
  --border: #dfe5dc;
  --border-soft: #edf0e8;
  --ink: #203d31;
  --text: #34473d;
  --text-muted: #68786c;
  --text-soft: #788578;
  --text-link: #28614e;
  --text-link-hover: #163d2c;
  --post-link: #345c4b;
  --font-display: "Noto Serif SC", "Songti SC", serif;
  --max-content: 1280px;
  --td-shadow: 0 8px 32px #173d2c06;
}
body {background:var(--bg);font-size:15px;line-height:1.85}
::selection {background:#d8e8d9;color:#193d2b}
a {transition:color .18s,background-color .18s,box-shadow .18s}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible {outline:2px solid #926b3c;outline-offset:4px}
.site-header {background:#fffefa;border-bottom:1px solid var(--border);box-shadow:0 4px 22px #173d2c04;position:relative;z-index:110}
.site-header-inner {height:90px;padding:0 24px;align-items:center;gap:20px}
.brand-badge {background:transparent;color:var(--ink);padding:0 25px 0 0;margin:0;border-right:1px solid #d9dfd4;box-shadow:none;flex-shrink:0}
.brand-badge:hover {color:var(--teal-deep)}
.brand-badge .brand-cn {font-size:27px;font-weight:800;letter-spacing:.13em;line-height:1.35}
.brand-badge .brand-en {font-family:var(--font-body);font-size:9px;letter-spacing:.17em;color:#7a765a;margin-top:4px}
.nav-tabs {height:100%;gap:4px}
.nav-tab {font-size:15px;color:#405446;padding:0 19px;font-weight:600}
.nav-tab:hover,.nav-tab.current {background:transparent;color:var(--teal-deep)}
.nav-tab.current::after {content:"";position:absolute;left:20px;right:20px;bottom:20px;height:2px;background:#b48d56;border-radius:2px}
.nav-dropdown {border-radius:14px;top:calc(100% - 10px);padding:12px 0;box-shadow:0 16px 50px #15392714;border-color:var(--border)}
.nav-dropdown-group {border-bottom-style:solid}
.nav-dropdown-group-label {letter-spacing:.1em;color:#788573}
.nav-dropdown-group li a {font-size:13px;padding:8px 18px}
.nav-dropdown-hot {background:#f0e6d5;color:#755323;border-radius:5px}
.nav-dropdown-foot a {border-radius:7px;background:#285940}
.header-right {padding:0;gap:12px;flex-shrink:0}
.header-search {height:40px;border:1px solid var(--border);border-radius:24px;background:#f4f6ef;box-shadow:none}
.header-search .scope {background:transparent;font-size:11px;border-color:#e3e6da}
.header-search input {width:158px;background:transparent;font-size:12px}
.header-search button {background:transparent;color:var(--ink);width:38px}
.header-search button:hover {background:#e5eee3}
.header-menu-icon {background:#e9f0e7;color:var(--ink);border:0;border-radius:8px}
@media(min-width:1001px){.header-menu-icon{display:none}}
.hero-row {grid-template-columns:minmax(0,1.6fr) minmax(340px,1fr);gap:24px;margin-top:34px;padding:0 24px;align-items:stretch}
.hero-banner {height:460px;border-radius:22px;background:#153c2b;box-shadow:var(--td-shadow)}
.hero-banner img {opacity:.92}
.hero-banner-title {padding:80px 34px 40px;background:linear-gradient(0deg,#0c2d22ee,#102b2166 66%,transparent)}
.banner-title-main {font-family:var(--font-display);font-size:27px;line-height:1.7;letter-spacing:.03em;font-weight:700;text-shadow:none;margin-bottom:10px}
.banner-title-sub {font-size:13px;line-height:1.8;color:#f0f2e6;text-shadow:none}
.hero-banner-dots {bottom:17px;gap:9px}
.hero-banner-dots .dot {width:7px;height:7px;border:0;background:#ffffff70}
.hero-banner-dots .dot.active {width:23px;border-radius:5px;background:#eddfba}
.recent-panel {border:1px solid var(--border);border-radius:22px;overflow:hidden;background:#fffefa;box-shadow:var(--td-shadow);min-width:0}
.recent-tabs {background:#fffefa;border-bottom:1px solid var(--border);padding:7px 12px 0;gap:2px}
.recent-tab {font:inherit;font-size:13px;padding:13px 7px;color:var(--text-muted);flex:1;text-align:center;white-space:nowrap;background:transparent;border:0;border-bottom:2px solid transparent;cursor:pointer}
.recent-tab:focus-visible {outline:2px solid var(--teal);outline-offset:-3px}
.recent-panel .recent-list[hidden] {display:none!important}
.recent-tab.active {color:var(--teal-deep);background:transparent;border-bottom:2px solid #b48d56;font-weight:700}
.recent-list {padding:4px 15px}
.recent-list li {padding:13px 1px;gap:10px;border-bottom:1px solid #edf0e7;min-height:48px;align-items:center}
.recent-list li:last-child {border-bottom:0}
.recent-list .item-title {color:#35513f;font-size:13px;font-weight:500}
.recent-list .item-num {background:#edf1e7!important;color:#687f66!important;border-radius:6px;font-size:10px;width:20px;height:23px;line-height:23px;flex-shrink:0}
.recent-list li:nth-child(-n+3) .item-num {color:#886132!important;background:#f4ecda!important}
.recent-list .item-date {font-size:10px;color:#818b7b;font-variant-numeric:tabular-nums}
.stats-row {grid-template-columns:minmax(0,1.6fr) minmax(340px,1fr);gap:24px;padding:0 24px;margin-top:22px;align-items:stretch}
.stats-card {background:#ebeede;border:0;border-radius:17px;padding:20px 22px;gap:14px 20px;box-shadow:none}
.stats-card .stat-item {font-size:12px;color:#62725e}
.stats-card .stat-item .stat-icon {background:#dbe4cf;color:#4a6749;border-radius:5px}
.stats-card strong {color:#24412c;font-size:15px}
.stats-card .welcome {font-size:11px}
.cta-stack {gap:10px}
.cta-btn {border-radius:10px;padding:12px 18px;box-shadow:none;font-size:14px;letter-spacing:.03em}
.cta-btn.orange {background:#244f3a}
.cta-btn.teal {background:#fdfcf6;color:#355641;border:1px solid #cddac7}
body .hero-form-section {max-width:1232px;width:calc(100% - 48px);margin:32px auto 40px!important}
body .hero-form-section .hero-form-card {background:linear-gradient(120deg,#173f30,#315e45);border-radius:22px;padding:36px 40px;gap:46px;box-shadow:0 18px 45px #163d3010;color:#fffdf3}
body .hero-form-section .hf-badge {background:#ffffff0d;border-color:#c4bb9250;color:#e4d6a4;font-size:12px;padding:5px 12px}
body .hero-form-section .hf-title {font-family:var(--font-display);font-size:29px;line-height:1.65;font-weight:600;letter-spacing:.06em;margin-bottom:14px}
body .hero-form-section .hf-bullets {font-size:13px;line-height:2.1;color:#e1e9da}
body .hero-form-section .hf-form {background:#ffffff08;border:1px solid #ffffff24;padding:23px 26px;border-radius:14px;backdrop-filter:none}
body .hero-form-section .hf-label {color:#ebeee3;font-size:12px}
body .hero-form-section .hf-form input[type=text],body .hero-form-section .hf-form select {background:#fffdf4;border:1px solid #fffdf4;color:#334b3c;border-radius:7px;font-size:14px;padding:11px 13px}
body .hero-form-section .hf-submit {background:#e1c898;color:#253a27;border-radius:8px;box-shadow:none;font-size:15px;padding:12px;font-weight:700}
body .hero-form-section .hf-submit:hover {background:#ecd9b2;box-shadow:none;transform:none}
body .hero-form-section .hf-fineprint {color:#d7dfd0;font-size:11px;line-height:1.9}
.page-grid {padding:0 24px;grid-template-columns:minmax(0,1fr) 290px;gap:26px;margin-top:30px}
.forum-section {margin-bottom:32px}
.section-header {background:transparent;border:0;min-height:56px;height:auto;padding:6px 0 14px;flex-wrap:wrap;gap:10px}
.section-header h2 {font-size:20px;font-family:var(--font-display);letter-spacing:.02em;line-height:1.6}
.section-header .section-icon-box {border-radius:7px;opacity:.85;width:25px;height:25px}
.section-header .section-count {font-size:12px;color:#6f7d6b}
.section-header .section-link {font-size:12px;white-space:nowrap}
.section-header.vivid {border-radius:14px 14px 0 0;background:#2d5642;padding:17px 20px}
.section-header.vivid h2 {font-family:var(--font-display);text-shadow:none}
.thread-list {border:1px solid var(--border);background:#fffefa;border-radius:16px;overflow:hidden;box-shadow:var(--td-shadow)}
.thread-row {background:#fffefa;border-color:#e9eee2;padding:16px 14px;transition:background .15s}
.thread-row:hover {background:#f5f7ee}
.thread-title {font-size:15px;color:#28523d;font-weight:650}
.thread-title .en {font-size:11px;color:#778671;margin-left:4px}
.thread-brief {font-size:12px;line-height:1.85;color:#77816e;margin-top:5px}
.flag-thumb {border-radius:7px;overflow:hidden;flex-shrink:0}
.flag-thumb img {border-radius:5px}
.scope-bar {gap:4px;flex-wrap:wrap;margin-top:8px}
.scope-chip {border:0;border-radius:4px;font-size:10px;padding:1px 5px;background:#f0f4e9;color:#5b7957}
.pill {border-radius:5px;font-size:10px;padding:3px 6px;font-weight:500}
.pill.hot {background:#f2e8d4;color:#93642c}
.pill.commercial {background:#e5eee2;color:#43683e}
.pill.altruistic {background:#e9f0de;color:#66733d}
.pill.gray {background:#f4ecd9;color:#8e753f}
.pill.restricted {background:#f2e4d8;color:#98644b}
.pill.prohibited {background:#f2e1db;color:#9a554e}
.hot-indicator {color:#956c33;font-size:10px}
.contact-card-side {border:1px solid #d8e0ce;background:#fffefa;border-radius:18px;padding:24px 20px;box-shadow:var(--td-shadow)}
.ccs-header {border-bottom:1px solid #e5eadf;padding-bottom:15px;margin-bottom:18px;font-family:var(--font-display);font-size:16px}
.ccs-pulse {background:#b18b4d;box-shadow:none;animation:none}
.ccs-qr {width:174px;height:174px;border:1px solid #e6e9dd;border-radius:10px;padding:10px;image-rendering:pixelated}
.ccs-info {background:#f0f3e8;padding:12px;border-radius:9px}
.ccs-row {gap:8px;padding:6px 0}
.ccs-row+.ccs-row {border-top:1px solid #dfe6d6}
.ccs-value,a.ccs-value {color:#355940;font-size:13px}
.ccs-cta {background:#2b593e;color:#fff;border-radius:9px;padding:12px;box-shadow:none}
.ccs-footnote {font-size:12px;line-height:1.85;color:#7c826e;letter-spacing:0;padding-top:7px}
.kb-card {border-radius:16px;border-color:var(--border);box-shadow:var(--td-shadow);margin-top:20px}
.kb-card .kb-card-title {background:#edf1e5;border:0;padding:16px;color:#3e5f45;font-size:14px}
.kb-card li {border-bottom-style:solid;padding:15px 17px}
.kb-card .kb-title {font-size:14px;line-height:1.8;font-weight:550}
.kb-card .kb-card-more {background:#f5f7ef;padding:12px}
.crumb {margin-top:26px;padding:0 24px;color:#7a866f;font-size:12px}
.crumb-sep {color:#c2cbb7}
main>.hero {background:linear-gradient(110deg,#e8eddf,#f7f6ed)!important;border:1px solid #e0e6d7!important;border-radius:22px!important;max-width:1232px!important;margin:24px auto 32px!important;padding:42px 40px!important;text-align:left!important}
.hero h1 {font-family:var(--font-display);font-size:clamp(25px,2.6vw,37px)!important;color:#264831!important;line-height:1.7!important;letter-spacing:.03em;font-weight:700}
.hero .excerpt {color:#637159!important;font-size:15px!important;line-height:2.05!important;max-width:980px;margin-top:15px!important}
.hero-tag {background:#d6e2ce!important;color:#46633d!important;border:0!important;border-radius:5px!important;letter-spacing:.05em;padding:5px 10px!important}
.section>.container {max-width:var(--max-content);padding-left:24px;padding-right:24px}
.section-title {font-family:var(--font-display);border-bottom:1px solid #d7dfcd;font-size:24px!important;color:#345039;margin-bottom:22px;padding-bottom:15px}
.card-grid {gap:22px}
.card {border:1px solid #dfe5d6;border-radius:15px;background:#fffefa;padding:25px!important;box-shadow:var(--td-shadow);transition:transform .18s,box-shadow .18s,border-color .18s}
.card:hover {transform:translateY(-3px);border-color:#b5c8a8;box-shadow:0 12px 28px #244b3310}
.card h3 {color:#34583d;font-size:18px;line-height:1.85;font-weight:650;margin:12px 0}
.card p {font-size:13px;line-height:1.95;color:#72816a}
.card .meta {font-size:11px;color:#8a8972;letter-spacing:.04em}
.detail-with-sidebar {padding:0 24px;grid-template-columns:minmax(0,1fr) 290px;gap:28px}
article.body {line-height:2;font-size:16px;color:#44523f}
.detail-main>article.body {background:#fffefa;border:1px solid #e2e7da;border-radius:19px;padding:30px 34px;margin-top:0}
article.body h2 {font-family:var(--font-display);color:#2f5138;font-size:24px;line-height:1.75;padding-bottom:12px;margin-top:36px;border-bottom:1px solid #dde6d5}
article.body h3 {color:#385942;font-size:19px;line-height:1.8;margin-top:26px}
article.body p {margin-bottom:18px}
article.body table {font-size:14px;border-color:#dce5d3;border-radius:8px}
article.body th {background:#edf2e5!important;color:#35553b!important}
article.body td {border-color:#e1e8d8}
article.body blockquote {border-left-color:#839f70;background:#f1f5e9;color:#566b4b;border-radius:0 10px 10px 0}
.team-card {border-radius:16px!important;border-color:#dbe3d1!important;background:#fffefa!important;box-shadow:var(--td-shadow)}
.contact-block {background:#edf1e4;border:1px solid #d3dfc6;border-radius:20px;margin-top:40px;margin-bottom:32px;padding-top:32px;padding-bottom:32px}
.contact-block.compact {border-radius:16px}
.contact-side-label {background:#356044;color:#fff;border-radius:9px}
.contact-intro {font-size:15px;line-height:2;color:#5e7053}
.contact-services .num {background:#dbe5d0;color:#4b6942}
.contact-foot {color:#708264}
.contact-qrs .qr-item {background:#fffefa;border-radius:13px;padding:14px}
.contact-qrs img {border-radius:8px;image-rendering:pixelated}
.qr-label {color:#34573e}
.footer-contact-strip {background:#e8eedd;border-top:1px solid #d9e2ce;border-bottom:0;padding:30px 0;margin-top:50px}
.footer-contact-inner {padding:0 24px;gap:26px;justify-content:space-between}
.fcs-brand strong {font-family:var(--font-display);color:#37543d;font-size:17px}
.fcs-brand>span {font-size:12px;line-height:1.9;color:#738165;max-width:470px}
.fcs-channel {border:1px solid #d6dec9;background:#f9fbf3;border-radius:10px;padding:10px 13px}
.fcs-channel .ch-icon {border-radius:7px}
.fcs-channel .ch-val {color:#375c3c;font-size:13px}
.fcs-cta {background:#2e573c;border-radius:8px;padding:13px 19px}
.site-footer {background:#193d2e;color:#bcc9b8;padding:48px 0 24px;margin-top:0;font-size:13px}
.footer-grid {padding:0 24px;gap:44px}
.footer-grid h4 {font-family:var(--font-display);font-size:17px;letter-spacing:.05em;color:#e6e9d7}
.site-footer a {color:#c6d1bb}
.site-footer a:hover {color:#eddab2}
.site-footer p[style] {color:#adbfa6!important;line-height:2!important}
.footer-grid li {margin-bottom:9px}
.footer-bottom {border-color:#335440;color:#9dae91;margin-top:36px;padding-top:24px;gap:15px}
.float-contact-toggle {background:#315d41!important;box-shadow:0 7px 24px #193d2e2b!important}
.float-contact-panel {border-radius:17px!important;border-color:#d4dfca!important}
@media(max-width:1100px) {
  .site-header-inner {gap:12px;padding:0 20px}
  .nav-tab {padding:0 12px;font-size:14px}
  .brand-badge {padding-right:18px}
  .header-search input {width:125px}
  .hero-row,.stats-row {grid-template-columns:minmax(0,1.35fr) minmax(310px,1fr);gap:18px}
  .hero-banner {height:460px}
  .banner-title-main {font-size:24px}
  body .hero-form-section {margin-left:24px;margin-right:24px}
  main>.hero {margin-left:24px!important;margin-right:24px!important}
  .page-grid,.detail-with-sidebar {grid-template-columns:minmax(0,1fr) 260px;gap:20px}
  .footer-contact-inner {justify-content:flex-start}
}
@media(max-width:900px) {
  .hero-row,.stats-row {grid-template-columns:1fr}
  .hero-banner {height:390px}
  .recent-panel {border-radius:17px}
  .recent-list li {padding:12px 4px}
  .cta-stack {display:grid;grid-template-columns:1fr 1fr}
  .page-grid {grid-template-columns:1fr}
  .page-sidebar {position:static}
  .detail-with-sidebar {grid-template-columns:1fr}
  body .hero-form-section .hero-form-card {gap:26px;padding:30px}
  .banner-title-main {font-size:28px}
}
@media(max-width:700px) {
  body {font-size:14px}
  .site-header-inner {height:76px;padding:0 20px;justify-content:space-between;gap:12px}
  .brand-badge {border:0;padding:0}
  .brand-badge .brand-cn {font-size:25px}
  .brand-badge .brand-en {font-size:8px;letter-spacing:.14em}
  .header-right {padding:0}
  .header-menu-icon {width:37px;height:37px;border-radius:9px;font-size:21px}
  .nav-tabs {top:76px;gap:0;height:auto;max-height:calc(100vh - 76px);background:#fffefa;border-top:1px solid var(--border);padding:10px 12px;box-shadow:0 14px 25px #173d2c12}
  .nav-tab {color:#35533d;padding:14px 12px;height:auto;font-size:15px}
  .nav-tab.current::after {display:none}
  .nav-tab.current {background:#edf2e6;border-radius:8px}
  .nav-dropdown {border:0;box-shadow:none;background:#f7f9f0;border-radius:9px;padding:8px 0}
  .header-search {max-width:100%}
  .hero-row {padding:0 16px;margin-top:20px;gap:18px}
  .hero-banner {height:300px;border-radius:17px}
  .hero-banner-title {padding:50px 23px 36px}
  .banner-title-main {font-size:22px;line-height:1.7;margin-bottom:9px}
  .banner-title-sub {font-size:11px;line-height:1.8}
  .recent-tabs {padding:5px 8px 0}
  .recent-tab {font-size:12px;padding:12px 6px}
  .recent-list {padding:4px 14px}
  .recent-list li {gap:10px;min-height:49px;padding:12px 0}
  .recent-list .item-title {font-size:12px}
  .recent-list .item-date {font-size:9px}
  .stats-row {margin-top:18px;padding:0 16px;gap:14px}
  .stats-card {padding:19px;gap:14px 18px;border-radius:14px}
  .stats-card .welcome {border-top:1px solid #d7dfca;padding-top:12px;font-size:11px}
  .cta-btn {font-size:12px;padding:12px 10px;line-height:1.7}
  body .hero-form-section {width:auto;margin:22px 16px 30px!important}
  body .hero-form-section .hero-form-card {grid-template-columns:1fr;border-radius:18px;padding:26px 22px;gap:22px}
  body .hero-form-section .hf-title {font-size:26px;line-height:1.7;margin-bottom:14px}
  body .hero-form-section .hf-badge {font-size:11px}
  body .hero-form-section .hf-form {padding:18px 15px}
  body .hero-form-section .hf-contact-group {grid-template-columns:82px minmax(0,1fr);gap:7px}
  body .hero-form-section .hf-form input[type=text],body .hero-form-section .hf-form select {min-width:0;font-size:12px;padding:11px 8px}
  body .hero-form-section .hf-bullets {font-size:12px}
  body .hero-form-section .hf-submit {font-size:13px}
  .page-grid {padding:0 16px;margin-top:24px}
  .section-header {padding:8px 0 13px;gap:8px}
  .section-header h2 {font-size:18px;max-width:calc(100% - 36px)}
  .section-header .section-link {font-size:11px}
  .section-header.vivid {padding:16px}
  .thread-list {border-radius:13px}
  .thread-row {padding:15px 12px;gap:10px}
  .thread-title {font-size:14px}
  .thread-brief {font-size:11px}
  .forum-section {margin-bottom:25px}
  .crumb {margin-top:17px;padding:0 18px;font-size:11px}
  main>.hero {margin:19px 16px 24px!important;padding:27px 23px!important;border-radius:17px!important}
  .hero h1 {font-size:25px!important;line-height:1.7!important}
  .hero .excerpt {font-size:13px!important;line-height:2!important;margin-top:14px!important}
  .section>.container {padding-left:16px;padding-right:16px}
  .section-title {font-size:21px!important}
  .card-grid {grid-template-columns:minmax(0,1fr);gap:16px}
  .card {padding:23px!important;border-radius:13px}
  .card h3 {font-size:17px}
  .detail-with-sidebar {padding:0 16px;gap:22px}
  .detail-main>article.body {padding:22px 19px;border-radius:14px}
  article.body {font-size:14px;line-height:2.05}
  article.body h2 {font-size:21px;margin-top:28px}
  article.body h3 {font-size:18px}
  article.body table {font-size:12px}
  .contact-block,.contact-block.compact {margin:30px 16px 25px;padding-top:23px;padding-bottom:23px;border-radius:15px}
  .contact-intro {font-size:13px}
  .footer-contact-strip {padding:26px 0;margin-top:35px}
  .footer-contact-inner {padding:0 20px;gap:20px}
  .fcs-brand strong {font-size:17px}
  .fcs-brand>span {font-size:12px;line-height:1.85}
  .fcs-channels {flex-wrap:wrap;gap:9px}
  .fcs-channel {padding:9px 11px}
  .fcs-channel .ch-val {font-size:12px}
  .fcs-cta {font-size:12px;padding:12px 16px}
  .site-footer {padding-top:36px}
  .footer-grid {padding:0 22px;gap:28px 22px}
  .footer-grid h4 {font-size:16px}
  .footer-bottom {padding:20px 22px 0;flex-wrap:wrap;font-size:11px;line-height:1.9}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}