:root { --red:#a7272d; --red-dark:#7f1c22; --gold:#dfa942; --gold-pale:#fff5dc; --ink:#25221e; --muted:#6d665c; --line:#e5ddd0; --paper:#fffdf9; --cream:#f7f2e9; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif; font-size:16px; line-height:1.65; }
a { color:inherit; text-decoration:none; }
button,input,textarea { font:inherit; }
img { display:block; max-width:100%; }
.skip-link { position:fixed; left:12px; top:-60px; z-index:100; padding:8px 12px; background:#fff; color:var(--red); box-shadow:0 2px 10px #0003; }
.skip-link:focus { top:12px; }
.recruit-wrap { width:min(1160px, calc(100% - 40px)); margin:0 auto; }
.recruit-header { position:sticky; top:0; z-index:20; background:#fffdf9ee; border-bottom:1px solid #e7dfd2; backdrop-filter:blur(14px); }
.header-wrap { min-height:74px; display:flex; align-items:center; justify-content:space-between; gap:22px; }
.recruit-brand { display:inline-flex; align-items:center; gap:10px; min-width:0; }
.recruit-brand img { width:43px; height:43px; object-fit:contain; }
.recruit-brand span { display:grid; gap:1px; line-height:1.25; white-space:nowrap; }
.recruit-brand strong { font-size:20px; letter-spacing:0; color:#97242a; }
.recruit-brand small { color:#71675a; font-size:11px; }
.recruit-nav { display:flex; align-items:center; gap:24px; font-size:14px; color:#51493f; }
.recruit-nav a:hover { color:var(--red); }
.recruit-nav .nav-apply { color:#fff; background:var(--red); padding:8px 15px; }
.recruit-menu { display:none; border:0; padding:8px; background:transparent; }
.recruit-menu span { display:block; width:22px; height:2px; margin:4px; background:var(--red); }
.recruit-hero { position:relative; overflow:hidden; min-height:550px; display:grid; align-items:center; background:#fbf5e7; }
.hero-grain { position:absolute; inset:0; background:linear-gradient(90deg,#fff9ed 0%,#fff9eddd 39%,#fff9ed55 68%,#fff9ed22),url('assets/hero-field.jpg') center right/cover no-repeat; }
.hero-grain::after { content:""; position:absolute; inset:0; background:repeating-linear-gradient(90deg,transparent 0 64px,#a7272d09 65px 66px); }
.hero-wrap { position:relative; padding:82px 0 68px; display:grid; grid-template-columns:minmax(0,1fr) 286px; align-items:end; gap:72px; }
.hero-copy { max-width:735px; }
.hero-kicker,.section-label,.section-heading>p { margin:0 0 9px; color:#a7272d; font-size:12px; letter-spacing:1.4px; font-weight:700; }
.hero-copy h1 { margin:0; color:#852027; font-family:Georgia,"Songti SC",serif; font-size:clamp(42px,6vw,74px); line-height:1.12; letter-spacing:0; }
.hero-subtitle { margin:12px 0 16px; color:#352b22; font-size:clamp(21px,3vw,30px); font-weight:700; }
.hero-description { max-width:590px; margin:0; color:#5c544a; font-size:17px; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:29px; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:0 22px; border:1px solid transparent; font-weight:700; font-size:15px; }
.button-red { background:var(--red); color:#fff; }
.button-red:hover,.apply-submit:hover { background:var(--red-dark); }
.button-white { border-color:#b54f53; color:var(--red); background:#fffdf9c9; }
.hero-slogan { margin:24px 0 0; color:#8e292e; font-weight:700; }
.hero-policy { padding:24px 25px; background:#a7272d; color:white; box-shadow:10px 10px 0 #e9c878; }
.hero-policy p { margin:0 0 11px; color:#ffe4a8; font-size:12px; letter-spacing:1.4px; font-weight:700; }
.hero-policy strong { display:block; margin-top:14px; font-size:25px; line-height:1.1; }
.hero-policy span { display:block; margin-top:3px; color:#ffe9c4; font-size:13px; }
.policy-strip { background:#332921; color:#fff; }
.policy-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.policy-grid>div { min-height:92px; padding:20px 22px; border-left:1px solid #ffffff2b; display:grid; align-content:center; gap:3px; }
.policy-grid>div:last-child { border-right:1px solid #ffffff2b; }
.policy-grid b { color:#f5cb6e; font-size:16px; }.policy-grid span { color:#e7ddd0; font-size:12px; }
.section { padding:92px 0; }
.section-heading { max-width:720px; margin-bottom:40px; }.section-heading h2,.income h2,.proof-copy h2,.apply-copy h2 { margin:0; font-size:clamp(29px,4vw,42px); line-height:1.25; letter-spacing:0; color:#352a22; font-family:Georgia,"Songti SC",serif; }.section-heading>span { display:block; max-width:650px; margin-top:13px; color:var(--muted); }
.advantage-columns { display:grid; grid-template-columns:1fr 1fr; gap:22px; }.advantage-panel { border-top:5px solid var(--red); background:#fff; box-shadow:0 8px 30px #4d32110e; }.advantage-panel.store { border-top-color:var(--gold); }.panel-intro { padding:29px 31px 22px; background:#fffaf1; }.store .panel-intro { background:#fff7dd; }.panel-intro>span { color:var(--red); font-size:12px; font-weight:700; letter-spacing:1.2px; }.store .panel-intro>span { color:#a66e08; }.panel-intro h3 { margin:8px 0; font-size:26px; line-height:1.25; }.panel-intro p { margin:0; color:var(--muted); font-size:14px; }.advantage-panel ol { margin:0; padding:5px 31px 22px; list-style:none; counter-reset:adv; }.advantage-panel li { position:relative; padding:17px 0 17px 37px; border-bottom:1px solid var(--line); counter-increment:adv; }.advantage-panel li:last-child { border:0; }.advantage-panel li::before { content:"0" counter(adv); position:absolute; top:17px; left:0; color:var(--red); font-size:12px; font-weight:700; }.store li::before { color:#a66e08; }.advantage-panel b,.advantage-panel li span { display:block; }.advantage-panel b { font-size:16px; }.advantage-panel li span { margin-top:3px; color:var(--muted); font-size:13px; line-height:1.7; }
.income { background:var(--gold-pale); border-top:1px solid #f0dfb5; border-bottom:1px solid #f0dfb5; }.income-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:80px; align-items:center; }.income-grid>div>p:not(.section-label) { max-width:590px; margin:17px 0 0; color:var(--muted); }.income-highlight { padding:31px 33px; background:#a7272d; color:#fff; box-shadow:10px 10px 0 #e3b75d; }.income-highlight small,.income-highlight span { display:block; color:#ffe4a9; }.income-highlight strong { display:inline-block; margin:5px 8px 0 0; font-size:78px; line-height:1; font-family:Georgia,serif; }.income-highlight span { display:inline-block; font-weight:700; }.income-highlight p { margin:15px 0 0; padding-top:15px; border-top:1px solid #fff5; color:#ffe8c9; font-size:13px; }
.criteria { background:#fff; }.criteria-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; }.criteria-grid article { position:relative; padding:30px 31px; border:1px solid var(--line); background:var(--paper); }.criteria-grid article::before { content:""; position:absolute; inset:0 auto 0 0; width:4px; background:var(--red); }.criteria-grid article:nth-child(2)::before { background:var(--gold); }.criteria-grid span { color:var(--red); font-size:12px; font-weight:700; }.criteria-grid article:nth-child(2) span { color:#a66e08; }.criteria-grid h3 { margin:7px 0 13px; font-size:23px; }.criteria-grid ul { margin:0; padding:0; list-style:none; }.criteria-grid li { position:relative; padding:9px 0 9px 18px; color:var(--muted); font-size:14px; border-top:1px solid var(--line); }.criteria-grid li::before { content:""; position:absolute; left:0; top:19px; width:5px; height:5px; background:var(--red); }.criteria-grid article:nth-child(2) li::before { background:var(--gold); }
.process { background:#352820; color:#fff; }.section-heading.light h2 { color:#fff; }.section-heading.light>p { color:#f1c15a; }.section-heading.light>span { color:#e1d5c7; }.process-lanes { display:grid; grid-template-columns:1fr 1fr; gap:22px; }.process-lanes article { background:#fffdf9; color:var(--ink); }.lane-head { padding:21px 25px; background:#a7272d; color:white; }.process-lanes article:nth-child(2) .lane-head { background:#c08a21; }.lane-head span { font-size:18px; font-weight:700; }.lane-head p { margin:2px 0 0; color:#ffe6bb; font-size:13px; }.process-lanes ol { margin:0; padding:0 25px 12px; list-style:none; display:grid; grid-template-columns:repeat(4,1fr); }.process-lanes li { position:relative; padding:25px 15px 15px 0; }.process-lanes li:not(:last-child)::after { content:""; position:absolute; top:39px; right:0; width:1px; height:42px; background:#e3d8ca; }.process-lanes b { color:var(--red); font-size:12px; }.process-lanes article:nth-child(2) b { color:#a66e08; }.process-lanes h3 { margin:5px 0; font-size:16px; }.process-lanes li p { margin:0; color:var(--muted); font-size:12px; line-height:1.6; }
.product-proof { background:#f7f1e8; }.proof-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:68px; align-items:center; }.proof-copy p:not(.section-label) { color:var(--muted); }.text-link { color:var(--red); font-weight:700; }.proof-products { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }.proof-products img { width:100%; height:350px; object-fit:cover; object-position:top; box-shadow:0 10px 25px #2a160c1a; }
.faq-grid { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }.faq-grid details { padding:22px 24px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }.faq-grid summary { cursor:pointer; color:#3b3128; font-weight:700; }.faq-grid p { margin:10px 0 0; color:var(--muted); font-size:14px; }
.apply { background:#f5ecdf; }.apply-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:65px; align-items:start; }.apply-copy>p:not(.section-label) { color:var(--muted); }.apply-points { display:flex; flex-wrap:wrap; gap:8px; margin:24px 0; }.apply-points span { padding:5px 9px; background:#ffe6ad; color:#8d221f; font-size:13px; font-weight:700; }.apply-note { font-size:12px; }.wechat-contact { display:grid; grid-template-columns:104px 1fr; gap:14px; align-items:center; margin-top:26px; padding:13px; border:1px solid #e3d1af; background:#fffbf3; }.wechat-contact img { width:104px; height:106px; object-fit:cover; }.wechat-contact b { font-size:16px; }.wechat-contact p { margin:3px 0; color:var(--muted); font-size:13px; line-height:1.5; }.wechat-contact small { color:#8d221f; font-size:11px; }.captain-form { padding:29px; background:#fff; box-shadow:0 12px 32px #57340c14; }.captain-form>label { display:grid; gap:6px; margin-top:15px; color:#493f35; font-size:13px; font-weight:700; }.captain-form input,.captain-form textarea { width:100%; border:1px solid #d9d0c3; border-radius:0; padding:11px 12px; outline:none; color:var(--ink); background:#fffdfa; font-weight:400; }.captain-form textarea { min-height:100px; resize:vertical; }.captain-form input:focus,.captain-form textarea:focus { border-color:var(--red); box-shadow:0 0 0 3px #a7272d14; }.form-choice { display:flex; gap:10px; flex-wrap:wrap; }.form-choice label { display:flex; align-items:center; gap:6px; padding:8px 11px; border:1px solid var(--line); background:#fffdf9; font-size:13px; }.form-choice input { width:auto; accent-color:var(--red); }.apply-submit { width:100%; min-height:47px; margin-top:21px; border:0; background:var(--red); color:white; cursor:pointer; font-weight:700; }.apply-submit:disabled { opacity:.6; cursor:wait; }.form-status { min-height:22px; margin:8px 0 0; font-size:13px; }.form-status.success { color:#25723d; }.form-status.error { color:#a7272d; }
.recruit-footer { padding:38px 0 25px; background:#2c241f; color:#d8cdc0; }.recruit-footer .recruit-wrap { display:grid; gap:14px; }.footer-brand strong { color:#fff; }.footer-brand small { color:#d9c6af; }.recruit-footer p { max-width:760px; margin:0; font-size:12px; line-height:1.75; }.mobile-wechat { display:none; }
@media (max-width:900px) { .recruit-nav { gap:14px; }.hero-wrap { gap:30px; }.income-grid,.proof-grid,.apply-grid { gap:35px; }.process-lanes ol { grid-template-columns:repeat(2,1fr); }.process-lanes li { padding-right:16px; }.process-lanes li:nth-child(2)::after { display:none; }.process-lanes li:nth-child(-n+2) { border-bottom:1px solid var(--line); } }
@media (max-width:700px) { body { font-size:15px; }.recruit-wrap { width:min(100% - 32px,1160px); }.header-wrap { min-height:66px; }.recruit-brand img { width:38px; height:38px; }.recruit-brand strong { font-size:18px; }.recruit-menu { display:block; }.recruit-nav { display:none; position:absolute; top:66px; right:16px; left:16px; padding:10px; background:#fffdf9; border:1px solid var(--line); box-shadow:0 10px 25px #0002; }.recruit-nav.is-open { display:grid; }.recruit-nav a { padding:9px 10px; }.recruit-nav .nav-apply { text-align:center; }.recruit-hero { min-height:auto; }.hero-grain { background:linear-gradient(90deg,#fff9edf7,#fff9edc9),url('assets/hero-field.jpg') 64% center/cover; }.hero-wrap { grid-template-columns:1fr; padding:58px 0 44px; }.hero-copy h1 { font-size:43px; }.hero-description { font-size:15px; }.hero-policy { display:grid; grid-template-columns:repeat(3,1fr); gap:4px 14px; padding:19px; box-shadow:7px 7px 0 #e9c878; }.hero-policy p { grid-column:1/-1; margin:0; }.hero-policy strong { margin-top:5px; font-size:19px; }.hero-policy span { font-size:11px; }.policy-grid { grid-template-columns:repeat(2,1fr); }.policy-grid>div { min-height:78px; padding:15px; border-bottom:1px solid #ffffff2b; }.policy-grid>div:nth-child(even) { border-right:1px solid #ffffff2b; }.section { padding:62px 0; }.section-heading { margin-bottom:28px; }.section-heading h2,.income h2,.proof-copy h2,.apply-copy h2 { font-size:30px; }.advantage-columns,.criteria-grid,.process-lanes,.proof-grid,.apply-grid { grid-template-columns:1fr; }.advantage-panel ol,.panel-intro { padding-left:22px; padding-right:22px; }.income-grid { grid-template-columns:1fr; }.income-highlight { box-shadow:7px 7px 0 #e3b75d; }.income-highlight strong { font-size:64px; }.criteria-grid article { padding:25px 24px; }.process-lanes ol { padding:0 20px 12px; }.product-proof { padding-top:56px; }.proof-products img { height:258px; }.faq-grid { grid-template-columns:1fr; }.apply-grid { gap:28px; }.captain-form { padding:22px; }.wechat-contact { grid-template-columns:92px 1fr; }.wechat-contact img { width:92px; height:94px; }.mobile-wechat { display:block; position:fixed; right:14px; bottom:15px; z-index:18; padding:10px 13px; background:var(--red); color:#fff; box-shadow:0 4px 15px #48111455; font-size:13px; font-weight:700; }.recruit-footer { padding-bottom:70px; } }
@media (max-width:390px) { .hero-copy h1 { font-size:38px; }.hero-actions .button { width:100%; }.policy-grid b { font-size:14px; }.policy-grid span { font-size:11px; }.proof-products { gap:9px; }.proof-products img { height:210px; }.wechat-contact { grid-template-columns:78px 1fr; gap:10px; }.wechat-contact img { width:78px; height:80px; }.wechat-contact b { font-size:14px; }.wechat-contact p { font-size:12px; } }