@charset "UTF-8";
:root {font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:#172d47;background:#f1f5f9;--blue:#123d78;--line:#dce5ef}
* {box-sizing:border-box}body {margin:0}a {color:inherit;text-decoration:none}button,textarea {font:inherit}button,a {-webkit-tap-highlight-color:transparent}button {cursor:pointer}button:focus-visible,a:focus-visible,textarea:focus-visible {outline:3px solid #57a5de;outline-offset:3px}main {max-width:1060px;margin:0 auto}h1,h2,h3,p {margin:0}.page-header {display:flex;align-items:center;gap:18px;padding:15px 32px;background:#fff}.page-header img {display:block;width:58px;height:58px;object-fit:contain}.page-header span {font-size:14px;color:#6b7d91}.back-link {margin-left:auto;font-size:13px;color:var(--blue)}.intro {background:linear-gradient(125deg,#0c2b53,#1d548c);padding:42px 42px 74px;color:#fff}.intro>p {font-size:11px;letter-spacing:3px;color:#a5cbed}.intro h1 {font-size:clamp(30px,4.5vw,45px);font-weight:600;line-height:1.35;margin:15px 0 20px}.intro>div {font-size:14px;line-height:1.9;color:#e2eef9}.share-panel,.copy-panel,.menu-note {margin:0 28px 22px;padding:30px;background:#fff;border:1px solid var(--line);border-radius:14px}.share-panel {position:relative;margin-top:-30px;display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:35px;box-shadow:0 12px 36px #11365d0c}.section-label {display:flex;gap:12px;align-items:center;margin-bottom:22px}.section-label>span {font-size:12px;color:#567fa7;border-right:1px solid #cedbe8;padding-right:12px}.section-label h2 {font-size:17px;font-weight:600}.preview-card {display:block;border:1px solid #e0e5eb;background:#fafbfc;border-radius:8px;overflow:hidden}.preview-content {display:flex;align-items:flex-start;gap:18px;padding:20px}.preview-content>div {flex:1;min-width:0}.preview-content h3 {font-size:17px;line-height:1.55;font-weight:600}.preview-content p {font-size:12px;color:#6e7b8b;line-height:1.8;margin-top:9px}.preview-content img {width:84px;height:84px;flex-shrink:0;background:#fff;border-radius:5px}.preview-source {display:flex;justify-content:space-between;padding:9px 16px;border-top:1px solid #e7ebf0;font-size:11px;color:#7e8da0}.note {font-size:12px;line-height:1.9;color:#748399;margin-top:14px}.actions {display:flex;gap:10px;margin-top:20px}.actions a,.actions button,.copy-footer button {border:1px solid #cddbeb;border-radius:6px;background:#fff;font-size:13px;padding:13px 16px;text-align:center;min-height:44px;color:var(--blue)}.primary,.actions .primary {background:var(--blue);border-color:var(--blue);color:white}.qr-column {display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;border-left:1px solid #edf0f5;padding-left:20px}.qr {width:154px;height:154px;background:#fff}.qr-column b {font-size:15px;font-weight:600;margin:12px 0 6px}.qr-column p {font-size:12px;color:#748399}.url {font-size:11px;margin-top:12px;color:#5a7da1}.audience-tabs {display:flex;gap:9px;margin-bottom:18px}.audience-tabs button {border:1px solid var(--line);border-radius:100px;padding:9px 20px;background:white;color:#5b7086;font-size:13px;min-height:40px}.audience-tabs button[aria-pressed=true] {background:#e9f2fb;border-color:#8db7dd;color:var(--blue)}label {display:block;color:#7a8ba0;font-size:12px;margin-bottom:10px}textarea {display:block;resize:vertical;width:100%;min-height:142px;line-height:1.9;color:#273f59;background:#f8fafc;border:1px solid var(--line);border-radius:8px;padding:15px;font-size:14px}.copy-footer {display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:18px}.copy-footer p {font-size:12px;color:#7a8ba0}.copy-footer button {white-space:nowrap;background:var(--blue);color:white}#copy-feedback {font-size:13px;color:#26745c;min-height:20px;margin-top:10px}.menu-note>p {font-size:14px;line-height:1.9}.menu-note .note {font-size:12px}footer {font-size:11px;color:#7a8ba0;padding:12px 20px 34px;text-align:center}
@media(max-width:640px) {.page-header {padding:12px 18px;gap:12px}.page-header img {width:48px;height:48px}.page-header span {font-size:12px}.back-link {font-size:12px}.intro {padding:32px 24px 62px}.intro>div {font-size:13px}.share-panel,.copy-panel,.menu-note {margin-left:12px;margin-right:12px;padding:21px 17px}.share-panel {grid-template-columns:1fr;gap:24px}.preview-content {padding:16px;gap:12px}.preview-content h3 {font-size:15px}.preview-content img {width:68px;height:68px}.actions>* {flex:1}.actions a,.actions button {padding:12px 6px;font-size:12px}.qr-column {border-left:0;border-top:1px solid #edf0f5;padding:20px 0 0}.qr {width:144px;height:144px}.copy-footer {align-items:stretch;flex-direction:column;gap:12px}.copy-footer p {line-height:1.8}.section-label h2 {font-size:16px}.menu-note>p {font-size:13px}}