/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/app/globals.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: Manrope, Noto Sans SC, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
.container{
  width: 100%;
}
@media (min-width: 640px){

  .container{
    max-width: 640px;
  }
}
@media (min-width: 768px){

  .container{
    max-width: 768px;
  }
}
@media (min-width: 1024px){

  .container{
    max-width: 1024px;
  }
}
@media (min-width: 1280px){

  .container{
    max-width: 1280px;
  }
}
@media (min-width: 1536px){

  .container{
    max-width: 1536px;
  }
}
.relative{
  position: relative;
}
.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

/* ============================================================
   中华美业网 - Global Styles
   ============================================================ */

:root {
  --navy-950: #020817;
  --navy-900: #06142f;
  --navy-850: #071b42;
  --navy-800: #09265b;
  --blue-700: #0a4dde;
  --blue-600: #1468ff;
  --blue-500: #2a86ff;
  --cyan-400: #31d6ff;
  --cyan-300: #79e7ff;
  --red-600: #e1222f;
  --red-500: #f33d48;
  --ink: #10213f;
  --muted: #60708c;
  --line: #dce6f5;
  --surface: #ffffff;
  --surface-soft: #f4f8ff;
  --silver: #d8e6f8;
  --success: #12b981;
  --warning: #f8aa21;
  --shadow-sm: 0 10px 26px rgba(9, 38, 91, 0.08);
  --shadow-md: 0 18px 46px rgba(4, 30, 81, 0.14);
  --shadow-lg: 0 30px 80px rgba(0, 20, 66, 0.24);
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --container: 1240px;
}

.portal-form-shell{max-width:900px}.portal-business-form{background:#fff;border:1px solid #dce5ee;border-radius:18px;padding:30px;box-shadow:0 20px 60px rgba(14,38,67,.08)}.portal-business-form h2{margin:0 0 7px}.portal-business-form>p{font-size:12px;color:#65758b;margin-bottom:24px}.portal-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.portal-form-grid label{font-size:11px;color:#536a80;font-weight:700}.portal-form-grid label.full{grid-column:1/-1}.portal-form-grid input,.portal-form-grid textarea{display:block;width:100%;border:1px solid #dce5ee;border-radius:9px;padding:11px;margin-top:6px;outline:none;font-size:13px;resize:vertical}.portal-form-grid input:focus,.portal-form-grid textarea:focus{border-color:#1b6eea;box-shadow:0 0 0 3px rgba(27,110,234,.1)}.portal-consent{display:flex;gap:8px;align-items:flex-start;font-size:11px;color:#65758b;margin:20px 0}.portal-consent input{margin-top:2px}.portal-form-error{color:#bd3d35;background:#fff0ee;border-radius:8px;padding:10px;font-size:11px;margin-bottom:12px}.portal-form-success{text-align:center;background:#fff;border:1px solid #dce5ee;border-radius:18px;padding:65px 30px}.portal-form-success h2{margin-bottom:10px}.portal-form-success p{color:#65758b;font-size:13px;margin-bottom:25px}@media(max-width:760px){.portal-form-grid{grid-template-columns:1fr}.portal-form-grid label.full{grid-column:auto}.portal-business-form{padding:20px}}
.portal-empty{border:1px dashed #cbd9e4;border-radius:14px;padding:25px;color:#7b8d9d;font-size:12px;background:#fbfcfd}.portal-filter-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:26px}.portal-filter-bar span{font-weight:800;color:#142235;font-size:12px;margin-right:5px}.portal-filter-bar button,.portal-filter-bar select{border:1px solid #dce5ee;border-radius:8px;background:#fff;padding:8px 10px;color:#65758b;font-size:11px}.portal-filter-bar select{margin-left:auto}.portal-company-list{display:grid;gap:12px}.portal-list-card{display:grid;grid-template-columns:58px 1fr auto;gap:15px;align-items:center;border:1px solid #dce5ee;border-radius:14px;background:#fff;padding:14px}.portal-list-logo{width:58px;height:58px;border-radius:11px;background:linear-gradient(145deg,#071a2b,#1b6eea);display:grid;place-items:center;color:#fff;font-size:12px;font-weight:900}.portal-list-card h3{font-size:15px;margin:0 0 5px}.portal-list-card p{font-size:11px;color:#748698;margin:0 0 8px}.portal-list-card i{font-style:normal;font-size:9px;border-radius:5px;padding:4px 6px;background:#eef5fb;color:#2867a5;margin-right:5px}.company-portal-hero{background:linear-gradient(135deg,#061521,#0e3b5d);color:#fff;padding:42px 0}.company-portal-title{display:grid;grid-template-columns:72px 1fr auto;gap:16px;align-items:center;margin-top:20px}.company-portal-logo{width:72px;height:72px;border-radius:14px;background:#fff;color:#0a3453;display:grid;place-items:center;font-size:15px;font-weight:900;overflow:hidden}.company-portal-logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.company-portal-title h1{font-size:30px;margin:0 0 7px}.company-portal-title p{font-size:11px;color:#abc3d5;margin:0}.company-portal-nav{position:sticky;top:76px;z-index:40;background:#fff;border-bottom:1px solid #dce5ee}.company-portal-nav .portal-container{display:flex;gap:24px;overflow:auto}.company-portal-nav a{font-size:11px;font-weight:800;padding:13px 0;white-space:nowrap}.company-portal-layout{display:grid;grid-template-columns:1fr 300px;gap:16px}.company-portal-panel,.company-contact-panel{background:#fff;border:1px solid #dce5ee;border-radius:14px;padding:20px;margin-bottom:14px}.company-portal-panel>small,.company-contact-panel>small{color:#1b6eea;font-size:10px;font-weight:900;letter-spacing:.11em}.company-portal-panel h2{font-size:22px;margin:8px 0 10px}.company-portal-panel p,.company-contact-panel p{font-size:12px;color:#65758b;line-height:1.7}.company-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.company-facts span{border-radius:8px;background:#f2f6f9;padding:10px;font-size:10px;color:#65758b}.company-facts b{display:block;font-size:9px;color:#8998a5;margin-bottom:4px}.portal-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.portal-product-grid article{border:1px solid #e4ebf1;border-radius:9px;overflow:hidden}.portal-product-image{height:90px;background:linear-gradient(135deg,#edf3f7,#d9e6ef);display:grid;place-items:center;font-size:9px;color:#6e8294}.portal-product-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.portal-product-grid h3{font-size:11px;margin:9px 9px 3px}.portal-product-grid p{font-size:9px;margin:0 9px 10px}.portal-capability-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.portal-capability-tags i{font-style:normal;background:#edf7f3;color:#0d8d66;border-radius:6px;padding:6px 8px;font-size:10px}.portal-case-row{padding:12px 0;border-top:1px solid #edf2f5}.portal-case-row h3{font-size:13px;margin:0 0 5px}.company-contact-panel{position:sticky;top:135px}.company-contact-panel h3{font-size:18px;margin:8px 0}.masked-contact{background:#f2f6f9;border-radius:8px;padding:9px;margin:7px 0;font-size:11px;color:#536a80}.company-contact-panel .portal-btn{width:100%;margin-top:12px}.privacy-note{display:block;color:#8796a4;font-size:9px;line-height:1.6;margin-top:13px}@media(max-width:760px){.portal-filter-bar select{margin-left:0}.portal-list-card{grid-template-columns:45px 1fr}.portal-list-card>.portal-btn{grid-column:2;justify-self:start}.portal-list-logo{width:45px;height:45px}.company-portal-title{grid-template-columns:58px 1fr}.company-portal-title>.portal-btn{grid-column:2;justify-self:start}.company-portal-title h1{font-size:22px}.company-portal-layout{grid-template-columns:1fr}.company-contact-panel{position:static}.company-facts{grid-template-columns:1fr 1fr}.portal-product-grid{grid-template-columns:1fr 1fr}}

* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  font-family: var(--font-manrope), var(--font-noto-sans-sc), "Manrope", "Noto Sans SC", sans-serif;
  color: var(--ink);
  background: #f7faff;
  line-height: 1.5;
  overflow-x: hidden;
}
body.modal-open {
  overflow: hidden;
}
img {
  display: block;
  max-width: 100%;
}
a {
  color: inherit;
  text-decoration: none;
}
button,
input,
textarea,
select {
  font: inherit;
}
button {
  cursor: pointer;
}
.container {
  width: min(var(--container), calc(100% - 40px));
  margin-inline: auto;
}
.section {
  padding: 82px 0;
}
.section.compact {
  padding: 54px 0;
}
.section-head {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: flex-end;
  margin-bottom: 30px;
}
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--blue-600);
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 12px;
}
.eyebrow::before {
  content: "";
  width: 26px;
  height: 2px;
  background: linear-gradient(90deg, var(--red-500), var(--blue-600));
  border-radius: 999px;
}
h1,
h2,
h3,
p {
  margin-top: 0;
}
h1 {
  font-size: clamp(43px, 5vw, 78px);
  line-height: 1.02;
  letter-spacing: -0.045em;
  margin-bottom: 22px;
}
h2 {
  font-size: clamp(30px, 3.2vw, 48px);
  line-height: 1.12;
  letter-spacing: -0.035em;
  margin-bottom: 14px;
}
h3 {
  font-size: 20px;
  line-height: 1.25;
  letter-spacing: -0.02em;
}
.lead {
  font-size: 18px;
  color: #d3e1f8;
  max-width: 670px;
}
.subcopy {
  color: var(--muted);
  max-width: 680px;
  font-size: 16px;
}
.link-more {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--blue-600);
  font-weight: 800;
  font-size: 14px;
  white-space: nowrap;
}
.link-more:hover {
  gap: 12px;
}

/* Header */
.site-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 1000;
  background: rgba(3, 14, 39, 0.78);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  transition: 0.25s ease;
}
.site-header.scrolled {
  background: rgba(3, 14, 39, 0.96);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.18);
}
.nav {
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}
.brand {
  display: flex;
  align-items: center;
  gap: 12px;
  color: white;
  min-width: 220px;
}
.brand-mark {
  width: 43px;
  height: 43px;
  border-radius: 13px;
  position: relative;
  display: grid;
  place-items: center;
  font-weight: 900;
  font-size: 17px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.05));
  border: 1px solid rgba(255, 255, 255, 0.22);
  box-shadow: inset 0 0 26px rgba(59, 153, 255, 0.2);
}
.brand-mark::before,
.brand-mark::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(87, 203, 255, 0.7);
  transform: rotate(45deg);
}

/* V2 strict portal layer: preserves the existing deep-blue portal identity while
   adding dense marketplace navigation and business modules. */
.portal-container{width:min(1440px,calc(100% - 40px));margin:auto}.portal-topbar{background:#03111f;color:#d9e7f4;font-size:12px}.portal-topbar-inner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:18px}.portal-topbar a{margin-left:18px}.portal-status-dot{width:7px;height:7px;border-radius:50%;background:#35d39b;box-shadow:0 0 0 4px rgba(53,211,155,.12);display:inline-block;margin-right:7px}.portal-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-bottom:1px solid #dce5ee}.portal-header-inner{height:76px;display:flex;align-items:center;gap:20px}.portal-brand{display:flex;align-items:center;gap:11px;min-width:-moz-max-content;min-width:max-content;color:#071a2b}.portal-brand-mark{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#071a2b,#0f3658);color:#f1d79d;font-weight:900;box-shadow:inset 0 0 0 1px rgba(255,255,255,.13)}.portal-brand b{display:block;font-size:16px;letter-spacing:.02em}.portal-brand small{display:block;font-size:11px;color:#50647a;margin-top:3px}.portal-nav{display:flex;align-items:center;gap:0;flex:1}.portal-nav a{padding:10px 8px;border-radius:8px;color:#34495f;font-size:12px;font-weight:700;white-space:nowrap}.portal-nav a:hover{background:#f1f6fa;color:#1b6eea}.portal-header-actions{display:flex;gap:8px}.portal-btn{border:1px solid transparent;border-radius:9px;padding:10px 15px;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s ease;cursor:pointer}.portal-btn:hover{transform:translateY(-1px)}.portal-btn-primary{background:#1b6eea;color:#fff;box-shadow:0 10px 24px rgba(27,110,234,.2)}.portal-btn-outline{background:#fff;border-color:#cfdbe6;color:#071a2b}.portal-btn-dark{background:#071a2b;color:#fff}.portal-btn-gold{background:linear-gradient(135deg,#f4dea8,#cfa85a);color:#162333}.portal-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 74% 22%,rgba(57,135,231,.22),transparent 28%),radial-gradient(circle at 88% 75%,rgba(215,182,111,.12),transparent 23%),linear-gradient(130deg,#061421,#0a2237 58%,#0c2d49);color:#fff}.portal-hero:before{content:"";position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,.7),transparent);mask-image:linear-gradient(to right,rgba(0,0,0,.7),transparent)}.portal-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:44px;padding:76px 0 64px}.portal-eyebrow,.portal-section-head small,.portal-kicker-gold{display:flex;align-items:center;gap:10px;color:#a9c9e7;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.portal-eyebrow:before,.portal-section-head small:before{content:"";width:32px;height:1px;background:#d7b66f}.portal-hero h1{font-size:clamp(44px,5.6vw,78px);line-height:.98;margin:20px 0 22px;letter-spacing:-.05em;max-width:860px}.portal-hero h1 span{color:#9ed5ff}.portal-hero h1 small{display:block;color:#d9e8f5;font-size:clamp(24px,2.4vw,34px);letter-spacing:.02em;margin-top:16px}.portal-hero-copy{font-size:16px;line-height:1.8;color:#bdd0e0;max-width:760px}.portal-search{margin-top:30px;background:#fff;border-radius:14px;padding:7px;display:grid;grid-template-columns:145px 1fr auto;box-shadow:0 24px 70px rgba(0,0,0,.25);max-width:860px}.portal-search select,.portal-search input{border:0;outline:none;background:transparent;padding:12px 14px;color:#1b2c3e}.portal-search select{border-right:1px solid #e3e9ef}.portal-search button{border:0;border-radius:9px;background:#1b6eea;color:white;padding:0 17px;font-weight:800;display:flex;align-items:center;gap:7px;cursor:pointer}.portal-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.portal-ghost{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#dceaf5;border-radius:9px;padding:9px 12px;font-size:11px;font-weight:700}.portal-trust-line{display:flex;gap:24px;flex-wrap:wrap;margin-top:27px;color:#b6cadb;font-size:11px}.portal-trust-line strong{color:#fff}.portal-ai-panel{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:20px;box-shadow:0 30px 80px rgba(0,0,0,.23);backdrop-filter:blur(14px)}.portal-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.portal-panel-head small,.portal-panel-head b{display:block}.portal-panel-head small{font-size:10px;color:#8eb6d7;font-weight:800;letter-spacing:.12em}.portal-panel-head b{font-size:18px;margin-top:4px}.portal-live{font-size:10px;padding:5px 8px;border-radius:99px;background:rgba(36,206,148,.13);color:#69e5b8;border:1px solid rgba(36,206,148,.25)}.portal-ai-box{background:#fff;color:#142235;border-radius:15px;padding:16px;margin-top:12px}.portal-ai-row{display:flex;gap:11px;align-items:flex-start}.portal-ai-avatar{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#0d3152,#1f6cc3);display:grid;place-items:center;color:#fff;font-weight:900}.portal-ai-row b{font-size:13px}.portal-ai-row p{font-size:11px;color:#68798c;margin:3px 0 0}.portal-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.portal-chips button{padding:7px 9px;border-radius:8px;background:#f1f6fa;border:1px solid #e1e9ef;font-size:10px;color:#41566c;cursor:pointer}.portal-match-list{display:grid;gap:9px;margin-top:13px}.portal-match{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:11px;border-radius:11px;background:#f7fafc;color:#142235}.portal-match>strong{width:39px;height:39px;border-radius:11px;background:#e9f7f1;color:#0b8f66;display:grid;place-items:center;font-size:11px}.portal-match span b,.portal-match span small{display:block}.portal-match span b{font-size:12px}.portal-match span small{font-size:10px;color:#7c8c9c;margin-top:2px}.portal-match em{font-size:9px;color:#326fb8;font-style:normal}.portal-signal-strip{background:#0d2d49;color:#d5e6f4;border-top:1px solid rgba(255,255,255,.09)}.portal-signals{display:grid;grid-template-columns:repeat(5,1fr)}.portal-signals>div{padding:20px 22px;border-right:1px solid rgba(255,255,255,.09)}.portal-signals b,.portal-signals span{display:block}.portal-signals b{font-size:15px;color:#fff}.portal-signals span{font-size:10px;color:#98b6ce;margin-top:3px}.portal-section{padding:74px 0}.portal-section-alt{background:#f6f9fc}.portal-section-dark{background:#071a2b;color:#fff}.portal-section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.portal-section-head h2{font-size:clamp(29px,3vw,44px);line-height:1.08;margin:8px 0;letter-spacing:-.03em}.portal-section-head p{font-size:14px;color:#65758b;max-width:730px;margin:0}.portal-section-dark .portal-section-head p{color:#9fb6c9}.portal-section-head>a{font-size:13px;color:#1b6eea;font-weight:800;white-space:nowrap}.portal-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.portal-category{background:#fff;border:1px solid #dce5ee;border-radius:15px;padding:19px;min-height:146px;position:relative;transition:.2s ease}.portal-category:hover,.portal-company-card:hover{transform:translateY(-3px);box-shadow:0 20px 60px rgba(14,38,67,.12)}.portal-category i{width:42px;height:42px;border-radius:12px;background:#edf4fb;color:#1b6eea;display:grid;place-items:center;font-style:normal;font-weight:900}.portal-category h3{font-size:14px;margin:17px 0 5px}.portal-category p{font-size:11px;color:#7b8a99;margin:0;max-width:90%}.portal-category span{position:absolute;right:15px;bottom:14px;color:#9fb1c1}.portal-company-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.portal-company-card{border:1px solid #dce5ee;border-radius:17px;background:#fff;overflow:hidden;transition:.2s ease}.portal-company-cover{height:118px;background:linear-gradient(120deg,rgba(7,26,43,.95),rgba(14,71,113,.75)),repeating-linear-gradient(45deg,#204d70 0 10px,#173d5c 10px 20px);padding:15px;color:#fff;display:flex;align-items:end;position:relative}.portal-company-cover span{position:absolute;top:13px;left:13px;padding:5px 8px;border-radius:8px;background:rgba(255,255,255,.12);font-size:9px;font-weight:800}.portal-company-cover b{font-size:15px}.portal-company-body{padding:15px}.portal-company-body p{font-size:11px;color:#728497;margin:0}.portal-company-body>div{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.portal-company-body i{font-size:10px;padding:5px 7px;background:#f2f6f9;border-radius:7px;color:#536a80;font-style:normal}.portal-company-body footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf1f4;padding-top:12px}.portal-company-body footer small{color:#8796a4;font-size:10px}.portal-company-body footer strong{font-size:10px;color:#1b6eea}.portal-market-grid,.portal-trade-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.portal-market-panel,.portal-trade-main{background:#fff;border:1px solid #dce5ee;border-radius:18px;overflow:hidden}.portal-market-panel header{padding:17px 18px;border-bottom:1px solid #dce5ee;display:flex;justify-content:space-between}.portal-market-panel header b{font-size:16px}.portal-market-panel header small{font-size:10px;color:#8393a3}.portal-request,.portal-buyer{padding:16px 18px;border-bottom:1px solid #edf2f6;display:flex;justify-content:space-between;align-items:center;gap:16px}.portal-request:last-child,.portal-buyer:last-child{border:0}.portal-request b,.portal-request small,.portal-buyer b,.portal-buyer small{display:block}.portal-request b,.portal-buyer b{font-size:13px}.portal-request small,.portal-buyer small{font-size:10px;color:#7b8b9c;margin-top:5px}.portal-request>strong{background:#e9f7f1;color:#0c8d66;border-radius:10px;padding:7px 8px;font-size:12px}.portal-buyer i{width:38px;height:38px;border-radius:10px;background:#f1f5f8;display:grid;place-items:center;font-style:normal;font-weight:900;color:#314b62;font-size:11px}.portal-buyer span{flex:1}.portal-buyer em{font-size:10px;color:#6a7b8c;background:#f5f8fa;padding:6px 8px;border-radius:7px;font-style:normal}.portal-ai-section{background:radial-gradient(circle at 75% 20%,rgba(45,126,224,.18),transparent 28%),linear-gradient(135deg,#061723,#0b2b47 70%,#0a3658);color:#fff;padding:74px 0}.portal-ai-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:34px;align-items:center}.portal-kicker-gold{color:#f1d79d}.portal-ai-grid h2{font-size:clamp(32px,3.4vw,50px);line-height:1.05;margin:10px 0 15px}.portal-ai-grid p{color:#bcd3f2;font-size:14px;line-height:1.8}.portal-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:26px 0}.portal-flow span{border:1px solid rgba(255,255,255,.12);border-radius:13px;padding:13px;background:rgba(255,255,255,.05);font-size:11px;color:#c4d8e8}.portal-flow b{display:block;color:#f1d79d;font-size:10px;margin-bottom:5px}.portal-console{background:#fff;color:#142235;border-radius:21px;padding:20px;box-shadow:0 28px 85px rgba(0,0,0,.28)}.portal-console header{display:flex;justify-content:space-between;border-bottom:1px solid #e7edf2;padding-bottom:14px}.portal-console header span{font-weight:800;font-size:14px}.portal-console header i{display:inline-block;width:7px;height:7px;background:#0f986d;border-radius:50%;margin-right:7px}.portal-console header small{color:#77899b}.portal-bubble{max-width:88%;padding:10px 12px;border-radius:12px;font-size:11px;margin-top:12px}.portal-bubble.user{margin-left:auto;background:#eaf2ff;color:#254a75}.portal-bubble.ai{background:#f2f6f9;color:#455a6d}.portal-extract{border:1px solid #dfe8ef;border-radius:12px;padding:12px;background:#fbfcfd;margin-top:13px}.portal-extract>b{font-size:10px;color:#516b82;letter-spacing:.09em}.portal-extract>div{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:9px}.portal-extract span{padding:8px;background:#fff;border:1px solid #edf1f4;border-radius:8px;font-size:10px;color:#8b98a4}.portal-extract strong{display:block;color:#142235;font-size:11px}.portal-console-btn{width:100%;border:0;border-radius:9px;background:#1b6eea;color:#fff;padding:12px;margin-top:13px;font-weight:800;cursor:pointer}.portal-trade-main{overflow:hidden}.portal-trade-hero{padding:22px;background:linear-gradient(135deg,#0b2943,#124c76);color:#fff}.portal-trade-hero small{color:#9dc2de}.portal-trade-hero h3{font-size:24px;margin:7px 0 5px}.portal-trade-hero p{font-size:12px;color:#c3d9e8;margin:0}.portal-edition{display:grid;grid-template-columns:1fr auto;gap:3px 15px;padding:15px 18px;border-bottom:1px solid #edf2f6}.portal-edition:last-child{border:0}.portal-edition b{font-size:12px}.portal-edition span{font-size:10px;color:#8090a1}.portal-edition a{grid-row:1/3;grid-column:2;color:#1b6eea;font-size:10px;font-weight:800}.portal-trade-stats{display:grid;gap:12px}.portal-trade-stats>div{border:1px solid #dce5ee;border-radius:16px;padding:18px;background:#fff}.portal-trade-stats b{font-size:20px;color:#071a2b;display:block}.portal-trade-stats span{display:block;font-size:11px;color:#7d8d9e;margin-top:3px}.portal-section-dark .portal-section-head h2{color:#fff}.portal-section-dark .portal-section-head>a{color:#9ed5ff}.portal-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.portal-trust-grid>div{border:1px solid rgba(255,255,255,.11);border-radius:16px;padding:20px;background:rgba(255,255,255,.045)}.portal-trust-grid i{width:42px;height:42px;border-radius:12px;background:rgba(215,182,111,.12);color:#f1d79d;display:grid;place-items:center;font-style:normal;font-weight:900}.portal-trust-grid h3{font-size:16px;margin:16px 0 8px}.portal-trust-grid p{font-size:12px;color:#a9bfd0;margin:0}.portal-cta{padding:45px 0;background:linear-gradient(100deg,#f6f9fc,#edf4fa)}.portal-cta .portal-container{display:flex;justify-content:space-between;align-items:center;gap:24px}.portal-cta h2{margin:0 0 8px;font-size:34px}.portal-cta p{margin:0;color:#65758b}.portal-cta .portal-btn{margin-left:8px}.portal-footer{background:#03111f;color:#b9c9d8;padding:46px 0 0}.portal-footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:35px}.portal-footer .portal-brand{color:#fff}.portal-footer .portal-brand small{color:#8fa8bf}.portal-footer p{font-size:12px;line-height:1.8;max-width:370px;margin-top:18px}.portal-footer-grid>div:not(:first-child)>b{color:#fff;font-size:12px;display:block;margin-bottom:15px}.portal-footer-grid>div:not(:first-child)>a{display:block;color:#9eb4c6;font-size:11px;margin:10px 0}.portal-footer-bottom{margin-top:35px;padding:16px 0;border-top:1px solid rgba(255,255,255,.1);font-size:10px}.portal-lead-overlay{position:fixed;inset:0;background:rgba(3,17,31,.7);z-index:2000;display:grid;place-items:center;padding:20px}.portal-lead-modal{position:relative;background:#fff;color:#142235;border-radius:18px;padding:28px;max-width:500px;width:100%;box-shadow:0 30px 90px rgba(0,0,0,.3)}.portal-modal-close{position:absolute;right:15px;top:15px;border:0;background:#edf3f7;border-radius:8px;padding:7px;cursor:pointer}.portal-lead-modal>small{font-size:10px;color:#1b6eea;font-weight:900;letter-spacing:.1em}.portal-lead-modal h3{margin:10px 0 5px;font-size:24px}.portal-lead-modal>p{font-size:12px;color:#65758b}.portal-analysis{background:#f2f7fb;border:1px solid #dce7ef;border-radius:10px;padding:12px;margin:14px 0}.portal-analysis b,.portal-analysis span,.portal-analysis em{display:block}.portal-analysis b{color:#1b6eea;font-size:12px}.portal-analysis span{font-size:11px;color:#536a80;margin-top:5px}.portal-analysis em{font-size:10px;color:#0c8d66;margin-top:7px;font-style:normal;font-weight:800}.portal-lead-modal form{display:grid;gap:10px}.portal-lead-modal input:not([type=checkbox]){width:100%;padding:11px;border:1px solid #dce5ee;border-radius:8px;outline:none}.portal-lead-modal label{font-size:10px;color:#65758b}.portal-success{text-align:center;padding:25px 5px;color:#0c8d66}.portal-success h3{color:#142235}
@media(max-width:1050px){.portal-nav{gap:0}.portal-nav a{padding-inline:5px;font-size:10px}.portal-header-inner{gap:10px}.portal-category-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.portal-topbar-inner{font-size:10px}.portal-topbar-inner>span:last-child{display:none}.portal-header-inner{height:66px}.portal-nav{display:none}.portal-header-actions .portal-btn-outline{display:none}.portal-hero-grid,.portal-ai-grid,.portal-market-grid,.portal-trade-grid{grid-template-columns:1fr}.portal-hero-grid{padding:52px 0 45px}.portal-hero h1{font-size:46px}.portal-search{grid-template-columns:1fr}.portal-search select{border-right:0;border-bottom:1px solid #e3e9ef}.portal-search button{height:43px;justify-content:center;margin-top:4px}.portal-signals{grid-template-columns:repeat(2,1fr)}.portal-signals>div{padding:15px}.portal-section{padding:52px 0}.portal-section-head{display:block}.portal-section-head>a{display:inline-block;margin-top:12px}.portal-category-grid,.portal-company-grid,.portal-trust-grid{grid-template-columns:1fr}.portal-flow{grid-template-columns:repeat(2,1fr)}.portal-cta .portal-container{display:block}.portal-cta .portal-btn{margin:15px 8px 0 0}.portal-footer-grid{grid-template-columns:1fr 1fr}.portal-footer-grid>div:first-child{grid-column:1/-1}}

.portal-route-nav{background:#061a2d;color:#bbd1e2;border-bottom:1px solid rgba(255,255,255,.1)}.portal-route-nav .portal-container{min-height:38px;display:flex;gap:22px;align-items:center;overflow:auto}.portal-route-nav a{font-size:11px;white-space:nowrap}.portal-route-nav a:hover{color:#fff}.portal-sub-hero{background:linear-gradient(130deg,#061421,#0a2237 58%,#0c2d49);color:#fff;padding:66px 0 58px}.portal-sub-hero h1{font-size:clamp(40px,5vw,67px);line-height:1;letter-spacing:-.05em;margin:18px 0 15px;max-width:850px}.portal-sub-hero p{font-size:16px;line-height:1.8;color:#bdd0e0;max-width:760px;margin-bottom:25px}.portal-sub-hero .portal-btn{margin-right:8px}.portal-sub-hero .portal-btn-outline{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff}.portal-sub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.portal-sub-card{border:1px solid #dce5ee;border-radius:16px;background:#fff;padding:22px;min-height:190px;transition:.2s ease}.portal-sub-card:hover{transform:translateY(-3px);box-shadow:0 20px 60px rgba(14,38,67,.12);border-color:#b9d2eb}.portal-sub-card i{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#edf4fb;color:#1b6eea;font-style:normal}.portal-sub-card h2{font-size:19px;margin:16px 0 7px}.portal-sub-card p{font-size:12px;color:#65758b;line-height:1.7}.portal-sub-card span{display:flex;align-items:center;gap:6px;color:#1b6eea;font-size:11px;font-weight:800}.portal-sub-cta{margin-top:38px;padding:30px;border-radius:18px;background:linear-gradient(110deg,#071a2b,#124a74);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:24px}.portal-sub-cta small{color:#f1d79d;font-weight:800;font-size:10px;letter-spacing:.1em}.portal-sub-cta h2{margin:8px 0;color:#fff}.portal-sub-cta p{color:#bcd3e5;font-size:12px;max-width:650px}.admin-shell{min-height:100vh;background:#f3f7fb;color:#142235}.admin-top{height:66px;background:#071a2b;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 28px;font-size:12px}.admin-container{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:55px 0}.admin-container h1{font-size:48px;margin:16px 0 10px}.admin-lead{color:#65758b;max-width:720px}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:35px 0}.admin-stat,.admin-panel{background:#fff;border:1px solid #dce5ee;border-radius:14px;padding:20px}.admin-stat small,.admin-stat span{display:block;color:#708297;font-size:11px}.admin-stat b{display:block;font-size:34px;color:#1b6eea;margin:10px 0}.admin-panel{padding:0;overflow:hidden}.admin-panel header,.admin-row{padding:17px 20px;border-bottom:1px solid #edf2f6;display:flex;justify-content:space-between;align-items:center}.admin-panel header span{font-size:10px;color:#0c8d66}.admin-row:last-child{border:0}.admin-row span{font-size:13px}.admin-row button{border:0;background:#edf4fb;color:#1b6eea;border-radius:8px;padding:8px 10px;font-size:11px;font-weight:800}@media(max-width:760px){.portal-sub-grid{grid-template-columns:1fr}.portal-sub-cta{display:block}.portal-sub-cta .portal-btn{margin-top:10px}.admin-grid{grid-template-columns:1fr 1fr}.admin-top{padding:0 15px}.admin-top span{display:none}}
.brand-mark::before {
  width: 19px;
  height: 19px;
}
.brand-mark::after {
  width: 27px;
  height: 27px;
  opacity: 0.45;
}
.brand-mark span {
  position: relative;
  z-index: 1;
}
.brand-text strong {
  display: block;
  font-size: 15px;
  letter-spacing: 0.04em;
}
.brand-text small {
  display: block;
  margin-top: 1px;
  color: #b9c9e4;
  font-size: 11px;
}
.nav-links {
  display: flex;
  align-items: center;
  gap: 27px;
  color: #dbe7fb;
  font-size: 13px;
  font-weight: 700;
}
.nav-links a {
  position: relative;
}
.nav-links a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: -10px;
  height: 2px;
  background: var(--cyan-400);
  transition: 0.2s;
}
.nav-links a:hover::after {
  right: 0;
}
.ai-tag {
  position: absolute;
  top: -15px;
  right: -12px;
  font-size: 8px;
  line-height: 1;
  padding: 3px 4px;
  border-radius: 4px;
  background: var(--blue-500);
  color: white;
}
.nav-actions {
  display: flex;
  align-items: center;
  gap: 14px;
}
.language {
  display: flex;
  align-items: center;
  gap: 8px;
  color: white;
  font-size: 12px;
  font-weight: 800;
}
.language button {
  border: 0;
  background: transparent;
  color: #a9bad8;
  padding: 5px;
}
.language button.active {
  color: white;
}
.btn {
  border: 0;
  border-radius: 11px;
  min-height: 44px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  font-weight: 800;
  transition: 0.2s ease;
  white-space: nowrap;
}
.btn:hover {
  transform: translateY(-2px);
}
.btn-primary {
  color: white;
  background: linear-gradient(135deg, var(--blue-600), #0043c8);
  box-shadow: 0 10px 24px rgba(20, 104, 255, 0.3);
}
.btn-red {
  color: white;
  background: linear-gradient(135deg, var(--red-500), #d30d20);
  box-shadow: 0 10px 24px rgba(225, 34, 47, 0.28);
}
.btn-white {
  color: var(--blue-700);
  background: white;
  box-shadow: var(--shadow-sm);
}
.btn-outline {
  color: white;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.24);
}
.btn-ghost {
  color: var(--blue-600);
  background: #eff5ff;
}
.menu-toggle {
  display: none;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 11px;
  color: white;
  background: rgba(255, 255, 255, 0.05);
}

/* Hero */
.hero {
  position: relative;
  min-height: 820px;
  padding: 150px 0 135px;
  color: white;
  background: linear-gradient(
      90deg,
      rgba(2, 10, 30, 0.98) 0%,
      rgba(4, 21, 57, 0.9) 43%,
      rgba(4, 24, 65, 0.45) 75%,
      rgba(2, 12, 37, 0.72) 100%
    ),
    url("https://images.unsplash.com/photo-1581092918056-0c4c3acd3789?auto=format&fit=crop&w=2200&q=88")
      center/cover no-repeat;
  overflow: hidden;
}
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(45, 142, 255, 0.11) 1px, transparent 1px),
    linear-gradient(90deg, rgba(45, 142, 255, 0.11) 1px, transparent 1px);
  background-size: 60px 60px;
  -webkit-mask-image: linear-gradient(to bottom, black, transparent 88%);
  mask-image: linear-gradient(to bottom, black, transparent 88%);
}
.hero::after {
  content: "";
  position: absolute;
  width: 720px;
  height: 720px;
  right: -140px;
  top: 85px;
  border-radius: 50%;
  background: radial-gradient(
    circle at center,
    rgba(31, 155, 255, 0.2),
    rgba(8, 81, 219, 0.08) 48%,
    transparent 70%
  );
  border: 1px solid rgba(68, 176, 255, 0.15);
  box-shadow: 0 0 140px rgba(17, 112, 255, 0.25), inset 0 0 100px rgba(16, 113, 255, 0.15);
}
.hero-inner {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 44px;
  align-items: center;
}
.hero-title .accent {
  display: block;
  color: transparent;
  background: linear-gradient(90deg, white 0%, #9ddcff 52%, #6ba5ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
}
.hero-title .china {
  position: relative;
  display: inline-block;
}
.hero-title .china::after {
  content: "CN";
  position: absolute;
  right: -45px;
  top: -14px;
  font-size: 10px;
  letter-spacing: 0.12em;
  padding: 4px 7px;
  border-radius: 5px;
  color: white;
  background: var(--red-500);
}
.hero-copy {
  max-width: 610px;
}
.hero-pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 23px;
  padding: 8px 12px;
  border-radius: 999px;
  color: #d9ecff;
  border: 1px solid rgba(91, 192, 255, 0.27);
  background: rgba(13, 84, 180, 0.18);
  font-size: 12px;
  font-weight: 700;
  backdrop-filter: blur(10px);
}
.hero-pill svg {
  color: var(--cyan-400);
}
.hero-search {
  margin-top: 28px;
  max-width: 660px;
  padding: 8px;
  border-radius: 15px;
  display: grid;
  grid-template-columns: 120px 1fr auto;
  background: white;
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.28);
}
.hero-search select,
.hero-search input {
  border: 0;
  background: transparent;
  min-width: 0;
  outline: 0;
  color: #33435f;
}
.hero-search select {
  padding-inline: 12px;
  border-right: 1px solid #e1e8f4;
  font-weight: 700;
}
.hero-search input {
  padding: 0 16px;
}
.hero-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 16px;
}
.hero-visual {
  position: relative;
  min-height: 530px;
}
.digital-globe {
  position: absolute;
  width: 430px;
  height: 430px;
  right: 65px;
  top: 38px;
  border-radius: 50%;
  background: radial-gradient(circle at 32% 27%, rgba(103, 218, 255, 0.85), transparent 3%),
    radial-gradient(circle at 58% 66%, rgba(74, 164, 255, 0.75), transparent 2.5%),
    radial-gradient(circle at 70% 34%, rgba(107, 232, 255, 0.8), transparent 2.7%),
    radial-gradient(circle at 48% 48%, rgba(25, 116, 255, 0.3), rgba(3, 27, 81, 0.68) 54%, rgba(0, 12, 44, 0.95) 72%);
  border: 1px solid rgba(113, 215, 255, 0.55);
  box-shadow: 0 0 75px rgba(32, 139, 255, 0.48), inset 0 0 50px rgba(63, 170, 255, 0.32);
  overflow: hidden;
  animation: float 6s ease-in-out infinite;
}
.digital-globe::before,
.digital-globe::after {
  content: "";
  position: absolute;
  inset: 8%;
  border: 1px solid rgba(111, 211, 255, 0.38);
  border-radius: 50%;
}
.digital-globe::before {
  transform: rotate(18deg) scaleX(0.42);
}
.digital-globe::after {
  transform: rotate(-14deg) scaleY(0.43);
}
.globe-grid {
  position: absolute;
  inset: 0;
  background: repeating-radial-gradient(
    circle at center,
    transparent 0 34px,
    rgba(91, 190, 255, 0.17) 35px 36px
  );
}
.globe-orbit {
  position: absolute;
  width: 520px;
  height: 180px;
  right: 18px;
  top: 160px;
  border: 1px solid rgba(82, 197, 255, 0.42);
  border-radius: 50%;
  transform: rotate(-10deg);
  box-shadow: 0 0 22px rgba(44, 151, 255, 0.25);
}
.globe-orbit.second {
  transform: rotate(35deg);
  width: 470px;
  right: 38px;
  top: 155px;
}
.robot-arm {
  position: absolute;
  right: -20px;
  bottom: 0;
  width: 280px;
  height: 330px;
  filter: drop-shadow(0 28px 40px rgba(0, 0, 0, 0.42));
}
.robot-arm .base {
  position: absolute;
  bottom: 10px;
  right: 30px;
  width: 150px;
  height: 62px;
  background: linear-gradient(145deg, #d9e5f4, #7185a4 48%, #dceafb);
  clip-path: polygon(12% 0, 88% 0, 100% 100%, 0 100%);
  border-radius: 10px;
}
.robot-arm .seg {
  position: absolute;
  height: 52px;
  border-radius: 30px;
  background: linear-gradient(180deg, #f7fbff, #7f93ae 48%, #e7f2ff);
  border: 1px solid rgba(255, 255, 255, 0.7);
  box-shadow: inset 0 -8px 15px rgba(16, 42, 84, 0.28);
  transform-origin: 20px 26px;
}
.robot-arm .seg.one {
  width: 180px;
  right: 83px;
  bottom: 85px;
  transform: rotate(-58deg);
}
.robot-arm .seg.two {
  width: 165px;
  right: 125px;
  bottom: 220px;
  transform: rotate(16deg);
}
.robot-arm .joint {
  position: absolute;
  width: 66px;
  height: 66px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    #0f58ca 0 18%,
    #d8e7f8 19% 45%,
    #7187a6 47% 64%,
    #dbeafa 67%
  );
  box-shadow: 0 0 24px rgba(52, 150, 255, 0.6);
}
.robot-arm .joint.a {
  right: 105px;
  bottom: 70px;
}
.robot-arm .joint.b {
  right: 225px;
  bottom: 192px;
}
.robot-arm .grip {
  position: absolute;
  right: 262px;
  bottom: 242px;
  width: 78px;
  height: 24px;
  background: linear-gradient(180deg, #edf6ff, #6c819f);
  border-radius: 12px;
  transform: rotate(8deg);
}
.float-card {
  position: absolute;
  min-width: 155px;
  padding: 13px 14px;
  border-radius: 13px;
  color: white;
  background: linear-gradient(145deg, rgba(8, 50, 123, 0.72), rgba(3, 23, 71, 0.6));
  border: 1px solid rgba(90, 192, 255, 0.25);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(14px);
  font-size: 11px;
  animation: float 5.4s ease-in-out infinite;
}
.float-card strong {
  display: block;
  font-size: 12px;
  margin-bottom: 4px;
}
.float-card svg {
  color: var(--cyan-400);
  width: 18px;
  vertical-align: middle;
  margin-right: 5px;
}
.fc-1 {
  left: 10px;
  top: 28px;
}
.fc-2 {
  right: 0;
  top: 58px;
  animation-delay: -1.4s;
}
.fc-3 {
  left: -5px;
  bottom: 95px;
  animation-delay: -0.8s;
}
.fc-4 {
  right: 2px;
  bottom: 90px;
  animation-delay: -2.1s;
}
@keyframes float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

/* Stats */
.stats-wrap {
  position: relative;
  z-index: 4;
  margin-top: -62px;
}
.stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  background: white;
  border-radius: 18px;
  box-shadow: var(--shadow-lg);
  overflow: hidden;
  border: 1px solid rgba(215, 229, 248, 0.9);
}
.stat {
  padding: 26px 28px;
  display: flex;
  gap: 16px;
  align-items: center;
  position: relative;
}
.stat:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 22%;
  bottom: 22%;
  width: 1px;
  background: #e4ebf6;
}
.stat-icon {
  width: 46px;
  height: 46px;
  border-radius: 13px;
  display: grid;
  place-items: center;
  color: var(--blue-600);
  background: #eef5ff;
}
.stat strong {
  display: block;
  font-size: 24px;
  color: var(--blue-700);
  line-height: 1.1;
}
.stat span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  margin-top: 4px;
}

/* Cards */
.industry-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 14px;
}
.industry-card {
  min-height: 155px;
  padding: 18px 14px 16px;
  border-radius: 16px;
  background: white;
  border: 1px solid #e3ebf7;
  box-shadow: var(--shadow-sm);
  text-align: center;
  transition: 0.23s ease;
}
.industry-card:hover {
  transform: translateY(-7px);
  border-color: #bcd5ff;
  box-shadow: var(--shadow-md);
}
.industry-icon {
  width: 62px;
  height: 62px;
  margin: 0 auto 14px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  color: var(--blue-600);
  background: linear-gradient(145deg, #f8fbff, #e3efff);
  position: relative;
  overflow: hidden;
}
.industry-icon::after {
  content: "";
  position: absolute;
  width: 35px;
  height: 35px;
  top: -15px;
  right: -12px;
  background: var(--cyan-400);
  filter: blur(18px);
  opacity: 0.45;
}
.industry-card strong {
  font-size: 13px;
}
.industry-card small {
  display: block;
  margin-top: 5px;
  color: #8693a9;
  font-size: 10px;
}

.factory-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.factory-card {
  background: white;
  border: 1px solid #e0e9f6;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: 0.25s;
}
.factory-card:hover {
  transform: translateY(-7px);
  box-shadow: var(--shadow-md);
}
.factory-image {
  height: 172px;
  position: relative;
  overflow: hidden;
}
.factory-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.4s;
}
.factory-card:hover .factory-image img {
  transform: scale(1.05);
}
.verified-badge {
  position: absolute;
  left: 12px;
  top: 12px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(5, 39, 103, 0.86);
  color: white;
  font-size: 9px;
  font-weight: 800;
  backdrop-filter: blur(8px);
}
.factory-body {
  padding: 18px;
}
.factory-name {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 9px;
}
.factory-name h3 {
  font-size: 16px;
  margin-bottom: 0;
}
.check {
  color: var(--blue-600);
  flex: 0 0 auto;
}
.tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 15px;
}
.tag {
  font-size: 9px;
  font-weight: 700;
  color: #426185;
  background: #eff5fc;
  border: 1px solid #dce9f8;
  padding: 5px 7px;
  border-radius: 6px;
}
.factory-meta {
  display: grid;
  gap: 9px;
  color: #63748f;
  font-size: 11px;
  margin-bottom: 16px;
}
.factory-meta span {
  display: flex;
  align-items: center;
  gap: 7px;
}
.factory-card .btn {
  min-height: 38px;
  width: 100%;
  font-size: 12px;
}

.product-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 14px;
}
.product-card {
  background: white;
  border: 1px solid #e3ebf7;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: 0.23s;
}
.product-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-md);
}
.product-image {
  height: 132px;
  padding: 14px;
  position: relative;
  background: linear-gradient(145deg, #f9fbff, #eaf2fd);
}
.product-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  mix-blend-mode: multiply;
}
.product-body {
  padding: 13px 14px 15px;
}
.product-body strong {
  display: block;
  font-size: 12px;
  margin-bottom: 4px;
}
.product-body small {
  color: #7a8aa3;
  font-size: 10px;
}

/* Skeleton loading */
.skeleton-card {
  background: white;
  border: 1px solid #e0e9f6;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: var(--shadow-sm);
}
.skeleton-image {
  height: 172px;
  background: linear-gradient(90deg, #f0f4fa 25%, #e4ebf5 50%, #f0f4fa 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
}
.skeleton-product {
  background: white;
  border: 1px solid #e3ebf7;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: var(--shadow-sm);
}
.skeleton-product-image {
  height: 132px;
  background: linear-gradient(90deg, #f0f4fa 25%, #e4ebf5 50%, #f0f4fa 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
}
.skeleton-body {
  padding: 18px;
}
.skeleton-line {
  height: 12px;
  border-radius: 6px;
  background: linear-gradient(90deg, #f0f4fa 25%, #e4ebf5 50%, #f0f4fa 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  margin-bottom: 10px;
}
.skeleton-line.short {
  width: 60%;
}
.skeleton-line.medium {
  width: 80%;
}
@keyframes shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

/* AI panel */
.ai-section {
  background: linear-gradient(140deg, #04143a, #07266a 55%, #06399a);
  color: white;
  position: relative;
  overflow: hidden;
}
.ai-section::before {
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  left: -210px;
  top: -220px;
  background: radial-gradient(circle, rgba(54, 203, 255, 0.28), transparent 66%);
}
.ai-section::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(73, 166, 255, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(73, 166, 255, 0.08) 1px, transparent 1px);
  background-size: 42px 42px;
  -webkit-mask-image: linear-gradient(90deg, black, transparent);
  mask-image: linear-gradient(90deg, black, transparent);
}
.ai-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 0.8fr 1.05fr 0.7fr;
  gap: 28px;
  align-items: center;
}
.ai-orb {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  margin-bottom: 20px;
  font-size: 36px;
  font-weight: 900;
  background: radial-gradient(circle, #42dcff 0 4%, #0c77f2 30%, #061a54 68%);
  border: 1px solid rgba(117, 223, 255, 0.7);
  box-shadow: 0 0 50px rgba(33, 168, 255, 0.55), inset 0 0 35px rgba(78, 197, 255, 0.4);
  position: relative;
}
.ai-orb::before,
.ai-orb::after {
  content: "";
  position: absolute;
  inset: -13px;
  border: 1px solid rgba(88, 199, 255, 0.35);
  border-radius: 50%;
}
.ai-orb::after {
  inset: -25px;
  opacity: 0.45;
}
.ai-features {
  padding: 0;
  margin: 20px 0 0;
  list-style: none;
  display: grid;
  gap: 11px;
  color: #d7e9ff;
  font-size: 13px;
}
.ai-features li {
  display: flex;
  gap: 9px;
  align-items: center;
}
.ai-features svg {
  color: var(--cyan-400);
  width: 17px;
}
.chat-demo {
  background: white;
  border-radius: 18px;
  color: var(--ink);
  padding: 17px;
  box-shadow: 0 24px 65px rgba(0, 0, 0, 0.26);
}
.chat-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 12px;
  border-bottom: 1px solid #e5ebf4;
}
.chat-head strong {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
}
.online {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--success);
  box-shadow: 0 0 0 5px rgba(18, 185, 129, 0.12);
}
.chat-area {
  min-height: 190px;
  padding: 15px 0;
}
.bubble {
  max-width: 84%;
  background: #eff5ff;
  border-radius: 12px 12px 12px 3px;
  padding: 12px;
  color: #415471;
  font-size: 11px;
}
.quick-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 12px;
}
.quick-chips span {
  padding: 6px 8px;
  border-radius: 7px;
  background: white;
  border: 1px solid #dce7f6;
  color: #456185;
  font-size: 9px;
}
.chat-input {
  height: 42px;
  border: 1px solid #dbe4f1;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px 0 12px;
  color: #9aa6b8;
  font-size: 10px;
}
.chat-send {
  width: 29px;
  height: 29px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 8px;
  color: white;
  background: var(--blue-600);
}
.crm-card {
  border: 1px solid rgba(115, 202, 255, 0.25);
  border-radius: 18px;
  background: rgba(2, 25, 79, 0.48);
  padding: 24px;
  backdrop-filter: blur(12px);
}
.crm-cube {
  height: 130px;
  display: grid;
  place-items: center;
  position: relative;
  margin-top: 10px;
}
.cube-shape {
  width: 90px;
  height: 90px;
  transform: rotate(30deg) skew(-5deg);
  border: 1px solid rgba(93, 209, 255, 0.78);
  background: linear-gradient(145deg, rgba(42, 164, 255, 0.28), rgba(5, 41, 113, 0.5));
  box-shadow: 0 0 40px rgba(50, 172, 255, 0.38), inset 0 0 28px rgba(48, 177, 255, 0.3);
  display: grid;
  place-items: center;
}
.cube-shape span {
  transform: skew(5deg) rotate(-30deg);
  text-align: center;
  font-size: 13px;
  font-weight: 900;
}

/* Regions */
.regions {
  background: white;
}
.regions-grid {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 32px;
}
.china-network {
  min-height: 390px;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, #f6faff, #e6f0ff);
  border: 1px solid #dfe9f7;
}
.china-network::before {
  content: "CHINA";
  position: absolute;
  right: 4%;
  bottom: -4%;
  font-size: 128px;
  font-weight: 900;
  letter-spacing: -0.06em;
  color: rgba(24, 103, 224, 0.055);
}
.network-title {
  position: absolute;
  left: 30px;
  top: 28px;
  z-index: 2;
}
.network-title strong {
  display: block;
  font-size: 18px;
}
.network-title span {
  color: var(--muted);
  font-size: 12px;
}
.cluster-map {
  position: absolute;
  inset: 85px 25px 20px;
}
.cluster {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 11px;
  border-radius: 10px;
  color: #27405f;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid #dce8f8;
  box-shadow: 0 8px 18px rgba(7, 45, 106, 0.08);
  font-size: 10px;
  font-weight: 800;
}
.cluster::before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--blue-600);
  box-shadow: 0 0 0 6px rgba(20, 104, 255, 0.12);
}
.cluster.c1 {
  left: 10%;
  bottom: 12%;
}
.cluster.c2 {
  left: 33%;
  bottom: 30%;
}
.cluster.c3 {
  left: 53%;
  top: 22%;
}
.cluster.c4 {
  right: 8%;
  top: 34%;
}
.cluster.c5 {
  right: 18%;
  bottom: 13%;
}
.cluster.c6 {
  left: 15%;
  top: 23%;
}
.route {
  position: absolute;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--blue-500), transparent);
  transform-origin: left center;
  opacity: 0.55;
}
.route.r1 {
  width: 56%;
  left: 16%;
  bottom: 24%;
  transform: rotate(-19deg);
}
.route.r2 {
  width: 48%;
  left: 30%;
  top: 47%;
  transform: rotate(17deg);
}
.route.r3 {
  width: 45%;
  left: 19%;
  top: 36%;
  transform: rotate(5deg);
}
.region-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.region-item {
  padding: 18px;
  border-radius: 16px;
  background: #f5f9ff;
  border: 1px solid #e0eaf7;
}
.region-item strong {
  display: block;
  font-size: 13px;
  color: #22405f;
  margin-bottom: 4px;
}
.region-item span {
  color: #74839a;
  font-size: 11px;
}
.world-panel {
  margin-top: 14px;
  min-height: 170px;
  padding: 24px;
  border-radius: 20px;
  color: white;
  background: radial-gradient(circle at 70% 40%, rgba(29, 137, 255, 0.42), transparent 30%),
    linear-gradient(140deg, #04153b, #072f7d);
  position: relative;
  overflow: hidden;
}
.world-panel::after {
  content: "";
  position: absolute;
  width: 280px;
  height: 130px;
  right: -15px;
  top: 20px;
  border-radius: 50%;
  border: 1px solid rgba(82, 185, 255, 0.36);
  box-shadow: inset 0 0 40px rgba(61, 176, 255, 0.15);
  transform: rotate(-10deg);
}
.world-panel h3 {
  margin-bottom: 8px;
}
.world-panel p {
  color: #bcd5f5;
  font-size: 12px;
  max-width: 280px;
}

/* Trust */
.trust-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr) 1.5fr;
  gap: 18px;
  align-items: stretch;
}
.trust-card {
  padding: 20px;
  border-radius: 16px;
  background: white;
  border: 1px solid #e1eaf6;
  box-shadow: var(--shadow-sm);
}
.trust-card svg {
  color: var(--blue-600);
  width: 28px;
  height: 28px;
  margin-bottom: 12px;
}
.trust-card strong {
  display: block;
  font-size: 13px;
  margin-bottom: 5px;
}
.trust-card span {
  color: var(--muted);
  font-size: 11px;
}
.certs {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 12px;
  padding: 18px;
  border-radius: 16px;
  background: #f4f8ff;
  border: 1px solid #e0e9f6;
}
.cert {
  text-align: center;
  color: #1a3152;
  font-weight: 900;
  font-size: 18px;
}
.cert small {
  display: block;
  color: #8390a4;
  font-size: 8px;
  letter-spacing: 0.12em;
}

/* CTA / Footer */
.final-cta {
  padding: 46px 0;
  color: white;
  background: linear-gradient(100deg, #06183f, #093a95);
  position: relative;
  overflow: hidden;
}
.final-cta::before {
  content: "";
  position: absolute;
  width: 480px;
  height: 480px;
  right: -180px;
  top: -225px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(48, 188, 255, 0.38), transparent 65%);
}
.cta-inner {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}
.cta-inner h2 {
  font-size: 34px;
  margin-bottom: 7px;
}
.cta-inner p {
  color: #c6daf4;
  margin-bottom: 0;
}
.cta-actions {
  display: flex;
  gap: 12px;
}
footer {
  background: #020d25;
  color: #afc0da;
  padding: 58px 0 22px;
}
.footer-grid {
  display: grid;
  grid-template-columns: 1.45fr repeat(4, 1fr);
  gap: 42px;
}
.footer-brand p {
  font-size: 12px;
  max-width: 250px;
  margin: 17px 0;
}
.footer-title {
  color: white;
  font-weight: 800;
  font-size: 13px;
  margin-bottom: 14px;
}
.footer-links {
  display: grid;
  gap: 9px;
  font-size: 11px;
}
.footer-links a:hover {
  color: white;
}
.socials {
  display: flex;
  gap: 8px;
}
.socials a {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: rgba(255, 255, 255, 0.07);
  color: white;
}
.socials svg {
  width: 14px;
}
.footer-bottom {
  margin-top: 42px;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.09);
  display: flex;
  justify-content: space-between;
  gap: 20px;
  font-size: 10px;
}

/* Floating chat */
.chat-fab {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 800;
  width: 58px;
  height: 58px;
  border: 0;
  border-radius: 18px;
  color: white;
  background: linear-gradient(145deg, var(--blue-500), #0a48c6);
  box-shadow: 0 18px 35px rgba(16, 86, 214, 0.38);
  display: grid;
  place-items: center;
}
.chat-fab::after {
  content: "AI";
  position: absolute;
  top: -6px;
  right: -4px;
  background: var(--red-500);
  font-size: 8px;
  padding: 4px 5px;
  border-radius: 6px;
  font-weight: 900;
}
.chat-fab svg {
  width: 25px;
  height: 25px;
}

/* Modal */
.modal {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(1, 7, 20, 0.68);
  backdrop-filter: blur(10px);
}
.modal.open {
  display: flex;
}
.modal-card {
  width: min(650px, 100%);
  max-height: 90vh;
  overflow: auto;
  border-radius: 24px;
  background: white;
  box-shadow: 0 35px 100px rgba(0, 0, 0, 0.36);
}
.modal-head {
  padding: 24px 26px;
  color: white;
  background: linear-gradient(140deg, #06183f, #0a4dde);
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
}
.modal-head h3 {
  margin-bottom: 3px;
}
.modal-head p {
  margin: 0;
  color: #c9dcf7;
  font-size: 11px;
}
.modal-close {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 11px;
  color: white;
  background: rgba(255, 255, 255, 0.08);
  display: grid;
  place-items: center;
}
.modal-body {
  padding: 26px;
}
.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.field {
  display: grid;
  gap: 7px;
}
.field.full {
  grid-column: 1 / -1;
}
.field label {
  font-size: 11px;
  font-weight: 800;
  color: #455a77;
}
.field input,
.field select,
.field textarea {
  width: 100%;
  border: 1px solid #dce5f2;
  border-radius: 11px;
  padding: 12px 13px;
  outline: none;
  background: #fafdff;
  color: #203653;
}
.field input:focus,
.field select:focus,
.field textarea:focus {
  border-color: var(--blue-500);
  box-shadow: 0 0 0 4px rgba(20, 104, 255, 0.09);
}
.field textarea {
  min-height: 110px;
  resize: vertical;
}
.form-note {
  margin-top: 14px;
  padding: 12px 14px;
  border-radius: 10px;
  color: #5d708e;
  background: #f1f6fd;
  font-size: 10px;
}
.modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 20px;
}

.toast {
  position: fixed;
  left: 50%;
  bottom: 30px;
  z-index: 3000;
  transform: translate(-50%, 140px);
  opacity: 0;
  padding: 13px 18px;
  border-radius: 12px;
  color: white;
  background: #0c244f;
  box-shadow: var(--shadow-md);
  font-size: 12px;
  transition: 0.28s;
}
.toast.show {
  opacity: 1;
  transform: translate(-50%, 0);
}

/* Responsive */
@media (max-width: 1100px) {
  .nav-links {
    display: none;
    position: absolute;
    top: 76px;
    left: 0;
    right: 0;
    padding: 22px;
    background: rgba(3, 14, 39, 0.98);
    flex-direction: column;
    align-items: flex-start;
  }
  .nav-links.open {
    display: flex;
  }
  .menu-toggle {
    display: grid;
    place-items: center;
  }
  .hero-inner {
    grid-template-columns: 1fr;
  }
  .hero-visual {
    min-height: 420px;
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
  }
  .hero {
    padding-bottom: 125px;
  }
  .stats {
    grid-template-columns: repeat(2, 1fr);
  }
  .stat:nth-child(2)::after {
    display: none;
  }
  .stat:nth-child(-n + 2) {
    border-bottom: 1px solid #e4ebf6;
  }
  .industry-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  .factory-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .product-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .ai-grid {
    grid-template-columns: 1fr 1.2fr;
  }
  .crm-card {
    grid-column: 1 / -1;
  }
  .regions-grid {
    grid-template-columns: 1fr;
  }
  .trust-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .certs {
    grid-column: 1 / -1;
  }
  .footer-grid {
    grid-template-columns: 1.4fr repeat(2, 1fr);
  }
}

@media (max-width: 720px) {
  .container {
    width: min(100% - 28px, var(--container));
  }
  .section {
    padding: 62px 0;
  }
  .site-header .btn-red,
  .language {
    display: none;
  }
  .brand {
    min-width: auto;
  }
  .brand-text strong {
    font-size: 13px;
  }
  .hero {
    min-height: auto;
    padding: 122px 0 104px;
  }
  .hero-inner {
    gap: 18px;
  }
  h1 {
    font-size: 45px;
  }
  .lead {
    font-size: 15px;
  }
  .hero-search {
    grid-template-columns: 1fr auto;
  }
  .hero-search select {
    display: none;
  }
  .hero-search input {
    padding: 0 12px;
  }
  .hero-visual {
    min-height: 330px;
    transform: scale(0.87);
    transform-origin: top center;
    margin-bottom: -40px;
  }
  .digital-globe {
    width: 310px;
    height: 310px;
    right: 34px;
    top: 24px;
  }
  .globe-orbit {
    width: 370px;
    right: 0;
    top: 123px;
  }
  .globe-orbit.second {
    width: 335px;
    right: 18px;
    top: 120px;
  }
  .robot-arm {
    transform: scale(0.72);
    transform-origin: bottom right;
    right: -40px;
  }
  .float-card {
    transform: scale(0.85);
  }
  .fc-2,
  .fc-4 {
    display: none;
  }
  .stats-wrap {
    margin-top: -42px;
  }
  .stats {
    grid-template-columns: 1fr 1fr;
  }
  .stat {
    padding: 20px 14px;
    gap: 10px;
  }
  .stat-icon {
    width: 38px;
    height: 38px;
  }
  .stat strong {
    font-size: 18px;
  }
  .section-head {
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 22px;
  }
  .industry-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .factory-grid {
    grid-template-columns: 1fr;
  }
  .product-grid {
    display: flex;
    overflow-x: auto;
    padding-bottom: 8px;
    scroll-snap-type: x mandatory;
  }
  .product-card {
    min-width: 165px;
    scroll-snap-align: start;
  }
  .ai-grid {
    grid-template-columns: 1fr;
  }
  .regions-grid {
    gap: 20px;
  }
  .china-network {
    min-height: 430px;
  }
  .region-list {
    grid-template-columns: 1fr;
  }
  .trust-grid {
    grid-template-columns: 1fr;
  }
  .certs {
    grid-column: auto;
    flex-wrap: wrap;
  }
  .cta-inner {
    align-items: flex-start;
    flex-direction: column;
  }
  .cta-actions {
    width: 100%;
    flex-direction: column;
  }
  .cta-actions .btn {
    width: 100%;
  }
  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }
  .footer-brand {
    grid-column: 1 / -1;
  }
  .footer-bottom {
    flex-direction: column;
  }
  .form-grid {
    grid-template-columns: 1fr;
  }
  .field.full {
    grid-column: auto;
  }
  .chat-fab {
    right: 16px;
    bottom: 16px;
  }
}

/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/app/cn-portal.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
.cn-site{--cream:#fbf8f2;--paper:#fffdf9;--gold:#b87922;--gold2:#d6b886;--brown:#4b382a;--ink2:#2e251f;--muted2:#8d7e70;background:var(--cream);color:var(--ink2);font-family:"Noto Serif SC","Songti SC","STSong",serif}.cn-site *{box-sizing:border-box}.cn-container{width:min(1320px,calc(100% - 64px));margin:auto}.cn-topbar{background:#4b382a;color:#e9d7b8;font:12px/34px "Noto Sans SC",sans-serif}.cn-topbar span{float:right;color:#d7c0a0}.cn-header{position:sticky;top:0;z-index:50;background:rgba(255,253,249,.96);border-bottom:1px solid rgba(164,120,66,.16);backdrop-filter:blur(14px)}.cn-header-inner{min-height:78px;display:flex;align-items:center;gap:28px}.cn-brand{display:flex;gap:10px;align-items:center;color:var(--brown);min-width:245px}.cn-brand b{display:block;font-size:23px;letter-spacing:.08em}.cn-brand small{display:block;font:9px "Noto Sans SC",sans-serif;color:#9f8462;letter-spacing:.08em}.cn-seal{width:38px;height:38px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:19px;font-weight:700;background:#fff}.cn-nav{display:flex;align-items:center;justify-content:space-between;flex:1}.cn-nav a{font:13px "Noto Sans SC",sans-serif;padding:30px 6px 25px;white-space:nowrap;color:#55463a;border-bottom:2px solid transparent}.cn-nav a:first-child,.cn-nav a:hover{color:var(--gold);border-color:var(--gold)}.cn-actions{display:flex;gap:8px;align-items:center}.cn-btn{border:1px solid transparent;border-radius:7px;padding:11px 18px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font:600 12px "Noto Sans SC",sans-serif;cursor:pointer;transition:.2s}.cn-btn:hover{transform:translateY(-1px)}.cn-btn-gold{background:linear-gradient(135deg,#c9933e,#a96616);color:white;box-shadow:0 8px 18px rgba(184,121,34,.18)}.cn-btn-dark{background:#2c211a;color:#fff}.cn-btn-ghost{color:var(--gold);background:transparent;border-color:var(--gold2)}.cn-btn-outline{background:rgba(255,255,255,.7);border-color:#cf9c57;color:#a56822}.cn-menu{display:none;border:0;background:none;color:var(--brown)}.cn-hero{background:#f6ebdc;overflow:hidden}.cn-hero-inner{min-height:400px;display:grid;grid-template-columns:1fr 1.1fr;align-items:stretch}.cn-hero-copy{padding:68px 0 62px;position:relative;z-index:2}.cn-kicker{font:600 11px "Noto Sans SC",sans-serif;color:var(--gold);letter-spacing:.14em}.cn-hero h1{font-size:clamp(40px,4.6vw,68px);line-height:1.18;letter-spacing:.02em;margin:18px 0;color:#2e251f}.cn-hero h1 em{font-style:normal;color:#8d541a}.cn-hero p{font:14px/1.9 "Noto Sans SC",sans-serif;color:#756456}.cn-hero-actions{display:flex;gap:12px;margin-top:22px}.cn-hero-image{position:relative;min-height:400px}.cn-hero-image:before{content:"";position:absolute;z-index:1;inset:0 0 0 -24%;background:linear-gradient(90deg,#f6ebdc,transparent 38%)}.cn-hero-image img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:55% 30%;object-position:55% 30%;mix-blend-mode:multiply}.cn-stats{display:grid;grid-template-columns:repeat(5,1fr);background:#fffdf9;border:1px solid rgba(164,120,66,.12);border-radius:17px;box-shadow:0 10px 28px rgba(100,62,23,.1);position:relative;margin-top:-20px;z-index:3}.cn-stats>div{padding:17px 20px;display:grid;grid-template-columns:30px 1fr;-moz-column-gap:8px;column-gap:8px;border-right:1px solid #efe4d4}.cn-stats>div:last-child{border:0}.cn-stats svg{grid-row:span 2;color:#c18a43;margin-top:4px;width:24px}.cn-stats b{color:#b66c18;font-size:22px;font-weight:500}.cn-stats span{font:10px "Noto Sans SC",sans-serif;color:#9b8a78}.cn-quick-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding:24px 0 42px}.cn-quick{min-height:114px;padding:17px 15px;display:flex;align-items:end;justify-content:space-between;border-radius:10px;color:var(--brown);background:linear-gradient(140deg,#f4e2c8,#ead0ab);position:relative;overflow:hidden}.cn-quick b,.cn-quick small,.cn-quick em{display:block}.cn-quick b{font-size:17px}.cn-quick small,.cn-quick em{font:11px/1.7 "Noto Sans SC",sans-serif}.cn-quick em{font-style:normal;margin-top:9px}.q1,.q4{background:linear-gradient(140deg,#f4e4cf,#dfc198)}.q2,.q3{background:linear-gradient(140deg,#e7dfd1,#ced0c7)}.q5{background:linear-gradient(140deg,#e8dbc9,#d6c7c3)}.cn-section{padding:52px 0}.cn-section-tint{background:#f6efe4}.cn-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px;gap:20px}.cn-section-head h2{font-size:31px;margin:7px 0 4px;color:#36281e}.cn-section-head p{font:12px "Noto Sans SC",sans-serif;color:#998a79;margin:0}.cn-section-head>a{font:12px "Noto Sans SC",sans-serif;color:var(--gold);white-space:nowrap}.cn-filter{padding:12px 15px;border-bottom:1px solid #eadbc7;font:12px "Noto Sans SC",sans-serif;color:#705f4e;margin-bottom:14px;white-space:nowrap;overflow:auto}.cn-filter button{margin:0 22px 0 10px;padding:7px 32px 7px 10px;background:#fff;border:1px solid #dfc9aa;border-radius:5px;color:#6b5947}.cn-card-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.cn-store-card,.cn-factory-card{background:var(--paper);border:1px solid #eadbc7;border-radius:9px;overflow:hidden}.cn-card-image{height:116px;background-position:center;background-size:cover;position:relative}.cn-card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(51,28,10,.22))}.cn-card-image span{position:absolute;z-index:1;right:8px;top:8px;color:#fff;background:#9e6b2a;padding:3px 6px;border-radius:4px;font:10px "Noto Sans SC",sans-serif}.store-0{background-image:url('/zhmeiye/stores.png');background-position:10% 40%}.store-1{background-image:url('/zhmeiye/home.png');background-position:42% 45%}.store-2{background-image:url('/zhmeiye/stores.png');background-position:65% 45%}.store-3{background-image:url('/zhmeiye/home.png');background-position:82% 45%}.store-4{background-image:url('/zhmeiye/stores.png');background-position:95% 45%}.factory-0{background-image:url('/zhmeiye/factory-center.png');background-position:13% 43%}.factory-1{background-image:url('/zhmeiye/factory-center.png');background-position:39% 43%}.factory-2{background-image:url('/zhmeiye/factory-center.png');background-position:66% 43%}.factory-3{background-image:url('/zhmeiye/factory-center.png');background-position:91% 43%}.cn-store-card h3,.cn-factory-card h3{font-size:14px;margin:10px 12px 2px}.cn-store-card p,.cn-factory-card p{font:10px "Noto Sans SC",sans-serif;color:#9b8874;margin:0 12px 9px}.cn-rating{font:12px "Noto Sans SC",sans-serif;color:#bc751f;border-top:1px solid #f0e5d8;padding:8px 12px}.cn-rating small{color:#a29485}.factory-grid{grid-template-columns:repeat(4,1fr)}.cn-factory-card>div+div{padding:1px 0 10px}.cn-tag{display:inline-block;background:#f2e6d5;color:#a16e2b;border-radius:4px;padding:4px 7px;margin:0 4px 8px 12px;font:10px "Noto Sans SC",sans-serif}.cn-factory-card strong{float:right;margin:9px 12px;color:#b36e20;font:16px "Noto Sans SC",sans-serif}.cn-factory-card strong small{font-size:9px;color:#9b8874}.cn-split{display:grid;grid-template-columns:1.05fr .95fr;gap:48px}.cn-rfq-list{border-top:1px solid #eadbc7}.cn-rfq-list>div{display:grid;grid-template-columns:1fr 90px 75px;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #efe5d9;font:11px "Noto Sans SC",sans-serif}.cn-rfq-list b,.cn-rfq-list small{display:block}.cn-rfq-list small{color:#9b8874;margin-top:4px}.cn-rfq-list em{font-style:normal;color:#ae9b87}.cn-rfq-list button,.cn-buyer button{border:1px solid #d7b37e;border-radius:5px;background:#fffaf2;color:#ad6d1d;font:11px "Noto Sans SC",sans-serif;padding:6px}.cn-buyer{display:flex;gap:10px;align-items:center;border-top:1px solid #eadbc7;padding:12px 0}.cn-buyer b{font:12px "Noto Sans SC",sans-serif;flex:1}.cn-buyer b small{display:block;color:#9b8874;font-weight:400;margin-top:4px}.cn-avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#d4b78d;color:white}.cn-ai-band{background:#f0e0c9;overflow:hidden}.cn-ai-band-inner{min-height:250px;display:flex;justify-content:space-between;align-items:center}.cn-ai-band h2{font-size:40px;margin:8px 0;color:#7d4a19}.cn-ai-band p{font:14px/1.8 "Noto Sans SC",sans-serif;color:#775f49}.cn-ai-band img{width:52%;height:250px;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 34%;object-position:50% 34%;mix-blend-mode:multiply}.cn-tools{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.cn-tools button{background:var(--paper);border:1px solid #eadbc7;border-radius:9px;padding:14px;text-align:left;min-height:150px;color:var(--brown);position:relative;cursor:pointer}.cn-tools button>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#f3e5d0;color:var(--gold);font-size:18px;margin-bottom:12px}.cn-tools b,.cn-tools small{display:block}.cn-tools b{font-size:14px}.cn-tools small{font:10px/1.6 "Noto Sans SC",sans-serif;color:#9b8874;margin-top:4px}.cn-tools svg{position:absolute;right:12px;bottom:13px;color:#ba8a50}.cn-cta{margin-bottom:48px;padding:22px 28px;display:flex;align-items:center;gap:25px;background:linear-gradient(100deg,#f2dfc2,#fffaf2);border:1px solid #ead4b4;border-radius:14px}.cn-cta b{font-size:22px;color:#8a511c}.cn-cta span{display:block;font:11px "Noto Sans SC",sans-serif;color:#947c61;margin-top:4px}.cn-cta strong{font:12px "Noto Sans SC",sans-serif;color:#8d6d4a;flex:1}.cn-footer{background:#37291f;color:#d7c4aa;padding:38px 0 14px;font-family:"Noto Sans SC",sans-serif}.cn-footer .cn-container{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:30px}.cn-footer-brand{position:relative;padding-left:52px}.cn-footer-brand .cn-seal{position:absolute;left:0;top:0}.cn-footer-brand>b{display:block;font:22px serif;color:#fff}.cn-footer p,.cn-footer a,.cn-footer span{display:block;font-size:11px;line-height:2;color:#bca68a}.cn-footer>div>div:not(.cn-footer-brand)>b{display:block;color:#fff;margin-bottom:8px}.cn-copyright{display:block!important;border-top:1px solid rgba(255,255,255,.12);margin-top:28px;padding-top:13px;text-align:center;font:10px "Noto Sans SC",sans-serif;color:#987f65}.cn-mobile-bar{display:none}.cn-modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(45,29,18,.58);display:grid;place-items:center;padding:20px}.cn-modal{position:relative;width:min(460px,100%);background:#fffaf4;border-radius:14px;padding:30px;box-shadow:0 25px 80px rgba(42,20,4,.25)}.cn-close{position:absolute;right:14px;top:14px;border:0;background:#f1e4d3;color:#72543c;border-radius:50%;padding:7px;cursor:pointer}.cn-modal h2{font-size:26px;margin:9px 0 5px}.cn-modal-copy{font:12px/1.7 "Noto Sans SC",sans-serif;color:#8d7a66}.cn-modal form{display:grid;gap:10px;margin-top:18px}.cn-modal input:not([type=checkbox]),.cn-modal textarea{width:100%;padding:12px;border:1px solid #e4cfb0;border-radius:6px;background:#fff;font:12px "Noto Sans SC",sans-serif;outline:none}.cn-modal textarea{min-height:80px;resize:vertical}.cn-modal label{font:10px "Noto Sans SC",sans-serif;color:#8b7967}.cn-ai-suggestions{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}.cn-ai-suggestions button{border:1px solid #e2c69c;background:#fff8ee;border-radius:15px;padding:6px 9px;color:#a36d28;font:10px "Noto Sans SC",sans-serif}.cn-success{text-align:center;padding:28px 6px}.cn-success>svg{color:#b47728}
@media(max-width:1050px){.cn-nav a{font-size:11px}.cn-brand{min-width:210px}.cn-card-grid{grid-template-columns:repeat(3,1fr)}.cn-tools{grid-template-columns:repeat(3,1fr)}.cn-quick-grid{grid-template-columns:repeat(3,1fr)}.cn-stats b{font-size:18px}}
@media(max-width:760px){.cn-container{width:calc(100% - 30px)}.cn-topbar{display:none}.cn-header-inner{min-height:62px;gap:8px}.cn-brand{min-width:0;flex:1}.cn-brand b{font-size:18px}.cn-brand small{font-size:7px}.cn-seal{width:31px;height:31px;font-size:15px}.cn-nav{display:none;position:absolute;left:0;right:0;top:62px;background:#fffaf4;padding:8px 15px;box-shadow:0 16px 25px rgba(60,36,14,.12);flex-wrap:wrap}.cn-nav.open{display:flex}.cn-nav a{padding:12px 8px;font-size:12px;width:25%;text-align:center}.cn-actions .cn-btn{display:none}.cn-menu{display:block}.cn-hero-inner{display:block;min-height:0}.cn-hero-copy{padding:42px 0 25px}.cn-hero h1{font-size:35px;line-height:1.3;margin:14px 0}.cn-hero p{font-size:12px}.cn-hero-image{height:230px;min-height:230px}.cn-hero-image img{height:230px;-o-object-position:72% 8%;object-position:72% 8%;mix-blend-mode:normal}.cn-hero-image:before{display:none}.cn-stats{margin-top:0;border-radius:0;grid-template-columns:repeat(2,1fr);width:100%}.cn-stats>div{padding:12px 10px}.cn-stats>div:last-child{grid-column:1/-1}.cn-stats b{font-size:17px}.cn-stats span{font-size:9px}.cn-quick-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:14px 0 25px}.cn-quick{min-height:93px;padding:12px}.cn-quick b{font-size:14px}.cn-quick small,.cn-quick em{font-size:9px}.cn-section{padding:36px 0}.cn-section-head{display:block;margin-bottom:16px}.cn-section-head h2{font-size:25px}.cn-section-head>a{display:inline-flex;margin-top:12px}.cn-card-grid,.factory-grid{grid-template-columns:repeat(2,1fr);gap:9px}.cn-card-image{height:92px}.cn-store-card h3,.cn-factory-card h3{font-size:12px}.cn-store-card p,.cn-factory-card p{font-size:9px}.cn-factory-card strong{float:none;display:block;margin:0 12px}.cn-split{display:block}.cn-buyers{margin-top:38px}.cn-rfq-list>div{grid-template-columns:1fr 62px}.cn-rfq-list button{grid-column:2}.cn-ai-band-inner{display:block;padding-top:30px}.cn-ai-band h2{font-size:31px}.cn-ai-band img{width:100%;height:145px;margin-top:15px}.cn-tools{grid-template-columns:repeat(2,1fr);gap:8px}.cn-tools button{min-height:130px;padding:12px}.cn-tools b{font-size:12px}.cn-tools small{font-size:9px}.cn-cta{display:block;margin:0 15px 95px;padding:18px}.cn-cta strong{display:block;margin:14px 0}.cn-footer{padding-bottom:80px}.cn-footer .cn-container{grid-template-columns:1fr 1fr;gap:20px}.cn-footer-brand{grid-column:1/-1}.cn-mobile-bar{position:fixed;z-index:60;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,253,249,.97);border-top:1px solid #e6d7c4;box-shadow:0 -8px 20px rgba(55,32,12,.08)}.cn-mobile-bar button{border:0;background:none;padding:8px 2px 7px;color:#8d7963;font:10px "Noto Sans SC",sans-serif}.cn-mobile-bar svg{display:block;margin:0 auto 3px;width:18px;height:18px;color:#ad7227}.cn-modal{padding:24px 18px}.cn-modal h2{font-size:23px}.cn-hero-actions .cn-btn{padding:10px 13px}}

/* 图片必须使用对应模块的独立裁切资源，禁止把整张设计稿当作卡片图。 */
.cn-card-image{overflow:hidden}.cn-card-image img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.cn-hero-image img{-o-object-position:center center;object-position:center center}.cn-ai-band img{-o-object-position:center center;object-position:center center}
.cn-cta-banner{display:block;padding:0;overflow:hidden;background:#f3dfc1;border:1px solid #ead4b4}.cn-cta-banner>img{display:block;width:100%;height:auto;min-height:92px;-o-object-fit:cover;object-fit:cover}.cn-cta-banner-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 22px;background:linear-gradient(90deg,#f3dfc1,#fffaf2)}.cn-cta-banner-actions>span{font:12px "Noto Sans SC",sans-serif;color:#8d6d4a}.cn-cta-banner-actions .cn-btn{flex:none}
@media(max-width:760px){.cn-cta-banner{margin:0 15px 95px}.cn-cta-banner>img{min-height:0}.cn-cta-banner-actions{display:block;padding:12px 15px}.cn-cta-banner-actions>span{display:block;margin-bottom:10px}.cn-cta-banner-actions .cn-btn{width:100%}}

/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/app/portal-v2.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
.portal-v2-shell{min-height:100vh;background:#faf7f0;color:#211b17}.v2-header{background:#fffdf9;border-bottom:1px solid rgba(185,145,70,.2);position:sticky;top:0;z-index:50}.v2-header-inner{min-height:76px;display:flex;align-items:center;gap:28px}.v2-brand{display:flex;align-items:center;gap:10px;min-width:230px;color:#3a2c22}.v2-brand>span{width:38px;height:38px;border:1px solid #b99146;border-radius:50%;display:grid;place-items:center;color:#b17a2f;font:19px serif}.v2-brand b{font:700 19px/1.1 "Noto Serif SC",serif;letter-spacing:.08em}.v2-brand small{display:block;font:10px "Noto Sans SC",sans-serif;color:#9b8162;letter-spacing:.06em;margin-top:4px}.v2-header nav{display:flex;align-items:center;justify-content:space-between;gap:17px;flex:1}.v2-header nav a,.v2-header-actions a{font:12px "Noto Sans SC",sans-serif;color:#58483a;white-space:nowrap}.v2-header nav a:hover,.v2-header-actions a:hover{color:#b17a2f}.v2-header-actions{display:flex;align-items:center;gap:12px}.v2-header-cta,.v2-gold-btn{background:#ad6d1c;color:#fff!important;border-radius:6px;padding:10px 14px}.v2-hero{background:linear-gradient(115deg,#f2e2cc,#fffdf9);padding:70px 0 62px;border-bottom:1px solid #eedfc9}.v2-hero h1,.v2-directory h1,.v2-ai-page h1,.v2-project h1{font:500 clamp(38px,5vw,66px)/1.15 "Noto Serif SC",serif;letter-spacing:.01em;color:#2e241d;margin:14px 0}.v2-hero p,.v2-intro{max-width:720px;color:#796957;font:15px/1.9 "Noto Sans SC",sans-serif}.v2-kicker{font:600 11px "Noto Sans SC",sans-serif;letter-spacing:.15em;color:#ae7428}.v2-search{display:flex;align-items:center;max-width:760px;background:#fff;border:1px solid #dfc9a8;border-radius:7px;margin-top:28px;overflow:hidden;box-shadow:0 8px 20px rgba(97,59,21,.07)}.v2-search svg{margin-left:14px;color:#b47a32}.v2-search input{flex:1;border:0;outline:0;padding:14px 12px;font:13px "Noto Sans SC",sans-serif;color:#4b382a;min-width:0}.v2-search button{border:0;background:#ad6d1c;color:#fff;padding:14px 24px;font:600 12px "Noto Sans SC",sans-serif}.v2-section{padding:54px 0}.v2-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.v2-section-head h2,.v2-subtitle{font:500 28px "Noto Serif SC",serif;margin:8px 0 0;color:#37291f}.v2-section-head>a{display:flex;align-items:center;gap:4px;color:#aa6e28;font:12px "Noto Sans SC",sans-serif}.v2-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.v2-card{display:block;background:#fffdf9;border:1px solid #eadbc7;border-radius:10px;overflow:hidden;transition:transform .2s,box-shadow .2s}.v2-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(87,49,17,.1)}.v2-card-image{height:150px;background:#eadcc9}.v2-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.v2-card-body{padding:17px}.v2-tag{display:inline-block;padding:4px 8px;background:#f4e7d5;color:#a66c26;border-radius:4px;font:10px "Noto Sans SC",sans-serif}.v2-card h3{font:600 17px/1.45 "Noto Serif SC",serif;margin:10px 0 7px;color:#382b22}.v2-card p{font:12px/1.75 "Noto Sans SC",sans-serif;color:#887766;margin:0 0 12px}.v2-card small{font:10px "Noto Sans SC",sans-serif;color:#a18c76}.v2-directory{padding:54px 0 80px}.v2-directory .v2-kicker{display:block}.v2-channel-grid,.v2-region-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}.v2-channel,.v2-region{background:#fffdf9;border:1px solid #eadbc7;border-radius:10px;padding:22px;min-height:190px}.v2-channel:hover,.v2-region:hover{border-color:#bd8c4d}.v2-channel>span{font:11px "Noto Sans SC",sans-serif;color:#c09357}.v2-channel h2,.v2-region h2{font:500 22px "Noto Serif SC",serif;margin:17px 0 8px}.v2-channel p,.v2-region p{font:12px/1.7 "Noto Sans SC",sans-serif;color:#867462;min-height:42px}.v2-channel b,.v2-region b{color:#aa6e28;font:11px "Noto Sans SC",sans-serif}.v2-region small{font:10px "Noto Sans SC",sans-serif;color:#b17a2f;letter-spacing:.12em}.v2-breadcrumb{font:11px "Noto Sans SC",sans-serif;color:#a18d77;margin-bottom:25px}.v2-breadcrumb a{color:#a56c28}.v2-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0 40px}.v2-stat-row div{background:#fffdf9;border:1px solid #eadbc7;border-radius:8px;padding:18px}.v2-stat-row b,.v2-stat-row span{display:block}.v2-stat-row b{font:500 25px "Noto Sans SC",sans-serif;color:#af6f1d}.v2-stat-row span{font:11px "Noto Sans SC",sans-serif;color:#907c67;margin-top:5px}.v2-subtitle{margin:32px 0 15px}.v2-news-list{border-top:1px solid #eadbc7}.v2-news-list>a{display:grid;grid-template-columns:150px 1fr 25px;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid #eadbc7;font:12px "Noto Sans SC",sans-serif}.v2-news-list>a>span{color:#9c856b}.v2-news-list b{font-weight:500}.v2-arrow{color:#b17a2f}.v2-ranking-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:30px}.v2-ranking{background:#fffdf9;border:1px solid #eadbc7;border-radius:10px;padding:18px}.v2-ranking h2{font:500 22px "Noto Serif SC",serif;margin:0 0 12px}.v2-ranking a{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #f0e5d7}.v2-ranking strong{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#f1e2cd;color:#a76b24;font:12px "Noto Sans SC",sans-serif}.v2-ranking a>span{flex:1}.v2-ranking b,.v2-ranking small{display:block}.v2-ranking b{font:13px "Noto Sans SC",sans-serif}.v2-ranking small{font:10px "Noto Sans SC",sans-serif;color:#988471;margin-top:3px}.v2-ranking em{font-style:normal;color:#ae7428}.v2-project{padding:80px 0;background:linear-gradient(120deg,#f1dfc5,#fffdf9)}.v2-project h1 em{font-style:normal;color:#a96922}.v2-project p{max-width:650px;font:15px/1.9 "Noto Sans SC",sans-serif;color:#786653}.v2-project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:34px 0}.v2-project-grid div{background:rgba(255,255,255,.72);border:1px solid #ead4b4;border-radius:8px;padding:17px}.v2-project-grid b,.v2-project-grid span{display:block}.v2-project-grid b{font:16px "Noto Serif SC",serif}.v2-project-grid span{font:11px/1.6 "Noto Sans SC",sans-serif;color:#927c64;margin-top:7px}.v2-ai-page{padding:70px 0 90px;background:linear-gradient(135deg,#f5e8d5,#fffdf9)}.v2-ai-query{max-width:790px;margin-top:40px;background:#fffdf9;border:1px solid #eadbc7;border-radius:12px;padding:25px}.v2-ai-query h2{font:500 25px "Noto Serif SC",serif;margin:0 0 16px}.v2-query-box{border:1px solid #dfc9a8;border-radius:7px;padding:15px;color:#987d5e;font:13px "Noto Sans SC",sans-serif;display:flex;justify-content:space-between;gap:15px}.v2-query-box a{color:#a76a24;white-space:nowrap}.v2-query-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.v2-query-tags span{font:11px "Noto Sans SC",sans-serif;color:#a76c27;background:#f6ead8;border-radius:15px;padding:7px 10px}.v2-ai-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:32px}.v2-ai-flow div{padding:18px;background:#fffdf9;border:1px solid #eadbc7;border-radius:8px}.v2-ai-flow b{color:#b27b36;font:12px "Noto Sans SC",sans-serif}.v2-ai-flow strong,.v2-ai-flow span{display:block}.v2-ai-flow strong{font:16px "Noto Serif SC",serif;margin:12px 0 5px}.v2-ai-flow span{font:10px "Noto Sans SC",sans-serif;color:#9b8872}.v2-article{padding:48px 0 80px}.v2-article article{max-width:820px;margin:auto;background:#fffdf9;border:1px solid #eadbc7;border-radius:12px;padding:36px}.v2-article h1{font:500 38px/1.35 "Noto Serif SC",serif;margin:18px 0 12px}.v2-article-meta,.v2-source-note{font:11px "Noto Sans SC",sans-serif;color:#9b8872}.v2-article-cover{width:100%;height:260px;-o-object-fit:cover;object-fit:cover;border-radius:8px;margin:25px 0}.v2-article .v2-lead,.v2-article article>p{font:15px/2 "Noto Sans SC",sans-serif;color:#645344}.v2-article h2{font:22px "Noto Serif SC",serif;margin:28px 0 10px}.v2-entity-row{display:flex;gap:8px;flex-wrap:wrap}.v2-entity-row span{background:#f4e7d5;color:#96642c;padding:7px 10px;border-radius:4px;font:11px "Noto Sans SC",sans-serif}.v2-search-wide{max-width:900px}.v2-result-note{font:12px "Noto Sans SC",sans-serif;color:#967f67;margin:20px 0}.v2-search-results{max-width:900px;border-top:1px solid #eadbc7}.v2-search-results>a{display:grid;grid-template-columns:80px 1fr 60px;gap:15px;align-items:start;padding:18px 0;border-bottom:1px solid #eadbc7}.v2-search-results h3{font:600 17px "Noto Serif SC",serif;margin:0 0 4px}.v2-search-results p{font:12px "Noto Sans SC",sans-serif;color:#887664;margin:0 0 6px}.v2-search-results small{color:#a18b74;font:10px "Noto Sans SC",sans-serif}.v2-search-results>a>b{font:11px "Noto Sans SC",sans-serif;color:#a66c26;text-align:right}
@media(max-width:900px){.v2-header nav{gap:10px}.v2-header nav a{font-size:11px}.v2-header-inner{gap:14px}.v2-brand{min-width:195px}.v2-channel-grid,.v2-region-grid{grid-template-columns:repeat(2,1fr)}.v2-project-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.v2-header-inner{min-height:62px}.v2-brand>span{width:31px;height:31px;font-size:15px}.v2-brand b{font-size:16px}.v2-brand small{font-size:8px}.v2-header nav{display:none}.v2-header-actions a:first-child{display:none}.v2-header-actions{margin-left:auto}.v2-hero{padding:43px 0 36px}.v2-hero h1,.v2-directory h1,.v2-ai-page h1,.v2-project h1{font-size:38px}.v2-hero p,.v2-intro{font-size:13px}.v2-search button{padding:13px 15px}.v2-section,.v2-directory{padding:38px 0 62px}.v2-section-head{display:block}.v2-section-head>a{margin-top:12px}.v2-card-grid{grid-template-columns:1fr}.v2-channel-grid,.v2-region-grid{grid-template-columns:1fr;gap:10px}.v2-channel,.v2-region{min-height:0;padding:18px}.v2-stat-row{gap:7px;margin:22px 0 30px}.v2-stat-row div{padding:12px}.v2-stat-row b{font-size:19px}.v2-stat-row span{font-size:9px}.v2-news-list>a{grid-template-columns:78px 1fr 15px;gap:7px;font-size:11px}.v2-ranking-grid{grid-template-columns:1fr}.v2-project{padding:52px 0 70px}.v2-project-grid{grid-template-columns:1fr 1fr;gap:8px}.v2-project-grid div{padding:13px}.v2-project-grid b{font-size:14px}.v2-project-grid span{font-size:10px}.v2-ai-query{padding:17px;margin-top:27px}.v2-query-box{display:block;line-height:1.7}.v2-query-box a{display:block;margin-top:10px}.v2-ai-flow{grid-template-columns:1fr 1fr}.v2-ai-flow div{padding:13px}.v2-ai-flow strong{font-size:14px}.v2-article article{padding:22px 17px}.v2-article h1{font-size:29px}.v2-article-cover{height:180px}.v2-search-results>a{grid-template-columns:1fr 45px}.v2-search-results>a>.v2-tag{grid-column:1/-1;width:-moz-max-content;width:max-content}.v2-search-results>a>b{grid-column:2;grid-row:2}.v2-search-results h3{font-size:15px}}

.v2-home{background:#faf7f0}.v2-home-hero{background:linear-gradient(115deg,#f1dfc5,#fffdf9 68%);padding:72px 0 58px;border-bottom:1px solid #ead9c1}.v2-home-hero h1{font:500 clamp(42px,5.5vw,74px)/1.22 "Noto Serif SC",serif;color:#2e241d;margin:18px 0 10px}.v2-home-hero h1 em{font-style:normal;color:#a96d25}.v2-home-hero p{font:15px "Noto Sans SC",sans-serif;color:#806d58}.v2-home-search{max-width:850px;margin-top:28px}.v2-home-links{display:flex;gap:20px;margin-top:17px;font:12px "Noto Sans SC",sans-serif;color:#a26b29}.v2-home-stats{display:grid;grid-template-columns:repeat(4,1fr);background:#fffdf9;border:1px solid #eadbc7;border-radius:0 0 12px 12px;box-shadow:0 10px 25px rgba(75,45,18,.07)}.v2-home-stats div{padding:18px 22px;border-right:1px solid #efe4d5}.v2-home-stats div:last-child{border:0}.v2-home-stats b,.v2-home-stats span{display:block}.v2-home-stats b{font:500 25px "Noto Sans SC",sans-serif;color:#b06d20}.v2-home-stats span{font:11px "Noto Sans SC",sans-serif;color:#96816b;margin-top:3px}.v2-home-section{padding-top:48px;padding-bottom:48px}.v2-home-tint{background:#f6eee3}.v2-home-news{display:grid;grid-template-columns:1.05fr 1fr;gap:24px}.v2-main-news{background:#fffdf9;border:1px solid #eadbc7;border-radius:10px;overflow:hidden;padding-bottom:18px}.v2-main-news-image{height:210px;background:#eadbc7}.v2-main-news-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.v2-main-news>.v2-tag,.v2-main-news>h3,.v2-main-news>p,.v2-main-news>small{margin-left:18px;margin-right:18px}.v2-main-news>.v2-tag{margin-top:17px}.v2-main-news h3{font:600 21px/1.45 "Noto Serif SC",serif;color:#382b22;margin-top:10px;margin-bottom:6px}.v2-main-news p{font:12px/1.8 "Noto Sans SC",sans-serif;color:#877564}.v2-main-news small{font:10px "Noto Sans SC",sans-serif;color:#a08a74}.v2-news-list{border-top:1px solid #eadbc7}.v2-news-list>a{display:grid;grid-template-columns:120px 1fr 18px;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid #eadbc7;font:12px "Noto Sans SC",sans-serif}.v2-news-list>a>span{font-size:10px;color:#9b846d}.v2-news-list b{font-weight:500}.v2-news-list svg{color:#b1762d}.v2-home-channel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.v2-home-channel-grid a{display:grid;grid-template-columns:1fr 20px;gap:6px;background:#fffdf9;border:1px solid #eadbc7;border-radius:8px;padding:16px}.v2-home-channel-grid b{font:16px "Noto Serif SC",serif;color:#3d2e23}.v2-home-channel-grid span{grid-column:1/2;font:10px/1.7 "Noto Sans SC",sans-serif;color:#97816b}.v2-home-channel-grid svg{grid-column:2;grid-row:1/3;color:#b17a2f;align-self:center}.v2-home-company-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.v2-home-company{display:flex;gap:11px;align-items:start;background:#fffdf9;border:1px solid #eadbc7;border-radius:9px;padding:16px}.v2-home-company:hover{border-color:#bd8c4d}.v2-company-mark{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:50%;background:#f1e0c8;color:#a66c25;font:17px serif}.v2-home-company>div{flex:1;min-width:0}.v2-home-company h3{font:600 14px "Noto Serif SC",serif;margin:8px 0 4px}.v2-home-company p{font:10px/1.6 "Noto Sans SC",sans-serif;color:#927d68;margin:0 0 5px}.v2-home-company small{font:10px "Noto Sans SC",sans-serif;color:#a38d77}.v2-home-company>svg{color:#b17a2f;margin-top:12px;flex:none}.v2-home-columns{display:grid;grid-template-columns:1fr 1fr;gap:45px}.v2-home-brand-list,.v2-home-people,.v2-home-event-list{border-top:1px solid #eadbc7}.v2-home-brand-list>a{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #eadbc7}.v2-home-brand-list strong{color:#ba884c;font:12px "Noto Sans SC",sans-serif}.v2-home-brand-list span{flex:1}.v2-home-brand-list b,.v2-home-brand-list small{display:block}.v2-home-brand-list b{font:14px "Noto Serif SC",serif}.v2-home-brand-list small{font:10px "Noto Sans SC",sans-serif;color:#97816b;margin-top:3px}.v2-home-brand-list svg{color:#b17a2f}.v2-home-people{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.v2-home-people>a{display:flex;align-items:center;gap:9px;padding:13px 0;border-bottom:1px solid #eadbc7}.v2-home-people>a>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#dcc29b;color:#fff;font:16px serif}.v2-home-people b,.v2-home-people small{display:block}.v2-home-people b{font:13px "Noto Serif SC",serif}.v2-home-people small{font:10px "Noto Sans SC",sans-serif;color:#998370;margin-top:3px}.v2-home-event-list>a{display:grid;grid-template-columns:90px 1fr 18px;gap:12px;align-items:start;padding:14px 0;border-bottom:1px solid #eadbc7}.v2-event-date{font:12px "Noto Sans SC",sans-serif;color:#ad7128}.v2-home-event-list h3{font:14px "Noto Serif SC",serif;margin:7px 0 3px}.v2-home-event-list p{font:10px/1.6 "Noto Sans SC",sans-serif;color:#927d68;margin:0}.v2-home-event-list>a>svg{color:#b17a2f;margin-top:8px}.v2-home-region-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.v2-home-region-grid a{background:#fffdf9;border:1px solid #eadbc7;border-radius:7px;padding:13px}.v2-home-region-grid b,.v2-home-region-grid span{display:block}.v2-home-region-grid b{font:15px "Noto Serif SC",serif}.v2-home-region-grid span{font:10px/1.6 "Noto Sans SC",sans-serif;color:#95806b;margin-top:4px}.v2-home-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 30px;margin-bottom:52px;background:linear-gradient(100deg,#f0dcc0,#fffdf9);border:1px solid #ead4b4;border-radius:11px}.v2-home-cta h2{font:500 25px "Noto Serif SC",serif;margin:8px 0 4px}.v2-home-cta p{font:11px "Noto Sans SC",sans-serif;color:#927d68;margin:0}
@media(max-width:900px){.v2-home-channel-grid{grid-template-columns:repeat(2,1fr)}.v2-home-company-grid{grid-template-columns:repeat(2,1fr)}.v2-home-columns{gap:25px}}
@media(max-width:680px){.v2-home-hero{padding:46px 0 40px}.v2-home-hero h1{font-size:39px}.v2-home-hero p{font-size:12px}.v2-home-links{gap:12px;flex-wrap:wrap;font-size:11px}.v2-home-stats{grid-template-columns:repeat(2,1fr);border-radius:0}.v2-home-stats div{padding:13px 12px}.v2-home-stats b{font-size:18px}.v2-home-stats span{font-size:9px}.v2-home-section{padding:35px 0}.v2-home-news,.v2-home-columns{grid-template-columns:1fr;gap:35px}.v2-main-news-image{height:175px}.v2-news-list>a{grid-template-columns:75px 1fr 15px;gap:7px}.v2-home-channel-grid,.v2-home-company-grid{grid-template-columns:1fr 1fr;gap:8px}.v2-home-channel-grid a{padding:12px}.v2-home-channel-grid b{font-size:14px}.v2-home-channel-grid span{font-size:9px}.v2-home-company{padding:12px;gap:7px}.v2-home-company h3{font-size:12px}.v2-company-mark{width:28px;height:28px;font-size:14px}.v2-home-company>svg{display:none}.v2-home-people{grid-template-columns:1fr 1fr}.v2-home-event-list>a{grid-template-columns:70px 1fr 15px;gap:8px}.v2-home-cta{display:block;margin:0 15px 85px;padding:19px}.v2-home-cta h2{font-size:21px}.v2-home-cta .v2-gold-btn{display:flex;width:100%;margin-top:15px;justify-content:center}}