:root {
  --forest: #123c33;
  --pine: #176653;
  --moss: #85a08b;
  --gold: #c99a50;
  --ink: #18231f;
  --muted: #63736b;
  --line: #d9dfd4;
  --paper: #f7f4eb;
  --surface: #fffefa;
  --soft: #edf1e9;
  --red: #a84737;
  --shadow: 0 18px 46px rgba(18, 60, 51, .10);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: Arial, "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", sans-serif; line-height: 1.7; }
h1, h2, h3, p { margin-top: 0; }

.hero { position: relative; min-height: min(780px, 92vh); overflow: hidden; color: #fff; background: var(--forest); }
.hero::before { position: absolute; inset: 0; background: radial-gradient(circle at 12% 12%, rgba(224, 194, 126, .28), transparent 23%), linear-gradient(130deg, rgba(7, 38, 31, .15), rgba(6, 36, 31, .92)); content: ""; }
.hero::after { position: absolute; right: -10vw; bottom: -11vw; width: min(54vw, 680px); height: min(54vw, 680px); border: 1px solid rgba(255,255,255,.26); border-radius: 50%; box-shadow: 0 0 0 44px rgba(255,255,255,.06), 0 0 0 88px rgba(255,255,255,.035); content: ""; }
.hero__topline { position: absolute; z-index: 1; top: 28px; right: 20px; left: 20px; display: flex; justify-content: space-between; align-items: center; font-size: 13px; font-weight: 700; letter-spacing: .12em; }
.hero__brand { color: #f2d69b; text-decoration: none; }
.hero__year { opacity: .76; }
.hero__content { position: relative; z-index: 1; display: flex; min-height: min(780px, 92vh); width: min(100%, 1120px); margin: 0 auto; padding: 148px 24px 88px; flex-direction: column; justify-content: flex-end; }
.eyebrow { margin-bottom: 13px; color: #e6c781; font-size: 13px; font-weight: 800; letter-spacing: .16em; }
h1 { max-width: 8.2em; margin-bottom: 18px; font-family: inherit; font-size: clamp(48px, 9vw, 100px); font-weight: 800; line-height: .98; letter-spacing: .04em; }
.hero__lead { max-width: 33em; margin-bottom: 19px; color: rgba(255,255,255,.9); font-size: 17px; font-weight: 600; }
.hero__meta { display: grid; gap: 14px; }
.hero__categories { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.hero__categories span { border: 1px solid rgba(255,255,255,.38); border-radius: 999px; padding: 5px 11px; background: rgba(255,255,255,.09); font-size: 13px; font-weight: 700; }
.hero__categories .hero__meta-label { border-color: transparent; padding-left: 0; color: rgba(255,255,255,.65); background: transparent; letter-spacing: .08em; }
.hero__deadline { display: flex; align-items: baseline; gap: 10px; margin-bottom: 0; color: #f4d796; }
.hero__deadline span { font-size: 13px; font-weight: 800; letter-spacing: .1em; }
.hero__deadline strong { color: #fff; font-family: Arial, "Microsoft YaHei", sans-serif; font-size: 20px; letter-spacing: .02em; }
.hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 25px; }
.hero__button, .hero__ghost, .primary, .secondary-link, .small-button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; border-radius: 4px; padding: 11px 18px; font: inherit; font-weight: 800; text-align: center; text-decoration: none; transition: transform .2s ease, background .2s ease, box-shadow .2s ease; }
.hero__button, .primary { border: 1px solid var(--gold); color: #18231f; background: #e4c17d; box-shadow: 0 10px 24px rgba(0,0,0,.18); }
.hero__ghost { border: 1px solid rgba(255,255,255,.66); color: #fff; background: transparent; }
.hero__button:hover, .hero__ghost:hover, .primary:hover, .secondary-link:hover, .small-button:hover { transform: translateY(-2px); }

main { padding-bottom: 70px; }
.section, .notice { width: min(100%, 1120px); margin: 0 auto; padding: 64px 24px; }
.notice { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr); gap: 28px; margin-top: -32px; position: relative; z-index: 3; background: var(--surface); box-shadow: var(--shadow); }
.notice strong { color: var(--red); font-size: 14px; letter-spacing: .12em; }
.notice p { margin-bottom: 0; font-size: 17px; }
.email-card { display: grid; align-content: center; gap: 4px; border-left: 3px solid var(--gold); padding: 8px 0 8px 17px; }
.email-card span, .email-card em { color: var(--muted); font-size: 13px; font-style: normal; font-weight: 700; }
.email-card b { color: var(--forest); font-family: Consolas, monospace; font-size: clamp(19px, 2.6vw, 26px); overflow-wrap: anywhere; }
.email-card--compact { margin: 18px 0; padding: 14px 17px; border: 1px solid #d9dfd4; border-left: 3px solid var(--gold); background: #fffdf6; }

.summary-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; padding-top: 0; padding-bottom: 0; background: #dfe4da; }
.summary-strip div { padding: 21px; background: var(--soft); }
.summary-strip span { display: block; margin-bottom: 4px; color: var(--muted); font-size: 12px; font-weight: 800; letter-spacing: .08em; }
.summary-strip strong { color: var(--forest); font-size: 17px; }
.section-title { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; margin-bottom: 25px; }
.section-title h2 { margin-bottom: 0; color: var(--forest); font-family: inherit; font-size: clamp(30px, 4vw, 42px); font-weight: 800; line-height: 1.1; }
.section-title h2::before { display: inline-block; width: 8px; height: 8px; margin: 0 12px 7px 0; background: var(--gold); content: ""; }
.section-title p { margin-bottom: 0; color: var(--muted); font-size: 14px; }
.rule-list, .spec-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.rule-list article, .spec-grid article, .award-card, .spot, .guide-card, .query-result, .work-card, .success { border: 1px solid var(--line); background: var(--surface); box-shadow: 0 5px 20px rgba(18,60,51,.035); }
.rule-list article, .spec-grid article, .award-card { padding: 23px; }
.rule-list article:first-child { grid-column: span 2; background: var(--forest); color: #fff; }
.rule-list h3, .spec-grid h3, .spot h3 { margin-bottom: 7px; font-size: 19px; }
.rule-list p, .spec-grid p, .spot p, .award-card p { margin-bottom: 0; color: var(--muted); }
.rule-list article:first-child p { color: rgba(255,255,255,.78); }
.editorial-band { background: var(--forest); color: #fff; }
.editorial-band .section-title h2 { color: #fff; }
.editorial-band .section-title p { color: rgba(255,255,255,.68); }
.process-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.process-strip div { position: relative; padding-top: 54px; }
.process-strip b { position: absolute; top: 0; left: 0; color: #e8cb8e; font-family: inherit; font-size: 36px; line-height: 1; }
.process-strip span { display: block; margin-bottom: 6px; font-size: 17px; font-weight: 800; }
.process-strip p { margin-bottom: 0; color: rgba(255,255,255,.72); font-size: 14px; }
.award-card { padding: 10px 24px; }
.award-row { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--line); padding: 16px 0; }
.award-row span { color: var(--gold); font-weight: 800; }
.muted { color: var(--muted); font-size: 14px; }
.spots { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.spots .section-title { grid-column: 1 / -1; }
.spot { overflow: hidden; }
.spot img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.spot div { padding: 18px; }
.spot__tag { display: inline-block; margin-bottom: 9px; border: 1px solid #e5c98e; padding: 2px 8px; color: #8a5e1e; background: #fff6e4; font-size: 12px; font-weight: 800; }

.sub-hero { position: relative; overflow: hidden; padding: 24px max(24px, calc((100% - 1072px) / 2)) 49px; color: #fff; background: var(--forest); }
.sub-hero::after { position: absolute; top: -130px; right: -50px; width: 330px; height: 330px; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; box-shadow: 0 0 0 38px rgba(255,255,255,.04), 0 0 0 76px rgba(255,255,255,.025); content: ""; }
.sub-hero > * { position: relative; z-index: 1; }
.sub-hero h1 { max-width: none; margin-bottom: 9px; font-size: clamp(38px, 5vw, 58px); }
.sub-hero p:not(.eyebrow) { max-width: 44em; margin-bottom: 0; color: rgba(255,255,255,.78); }
.back-link { display: inline-flex; margin-bottom: 40px; color: #f1d79f; font-weight: 800; text-decoration: none; }
.back-link::before { margin-right: 7px; content: "←"; }
.submission-guide { padding-bottom: 18px; }
.guide-card { display: grid; grid-template-columns: .85fr 1.15fr; gap: 25px; padding: 24px; }
.guide-card .email-card { margin: 0; }
.guide-list { display: grid; gap: 11px; }
.guide-list article { display: grid; grid-template-columns: 34px 1fr; gap: 12px; border-bottom: 1px solid var(--line); padding-bottom: 11px; }
.guide-list article:last-child { border: 0; padding-bottom: 0; }
.guide-list b { color: var(--gold); font-family: inherit; font-size: 21px; }
.guide-list p { margin-bottom: 0; color: var(--muted); }
.guide-list em { color: var(--forest); font-size: 13px; font-style: normal; font-weight: 800; }

.form { display: grid; grid-template-columns: repeat(2, 1fr); gap: 17px; }
label { display: grid; gap: 7px; color: var(--ink); font-size: 14px; font-weight: 800; }
input, select, textarea { width: 100%; border: 1px solid #cbd6cd; border-radius: 3px; padding: 13px; color: var(--ink); background: #fffefa; font: inherit; font-weight: 400; }
input:focus, select:focus, textarea:focus { border-color: var(--pine); box-shadow: 0 0 0 3px rgba(23,102,83,.13); outline: 0; }
textarea { resize: vertical; }
.form-wide, .works-editor, .checks, .primary, .form-message { grid-column: 1 / -1; }
.works-editor { border-top: 2px solid var(--forest); padding: 21px; background: var(--soft); }
.works-editor, .works-list { display: grid; gap: 14px; }
.works-head, .work-card__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.works-head h3, .work-card h3 { margin-bottom: 0; color: var(--forest); font-size: 20px; }
.works-head h3 span { margin-left: 7px; color: var(--gold); font-family: Consolas, monospace; font-size: 13px; letter-spacing: 0; }
.works-hint { margin-bottom: 0; color: var(--muted); font-size: 14px; }
.small-button { min-height: 36px; border: 1px solid var(--forest); color: var(--forest); background: transparent; font-size: 14px; }
.small-button:disabled { border-color: var(--line); color: var(--muted); background: #edf0ea; transform: none; }
.work-card { padding: 18px; box-shadow: none; }
.work-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.remove-work { border: 0; padding: 5px; color: var(--red); background: transparent; font: inherit; font-weight: 800; }
.checks { display: grid; gap: 10px; padding: 16px; border-left: 3px solid var(--gold); background: #fffaf0; }
.checks label { display: flex; align-items: flex-start; gap: 9px; font-weight: 500; }
.checks input { width: 18px; min-width: 18px; height: 18px; margin-top: 3px; }
.primary { width: 100%; border: 0; cursor: pointer; font-size: 16px; }
.primary:disabled { opacity: .64; cursor: wait; transform: none; }
.form-message { min-height: 24px; margin-bottom: 0; color: var(--red); font-weight: 700; }
.success { margin-top: 22px; border-top: 3px solid var(--gold); padding: 26px; }
.success h3 { color: var(--forest); font-size: 25px; }
.result-list { display: grid; gap: 12px; margin: 18px 0; }
.result-item { border-left: 3px solid var(--pine); padding: 15px; background: var(--soft); }
.result-item strong { display: block; color: var(--forest); font-family: Consolas, monospace; font-size: 21px; }
.result-item span { display: block; margin: 3px 0 10px; color: var(--muted); }
.result-item p { margin-bottom: 3px; font-size: 13px; font-weight: 800; }
.result-item small { display: block; margin-top: 8px; color: var(--muted); font-size: 12px; }
code { display: block; overflow-wrap: anywhere; padding: 10px; background: #fffefa; color: var(--forest); font-family: Consolas, monospace; white-space: normal; }
.query-card { max-width: 760px; background: var(--surface); box-shadow: var(--shadow); }
.query-form { display: grid; grid-template-columns: 1fr auto; gap: 12px; margin-top: 20px; }
.query-form .form-message { grid-column: 1 / -1; }
.query-form .primary { width: auto; }
.query-results { display: grid; gap: 13px; margin-top: 24px; }
.query-result { border-left: 3px solid var(--pine); padding: 18px; }
.query-result h3 { margin-bottom: 11px; color: var(--forest); font-family: Consolas, monospace; font-size: 20px; }
.query-result p { margin-bottom: 5px; color: var(--muted); }
.query-result strong { color: var(--ink); }
.status-tag { display: inline-block; border-radius: 999px; padding: 2px 9px; font-size: 12px; font-weight: 800; }
.status-tag--pending { color: #775219; background: #fff1cf; }
.status-tag--received { color: #146146; background: #dff1e5; }
.status-tag--supplement { color: #8b5e16; background: #fff1d6; }
.status-tag--invalid { color: #8f3428; background: #fbe4df; }
.after-form-link { padding-top: 0; text-align: center; }
.secondary-link { border: 1px solid var(--forest); color: var(--forest); background: transparent; }
.footer { width: min(100%, 1120px); margin: 0 auto; border-top: 1px solid #d9dfd4; padding: 28px 24px 50px; color: var(--muted); font-size: 13px; }
.footer p { margin-bottom: 4px; }

@media (max-width: 760px) {
  .hero { min-height: 670px; }
  .hero__content { min-height: 670px; padding: 132px 22px 54px; }
  .hero__topline { top: 22px; }
  .hero__actions { display: grid; grid-template-columns: 1fr; }
  .hero__button, .hero__ghost { width: 100%; }
  .section, .notice { padding: 44px 20px; }
  .notice { grid-template-columns: 1fr; gap: 18px; margin-top: 0; }
  .summary-strip, .rule-list, .spec-grid, .spots, .process-strip, .form, .work-grid, .guide-card { grid-template-columns: 1fr; }
  .summary-strip { gap: 1px; }
  .rule-list article:first-child, .spots .section-title { grid-column: auto; }
  .section-title { display: block; }
  .section-title p { margin-top: 8px; }
  .process-strip { gap: 22px; }
  .query-form { grid-template-columns: 1fr; }
  .query-form .primary { width: 100%; }
  .sub-hero { padding: 20px 20px 40px; }
  .back-link { margin-bottom: 32px; }
  .works-editor { padding: 16px; }
}