:root {color-scheme:dark;--bg:#111210;--panel:#1b1c19;--ink:#f5f5ee;--muted:#adafa4;--gold:#ecd35c;--line:#ffffff20;--width:1240px}
* {box-sizing:border-box}
html {scroll-behavior:smooth;scroll-padding-top:100px}
body {margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
a {color:inherit;text-decoration:none}
button, a, summary {-webkit-tap-highlight-color:transparent}
a:focus-visible, summary:focus-visible {outline:3px solid var(--gold);outline-offset:6px}
::selection {background:var(--gold);color:var(--bg)}
.wrap {width:min(var(--width),calc(100% - 96px));margin-inline:auto}
.skip {position:fixed;top:-100px;left:20px;z-index:20;padding:16px;background:var(--gold);color:var(--bg)}
.skip:focus {top:12px}
.header {position:sticky;top:0;z-index:10;background:#111210f5;border-bottom:1px solid var(--line)}
.header-inner {height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand {display:flex;align-items:center;gap:11px;font-size:23px;font-weight:800;letter-spacing:1px;flex-shrink:0}
.brand small {display:block;font-size:10px;letter-spacing:3px;font-weight:500;margin-top:2px}
.header nav {display:flex;gap:34px;font-size:14px;color:#cccfc3}
.header nav a:hover, .text-link:hover {color:var(--gold)}
.hero {min-height:680px;position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--line)}
.hero-art {position:absolute;inset:0 0 0 29%;z-index:-2}
.hero-art img {width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.hero-art:after {content:"";position:absolute;inset:0;background:linear-gradient(90deg,#111210 0%,#111210b0 20%,#11121000 66%),linear-gradient(0deg,#111210 0%,#11121000 35%,#11121040 100%)}
.hero-inner {padding-block:85px 100px}
.eyebrow {font-size:12px;letter-spacing:2px;font-weight:500;line-height:1.8;margin:0 0 24px}
.eyebrow>span {display:inline-block;width:6px;height:6px;background:var(--gold);margin:0 10px 2px 0}
h1, h2, h3, p, h1, .h2, .h3, p {margin-top:0}
h1 {font-size:clamp(58px,5.8vw,84px);line-height:1.2;letter-spacing:-3px;margin-bottom:26px;font-weight:800}
h1 span {color:var(--gold)}
.hero-copy {font-size:17px;line-height:1.95;color:#d2d3ca;margin-bottom:32px}
.button, .dark-button {display:inline-flex;align-items:center;gap:38px;justify-content:space-between;padding:18px 24px;background:var(--gold);color:var(--bg);font-size:15px;font-weight:650;border-radius:3px;transition:background .2s,transform .2s}
.button:hover {background:#fae88c;transform:translateY(-2px)}
.text-link {font-size:14px;line-height:1.6;display:inline-flex;align-items:center;gap:20px;transition:color .2s}
.hero-tags {display:flex;gap:0;margin-top:40px;font-size:12px;color:#c2c5b7}
.hero-tags span+span:before {content:"/";padding:0 18px;color:#717568}
.section {padding-block:100px}
h2, .h2 {font-size:clamp(32px,3vw,43px);line-height:1.4;letter-spacing:-1px;font-weight:650;margin-bottom:0}
.about {display:grid;grid-template-columns:1fr 1.05fr;gap:100px;border-bottom:1px solid var(--line)}
.about-copy {padding-top:36px}
.about-copy p {font-size:16px;line-height:1.95;color:#bcc0b4;margin-bottom:20px}
.about-copy .text-link {margin-top:7px;color:var(--gold)}
.experience {background:var(--gold);color:#202318}
.experience-layout {display:grid;grid-template-columns:1.1fr 1fr;gap:110px}
.experience-intro>p:not(.eyebrow) {font-size:16px;line-height:1.9;margin:24px 0 28px;color:#4c4d35}
.dark-button {background:#202318;color:#fffce8}
.dark-button:hover {background:#393d29}
.feature-list article {display:flex;gap:24px;padding:26px 0;border-top:1px solid #20231840}
.feature-list article:last-child {padding-bottom:0}
.feature-list article>span {font-size:12px;margin-top:8px}
.feature-list h3, .feature-list .h3 {font-size:21px;font-weight:600;margin:0 0 12px;line-height:1.6}
.feature-list p {font-size:15px;line-height:1.9;color:#454834;margin:0}
.faq {display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}
.faq-list {border-top:1px solid var(--line)}
details {border-bottom:1px solid var(--line)}
summary {display:flex;justify-content:space-between;gap:24px;align-items:center;list-style:none;cursor:pointer;font-size:17px;line-height:1.65;padding:25px 0}
summary::-webkit-details-marker {display:none}
summary span {color:var(--gold);font-size:25px;font-weight:300;flex-shrink:0}
details[open] summary span {transform:rotate(45deg)}
details p {color:var(--muted);font-size:15px;line-height:1.9;padding-right:28px;margin:0 0 26px}
.footer {border-top:1px solid var(--line)}
.footer-inner {min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.footer .brand {font-size:18px}
.footer .brand small {font-size:9px;letter-spacing:2px}
.footer p {margin:0;font-size:13px;color:var(--muted)}
.footer-inner>span {font-size:12px;color:var(--muted)}
@media(min-width:1600px) {
.hero-art {left:35%}
.hero {min-height:750px}
.hero-inner {padding-top:115px}
}
@media(max-width:1050px) {
.wrap {width:calc(100% - 64px)}
.header nav {gap:20px}
.hero-art {left:16%}
.hero-art:after {background:linear-gradient(90deg,#111210 0%,#1112108c 45%,#11121015 100%),linear-gradient(0deg,#111210,transparent 50%)}
.about, .experience-layout {gap:50px}
.faq {gap:50px}
}
@media(max-width:700px) {
html {scroll-padding-top:114px}
.wrap {width:calc(100% - 40px)}
.header-inner {height:auto;min-height:102px;flex-wrap:wrap;gap:0;padding-block:12px 8px}
.header .brand {font-size:19px}
.brand small {font-size:9px;letter-spacing:2px}
.header nav {width:100%;justify-content:space-between;gap:10px;margin-top:10px;font-size:12px}
.header nav a {padding:6px 0}
.hero {min-height:710px}
.hero-inner {padding-block:48px 220px}
.hero-art {inset:0}
.hero-art img {object-position:65% 50%}
.hero-art:after {background:linear-gradient(180deg,#11121099,#11121050 30%,#1112100a 60%,#111210),linear-gradient(90deg,#111210c4,#11121035)}
h1 {font-size:64px;line-height:1.15;letter-spacing:-2px;margin-bottom:22px}
.hero .eyebrow {font-size:10px;letter-spacing:1.5px;margin-bottom:26px}
.hero-copy {font-size:15px;text-shadow:0 2px 8px #111;line-height:1.9}
.button {padding:16px 20px;gap:26px;font-size:14px}
.hero-tags {margin-top:28px}
.section {padding-block:64px}
.eyebrow {font-size:10px;margin-bottom:18px}
h2, .h2 {font-size:31px;letter-spacing:-.8px}
.about, .experience-layout, .faq {grid-template-columns:1fr;gap:30px}
.about-copy {padding-top:0}
.about-copy p {font-size:15px}
.experience-layout {gap:40px}
.feature-list h3, .feature-list .h3 {font-size:20px}
.feature-list article {padding-block:22px}
.faq {gap:30px}
summary {font-size:16px;padding-block:22px}
.footer-inner {padding-block:30px;flex-wrap:wrap;gap:20px}
.footer p {width:100%;order:3;font-size:12px}
.footer-inner>span {font-size:11px}
}
@media(prefers-reduced-motion:reduce) {
html {scroll-behavior:auto}
*, *:before, *:after {transition:none!important}
}
.brand img {width:176px;height:auto;display:block}
.footer .brand img {width:155px}
.hero h1 {font-size:clamp(54px,5.3vw,76px)}
@media(max-width:1050px) {
.creators {gap:45px}
.hero h1 {font-size:64px}
}
@media(max-width:700px) {
.header .brand img {width:142px}
.footer .brand img {width:132px}
.header-inner {padding-top:7px}
.header nav {margin-top:3px}
.hero h1 {font-size:clamp(44px,11.6vw,65px);letter-spacing:-1.5px}
.creators {grid-template-columns:1fr;gap:35px}
.creator-lead {font-size:17px}
.creator-offers article:last-child {padding-bottom:0}
}
.hero {min-height:735px}
.hero-inner {padding-block:78px 78px}
.hero h1 {font-size:clamp(72px,7.5vw,112px);letter-spacing:-4px;line-height:1.2;margin-bottom:24px;white-space:nowrap}
.hero-copy {font-size:19px;line-height:1.9;margin-bottom:32px}
.hero-art {left:32%}
.hero-art:after {background:linear-gradient(90deg,#111210 0%,#111210b8 25%,#11121024 72%),linear-gradient(0deg,#111210,transparent 65%)}
.site-links {display:grid;grid-template-columns:1fr 1fr;gap:13px;width:min(700px,100%);scroll-margin-top:120px}
.site-entry {display:flex;align-items:center;gap:16px;padding:19px 22px;min-height:92px;border:1px solid #d8c65c60;border-radius:12px;background:#111210e8;transition:background .2s,border-color .2s,transform .2s}
.entry-icon {display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:#ecd35c12;color:var(--gold);font:30px/1 Arial,sans-serif}
.site-entry strong {display:block;font-size:16px;line-height:1.6;font-weight:600}
.site-entry small {display:block;font-size:14px;line-height:1.65;color:#c5c8ba;margin-top:3px}
.entry-arrow {margin-left:auto;color:#b4b8a7;font-size:18px}
.site-entry-primary {background:var(--gold);border-color:var(--gold);color:#161a10}
.site-entry-primary .entry-icon {color:#24291b;background:#1112100b}
.site-entry-primary small, .site-entry-primary .entry-arrow {color:#4b503b}
.site-entry:hover {border-color:var(--gold);background:#292c1e;transform:translateY(-2px)}
.site-entry-primary:hover {background:#f8e78f}
.hero-tags {margin-top:25px}
@media(max-width:1050px) {
.hero-art {left:15%}
.hero h1 {font-size:86px}
.hero-art:after {background:linear-gradient(90deg,#111210f0,#11121070),linear-gradient(0deg,#111210,transparent 65%)}
}
@media(max-width:700px) {
.hero {min-height:0}
.hero-inner {padding-block:45px 70px}
.hero h1 {font-size:clamp(56px,14.7vw,90px);letter-spacing:-2px}
.hero-copy {font-size:16px;margin-bottom:26px}
.hero-art {inset:0}
.hero-art img {object-position:64% 50%}
.hero-art:after {background:linear-gradient(180deg,#11121090,#111210b8 40%,#111210ef),linear-gradient(90deg,#11121065,#11121025)}
.site-links {grid-template-columns:1fr;gap:10px}
.site-entry {min-height:73px;padding:13px 17px;border-radius:10px}
.entry-icon {width:38px;height:38px;flex-basis:38px;font-size:27px}
.site-entry strong {font-size:15px}
.site-entry small {font-size:12px}
.hero-tags {font-size:11px}
.hero-tags span+span:before {padding-inline:12px}
}
@media(prefers-reduced-motion:reduce) {
.site-entry:hover {transform:none}
}
.entry-label {min-width:0}
.entry-icon svg {width:24px;height:24px}
.entry-arrow {display:flex;flex:0 0 18px}
.entry-arrow svg {width:18px;height:18px}
.site-entry small {overflow-wrap:anywhere}
.site-entry:active {transform:translateY(0)}
@media(max-width:700px) {
.site-entry {min-height:80px}
.site-entry small {font-size:13px}
}
.portfolio {border-top:1px solid var(--line);padding-block:60px 56px}
.portfolio-heading {display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}
.portfolio-heading h2, .portfolio-heading .h2 {font-size:36px;letter-spacing:-1px}
.portfolio-heading h2 span, .portfolio-heading .h2 span {color:var(--gold)}
.portfolio-heading p {margin:12px 0 0;color:var(--muted);font-size:14px}
.portfolio-controls {display:flex;gap:10px}
.portfolio-controls button {display:grid;place-items:center;width:44px;height:44px;border:1px solid #ecd35c66;border-radius:50%;color:var(--gold);background:transparent;cursor:pointer;transition:background .2s,color .2s}
.portfolio-controls svg {width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.portfolio-controls button:hover:not(:disabled) {background:var(--gold);color:var(--bg)}
.portfolio-controls button:disabled {opacity:.3;cursor:default}
.portfolio-controls button:focus-visible, .portfolio-track:focus-visible {outline:2px solid var(--gold);outline-offset:5px}
.portfolio-track {display:flex;gap:22px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;list-style:none;margin:0;padding:4px 0 20px;scrollbar-width:thin;scrollbar-color:#ecd35c80 #ffffff0c}
.portfolio-track::-webkit-scrollbar {height:4px}
.portfolio-track::-webkit-scrollbar-thumb {background:#ecd35c80;border-radius:2px}
.portfolio-track::-webkit-scrollbar-track {background:#ffffff0c}
.work-card {flex:0 0 calc((100% - 88px)/5);min-width:0;scroll-snap-align:start}
.work-card img {display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:6px;transition:filter .25s,transform .25s;filter:brightness(.92)}
.work-card:hover img {filter:brightness(1.06);transform:translateY(-3px)}
.work-caption {display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-top:13px}
.work-caption h3, .work-caption .h3 {font-size:14px;line-height:1.7;font-weight:500;margin:0}
.work-caption>span {color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}
.portfolio-bottom {display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:18px;color:var(--muted);font-size:12px}
.portfolio-bottom .text-link {font-size:12px}
.portfolio-bottom>span>span {margin:0 7px}
@media(max-width:1050px) {
.work-card {flex-basis:calc((100% - 44px)/3)}
}
@media(max-width:700px) {
.portfolio {padding-block:40px}
.portfolio-heading {margin-bottom:22px;gap:14px}
.portfolio-heading h2, .portfolio-heading .h2 {font-size:28px}
.portfolio-heading p {font-size:12px}
.portfolio-controls {gap:8px}
.portfolio-controls button {width:38px;height:38px}
.portfolio-track {gap:14px}
.work-card {flex-basis:43%}
.work-caption {gap:5px}
.work-caption h3, .work-caption .h3 {font-size:12px}
.work-caption>span {display:none}
.portfolio-bottom {font-size:11px}
.portfolio-bottom .text-link {font-size:11px;gap:6px}
}
@media(prefers-reduced-motion:reduce) {
.portfolio-track {scroll-behavior:auto}
.work-card:hover img {transform:none}
}
.hero-art {inset:0}
.hero-art img {object-position:65% center;opacity:1}
.hero-art:after {background:linear-gradient(90deg,#11121055 0%,transparent 55%),linear-gradient(0deg,#111210 0%,transparent 30%)}
@media(max-width:700px) {
.hero-art img {object-position:70% center;opacity:.85}
.hero-art:after {background:linear-gradient(180deg,#11121015,#11121035 55%,#111210),linear-gradient(90deg,#11121035,transparent)}
}
.creators {display:grid;grid-template-columns:.95fr 1.05fr;gap:48px 64px;border-bottom:1px solid var(--line)}
.creator-invite {background:var(--gold);color:#202318;padding:40px 36px 28px;display:flex;flex-direction:column;position:relative;overflow:hidden;border-radius:5px}
.creator-heading h2, .creator-heading .h2 {font-size:clamp(28px,2.6vw,38px);line-height:1.5;letter-spacing:-1px}
.creator-heading h2 span, .creator-heading .h2 span {color:#202318}
.creator-lead {font-size:18px;line-height:1.8;margin:25px 0 0;color:#4b4931}
.creator-work-link {display:flex;justify-content:space-between;align-items:center;border-top:1px solid #20231840;padding-top:20px;font-size:14px;font-weight:600}
.creator-work-link svg {width:20px;height:20px;transition:transform .2s}
.creator-work-link:hover svg {transform:translate(3px,-3px)}
.creator-work-link:focus-visible {outline-color:#202318}
.creator-benefits {padding-block:5px}
.creator-copy {font-size:15px;line-height:1.95;color:var(--muted);margin:0 0 28px}
.creator-offers>h3, .creator-offers>.h3 {font-size:16px;margin:0 0 10px;font-weight:500;color:#dedfd4}
.creator-offers article {display:flex;gap:22px;border-bottom:1px solid var(--line);padding:25px 0}
.creator-offers article:last-child {border:0;padding-bottom:0}
.creator-offers article>svg {width:30px;height:30px;flex-shrink:0;color:var(--gold);fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;margin-top:3px}
.creator-offers h4, .creator-offers .h4 {font-size:23px;line-height:1.4;margin:0 0 9px;font-weight:600}
.creator-offers p {font-size:14px;line-height:1.85;color:var(--muted);margin:0}
.creator-fit {grid-column:1/-1;display:grid;grid-template-columns:.95fr 1.05fr;gap:64px;border-top:1px solid var(--line);padding-top:34px}
.creator-fit h3, .creator-fit .h3 {font-size:26px;font-weight:500;margin:0 0 14px}
.creator-fit>div>p {font-size:14px;color:var(--muted);line-height:1.8}
.creator-fit-list summary {font-size:16px;padding:17px 0}
.creator-fit-list details:first-child summary {padding-top:0}
.creator-fit-list details p {font-size:14px;margin-bottom:18px}
.creator-preparation {grid-column:1/-1;display:flex;align-items:center;gap:32px;background:#ecd35c0a;border:1px solid #ecd35c30;border-radius:4px;padding:20px 25px;margin-top:-14px}
.creator-preparation strong {font-size:14px;color:var(--gold);font-weight:500;white-space:nowrap}
.creator-preparation p {margin:0;font-size:14px;line-height:1.8}
.creator-preparation p span {font-size:12px;color:var(--muted);margin-left:24px}
@media(max-width:1050px) {
.creators {gap:36px}
.creator-fit {gap:36px}
.creator-invite {padding:30px 26px}
.header nav {gap:18px}
}
@media(max-width:700px) {
.header nav {overflow-x:auto;justify-content:flex-start;gap:22px;scrollbar-width:none;padding-bottom:3px}
.header nav::-webkit-scrollbar {display:none}
.header nav a {flex-shrink:0;white-space:nowrap}
.creators {grid-template-columns:1fr;gap:30px}
.creator-invite {padding:27px 24px 23px}
.creator-heading h2, .creator-heading .h2 {font-size:30px}
.creator-lead {font-size:16px;margin-top:18px}
.creator-fit {grid-template-columns:1fr;gap:15px;padding-top:26px}
.creator-fit h3, .creator-fit .h3 {font-size:24px}
.creator-offers article {padding:21px 0;gap:17px}
.creator-offers h4, .creator-offers .h4 {font-size:21px}
.creator-preparation {align-items:flex-start;gap:15px;padding:18px;margin-top:0}
.creator-preparation p {font-size:13px}
.creator-preparation p span {display:block;margin:5px 0 0}
.creator-work-link {font-size:13px}
}
@media(prefers-reduced-motion:reduce) {
.creator-work-link:hover svg {transform:none}
}
:root {--border-soft:#ffffff1c;--surface-soft:#1c1e1b;--motion:180ms cubic-bezier(.2,.7,.3,1)}
.ui-icon {width:18px;height:18px;flex-shrink:0}
.text-link {align-items:center;min-height:44px}
.header nav a {position:relative;display:inline-flex;align-items:center;min-height:44px;transition:color var(--motion)}
.header nav a:after {content:"";position:absolute;left:0;right:0;bottom:3px;height:1px;background:var(--gold);transform:scaleX(0);transition:transform var(--motion)}
.header nav a[aria-current="location"] {color:var(--ink)}
.header nav a[aria-current="location"]:after {transform:scaleX(1)}
.site-links {gap:12px;width:min(640px,100%)}
.site-entry {min-height:82px;padding:17px 22px;gap:16px;border:1px solid var(--border-soft);border-radius:12px;background:#181a17e8;transition:background var(--motion),border-color var(--motion)}
.entry-icon {background:none!important;border-radius:0;width:24px;height:24px;flex-basis:24px;color:#d3d5ca}
.entry-icon svg {width:22px;height:22px;stroke-width:1.5}
.site-entry strong {font-size:15px;font-weight:550}
.site-entry small {font-size:12px;margin-top:3px;color:#adb2a5}
.entry-arrow {opacity:.55}
.entry-arrow svg {width:16px;height:16px;stroke-width:1.5}
.site-entry-primary {background:var(--gold);border-color:transparent}
.site-entry-primary .entry-icon {color:#202318}
.site-entry-primary small {color:#4b503b}
.site-entry:hover {transform:none;border-color:#ffffff42;background:#252822}
.site-entry-primary:hover {background:#f5df7a;border-color:transparent}
.site-entry:hover .entry-arrow {opacity:1}
.portfolio {border-top:0;padding-block:80px}
.portfolio-controls {gap:8px}
.portfolio-controls button {width:44px;height:44px;border:1px solid var(--border-soft);color:var(--ink);background:var(--surface-soft);transition:background var(--motion),border-color var(--motion)}
.portfolio-controls button:hover:not(:disabled) {background:#30342b;border-color:#ffffff40;color:var(--gold)}
.portfolio-controls button:disabled {opacity:.35}
.portfolio-track {scrollbar-width:none}
.portfolio-track::-webkit-scrollbar {display:none}
.work-card:hover img {transform:none;filter:brightness(1)}
.work-card img {border-radius:8px}
.work-caption>span {display:none}
.experience {background:#1a1d18;color:var(--ink);border-block:1px solid var(--border-soft)}
.experience-intro h2, .experience-intro .h2 {color:#e9d889}
.experience-intro>p:not(.eyebrow), .feature-list p {color:#adb4a5}
.feature-list article {border-color:var(--border-soft)}
.feature-list article>span {color:#9d9f88}
.dark-button {min-height:48px;border:1px solid #ffffff30;background:transparent;color:var(--ink);border-radius:999px;padding:12px 23px;gap:25px;font-size:14px}
.dark-button:hover {background:#ffffff0a;border-color:#ecd35c70}
.creator-invite {background:#20231c;color:var(--ink);border:1px solid #ecd35c30;border-radius:12px;padding:40px;min-height:390px}
.creator-heading h2, .creator-heading .h2 {font-size:clamp(28px,2.7vw,39px)}
.creator-heading h2 span, .creator-heading .h2 span {color:var(--gold)}
.creator-lead {color:#b5bba9}
.creator-work-link {margin-top:auto;padding-top:22px;border-color:#ffffff24;min-height:48px;color:#e6d991}
.creator-work-link:focus-visible {outline-color:var(--gold)}
.creator-work-link svg {width:18px;height:18px}
.creator-offers article>svg {width:24px;height:24px;stroke-width:1.5;color:#cbbf86}
.creator-offers h4, .creator-offers .h4 {font-size:21px;font-weight:550}
.creator-preparation {background:transparent;border:0;border-top:1px solid var(--border-soft);padding:24px 0 0;border-radius:0}
.disclosure-icon {width:18px;height:18px;flex:0 0 18px;fill:none;stroke:var(--muted);stroke-width:1.5;transition:transform var(--motion)}
details[open] .disclosure-icon {transform:rotate(45deg);stroke:var(--gold)}
summary {transition:color var(--motion)}
summary:hover {color:var(--gold)}
.footer {background:#0e100d}
@media(max-width:1050px) {
.creator-invite {padding:30px}
}
@media(max-width:700px) {
html {scroll-padding-top:120px}
.header-inner {padding-bottom:3px}
.header nav {display:flex;justify-content:space-between;gap:8px;overflow:visible;padding:0;margin-top:0}
.header nav a {font-size:11px;min-height:44px;letter-spacing:0}
.site-entry {min-height:76px;padding:16px 20px}
.entry-icon {width:24px;height:24px;flex-basis:24px}
.site-entry small {font-size:12px}
.portfolio {padding-block:48px}
.portfolio-controls button {width:44px;height:44px}
.portfolio-heading {gap:12px}
.portfolio-heading h2, .portfolio-heading .h2 {font-size:27px}
.creator-invite {min-height:320px;padding:28px}
.creator-work-link {margin-top:40px}
.creator-preparation {padding-top:20px}
.creator-offers h4, .creator-offers .h4 {font-size:20px}
}
@media(prefers-reduced-motion:reduce) {
.header nav a:after, .disclosure-icon {transition:none}
}
.faq summary h3, .faq summary .h3 {margin:0;font:inherit;color:inherit;line-height:inherit}
.entry-arrow svg, .ui-icon, .creator-work-link svg, .portfolio-controls svg {stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;transition:transform 220ms cubic-bezier(.2,.7,.3,1),opacity 220ms ease}
.entry-arrow {opacity:.42}
.entry-arrow svg {width:18px;height:18px}
.site-entry:hover .entry-arrow svg, .site-entry:focus-visible .entry-arrow svg {transform:translate(2px,-2px)}
.text-link .ui-icon, .dark-button .ui-icon, .creator-work-link svg {width:18px;height:18px;opacity:.7}
.text-link:hover .ui-icon, .dark-button:hover .ui-icon, .creator-work-link:hover svg {transform:translateX(3px);opacity:1}
.portfolio-bottom .text-link:hover .ui-icon {transform:translateY(-2px)}
.portfolio-controls svg {width:22px;height:22px}
.portfolio-controls button {background:transparent;border-color:#ffffff18}
.portfolio-prev:hover:not(:disabled) svg {transform:translateX(-2px)}
.portfolio-next:hover:not(:disabled) svg {transform:translateX(2px)}
@media(prefers-reduced-motion:reduce) {
.entry-arrow svg, .ui-icon, .creator-work-link svg, .portfolio-controls svg {transition:none!important;transform:none!important}
}
.hero h1 {font-weight:400;font-size:clamp(80px,8.8vw,126px);letter-spacing:.01em;line-height:1.15;margin-bottom:26px}
.footer-inner {flex-wrap:wrap;padding-block:26px;gap:18px 30px}
.footer-notice {line-height:1.9}
@media(max-width:700px) {
.hero h1 {font-size:clamp(55px,15.8vw,100px);letter-spacing:0}
.footer-inner .footer-notice {width:100%;order:4;font-size:12px}
.footer p {order:3}
}
.hero h1 {position:relative;width:min(590px,100%);font-family:inherit;font-size:inherit;line-height:1;margin:0 0 30px;letter-spacing:0}
@media(max-width:700px) {
.hero h1 {width:min(440px,100%);margin-bottom:26px}
}
@font-face {font-family:"Huangguo Bold";src:url("assets/fonts/hero-bold.ttf") format("truetype");font-weight:900;font-style:normal;font-display:swap}
.hero h1 {width:auto;display:inline-block;font-family:"Huangguo Bold",sans-serif;font-weight:900;font-style:normal;font-synthesis:none;font-size:clamp(76px,8vw,116px);letter-spacing:-.035em;line-height:1.18;transform:skewX(-11deg);transform-origin:left bottom;margin:0 0 28px;padding-inline:10px 18px;color:#fffaf0;white-space:nowrap}
.hero h1 span {color:#ffd51c}
@media(max-width:700px) {
.hero h1 {width:auto;font-size:clamp(48px,14.6vw,90px);letter-spacing:-.035em;margin-bottom:26px;padding-inline:7px 12px}
}

/* 首屏入口：官网大按钮 + 中转页 / X / TG 三个小圆图标（替代原 2×2 卡片） */
.site-links {display:flex;flex-direction:column;align-items:center;gap:18px;width:min(380px,100%)}
.site-cta {display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:62px;padding:0 28px;border-radius:999px;background:var(--gold);color:#161a10;font-size:18px;font-weight:600;letter-spacing:.02em;box-shadow:0 10px 30px #ecd35c26;transition:background .2s,transform .2s}
.site-cta svg {width:24px;height:24px;flex:0 0 24px}
.site-cta:hover {background:#f5df7a;transform:translateY(-2px)}
.site-cta:active {transform:translateY(0)}
.site-socials {display:flex;justify-content:center;gap:20px}
.social-item {display:flex;flex-direction:column;align-items:center;gap:8px;min-width:64px;color:#c5c8ba;font-size:13px;line-height:1.4}
.social-item:hover {color:var(--ink)}
.social-icon {display:grid;place-items:center;width:52px;height:52px;border-radius:50%;color:#fff;transition:transform .2s,filter .2s}
.social-icon svg {width:24px;height:24px}
.social-item:hover .social-icon {transform:translateY(-2px);filter:brightness(1.12)}
.social-x {background:#000;border:1px solid #ffffff2e}
.social-tg {background:#2aabee}
.site-cta:focus-visible, .social-item:focus-visible {outline:2px solid var(--gold);outline-offset:3px}
@media (max-width:640px) {
  .site-links {width:100%}
  .site-cta {min-height:56px;font-size:16px}
  .social-icon {width:48px;height:48px}
}
@media (prefers-reduced-motion:reduce) {
  .site-cta, .social-icon {transition:none}
  .site-cta:hover, .social-item:hover .social-icon {transform:none}
}

/* 用户评价 */
.reviews-heading h2, .reviews-heading .h2 {font-size:clamp(28px,3.4vw,42px);line-height:1.25}
.reviews-heading p {margin-top:12px;color:var(--muted);font-size:15px}
.review-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:0 56px;margin-top:44px;border-top:1px solid var(--line)}
.review-card {margin:0;padding:32px 0;border-bottom:1px solid var(--line)}
.review-card blockquote {margin:0;font-size:15px;line-height:1.95;color:#dcded3}
.review-card figcaption {display:flex;align-items:center;gap:14px;margin-top:24px}
.review-card img {width:44px;height:44px;flex:0 0 44px;border-radius:50%;object-fit:cover}
.review-card figcaption span {display:flex;flex-direction:column;min-width:0}
.review-card strong {font-size:14px;font-weight:600}
.review-card small {font-size:12px;color:var(--muted);margin-top:3px}
@media (max-width:1000px) {.review-grid {grid-template-columns:repeat(2,1fr);gap:0 36px}}
@media (max-width:640px) {
  .review-grid {grid-template-columns:1fr;gap:0;margin-top:32px}
  .review-card {padding:26px 0}
  .review-card blockquote {font-size:15px;line-height:1.85}
}

/* FAQ 正文里的链接：金色 + 下划线，和参考样式一致 */
.faq-list p a {color:var(--gold);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;transition:color .2s}
.faq-list p a:hover {color:#f8e78f}