:root{--paper:#fffdf9;--cream:#fbf4e9;--ink:#49342b;--muted:#9b7e6b;--line:#ead5c3;--red:#d91f45;--shadow:rgba(88,54,36,.08)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--cream);color:var(--ink)}
body{min-height:100svh;padding:clamp(14px,3vw,30px);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;display:grid;place-items:center}
.cover{width:min(880px,100%);min-height:min(1120px,calc(100svh - 28px));padding:clamp(54px,9vw,112px) clamp(28px,10vw,104px) clamp(48px,7vw,82px);border:1px solid var(--line);border-radius:28px;background:var(--paper);box-shadow:0 12px 42px var(--shadow);display:flex;flex-direction:column;align-items:center;text-align:center}
.portrait{width:132px;height:132px;border-radius:50%;display:block;overflow:hidden;background:#504f59;border:6px solid #f4e7dc;box-shadow:0 8px 24px rgba(65,39,28,.16)}
.portrait img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 20%;transform:scale(1.55);transform-origin:50% 24%}
.eyebrow{margin:34px 0 0;font-size:clamp(16px,2.5vw,23px);letter-spacing:.28em;color:#5d4439}
.topic{margin:18px 0 0;padding:9px 18px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:14px;letter-spacing:.08em}
h1{margin:clamp(48px,8vw,78px) 0 0;font-family:"Songti SC","STSong",serif;font-weight:500;font-size:clamp(38px,7.2vw,70px);line-height:1.18;letter-spacing:.04em;white-space:nowrap}
.sub{margin:28px 0 0;font-size:clamp(17px,2.7vw,25px);letter-spacing:.12em;color:var(--muted)}
.rule{width:100%;height:1px;background:var(--line);margin:clamp(46px,8vw,70px) 0 42px}
.note{font-size:16px;color:#80685b;letter-spacing:.06em;line-height:1.8}
.enter{width:100%;margin-top:28px;padding:22px 24px;border-radius:12px;background:var(--red);color:white;text-decoration:none;font-size:clamp(19px,3vw,25px);letter-spacing:.08em;box-shadow:0 10px 22px rgba(217,31,69,.16);transition:transform .18s,filter .18s}
.enter:hover{filter:brightness(.96);transform:translateY(-2px)}.enter:active{transform:translateY(0)}
.signature{margin-top:auto;padding-top:56px;color:#b31235;font:italic 48px/1.1 "STKaiti","KaiTi",serif;position:relative;transform:rotate(-5deg)}
.signature:after{content:"";position:absolute;left:-18px;right:-28px;bottom:-7px;height:1px;background:#b31235;transform:rotate(-3deg)}
@media(max-width:540px){body{padding:10px}.cover{min-height:calc(100svh - 20px);border-radius:22px;padding:46px 24px 42px}.portrait{width:106px;height:106px}.eyebrow{margin-top:25px}.topic{font-size:12px}h1{margin-top:42px;font-size:clamp(33px,9.2vw,44px)}.rule{margin:40px 0 30px}.enter{padding:18px}.signature{font-size:41px;padding-top:42px}}