@charset "UTF-8";
:root{font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:#28372f;background:#d4c396;font-synthesis:none;--ink:#28372f;--teal:#197b7a;--orange:#b96126;--paper:#eddcb0}*{box-sizing:border-box}body{margin:0;padding:28px 20px}::selection{background:var(--teal);color:#fff0ce}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--teal);outline-offset:5px}.poster{isolation:isolate;position:relative;width:min(1060px,100%);margin:auto;padding:29px 78px 24px;background:var(--paper);box-shadow:0 3px 20px #39322122;overflow:hidden}.poster:before{content:"";position:absolute;z-index:-1;inset:0;background:url('/assets/poster-paper-v2.webp') center/100% 100% no-repeat;pointer-events:none}.edition{display:flex;justify-content:space-between;gap:12px;font:12px/1.5 "Courier New",monospace;font-weight:700;letter-spacing:1.4px;border-top:3px solid var(--ink);padding-top:9px}.mast{font-family:Impact,"Arial Narrow","Arial Black",sans-serif;font-size:clamp(90px,15.3vw,190px);line-height:.93;letter-spacing:-.035em;color:var(--orange);margin:22px -5px 0;transform:scaleY(1.35);transform-origin:top;opacity:.9;white-space:nowrap}.headline{position:relative}.headline h1{position:relative;display:flex;align-items:center;gap:16px;font-family:"SimSun","Songti SC",serif;font-size:clamp(32px,5.6vw,62px);font-weight:900;letter-spacing:.11em;line-height:1.35;margin:70px 0 17px;text-shadow:1px 0 currentColor}.and{font-size:.45em;font-weight:400;border:1px solid currentColor;padding:8px 3px;writing-mode:vertical-rl;transform:rotate(-7deg);text-shadow:none}.motto{font-family:"SimSun","Songti SC",serif;font-size:18px;letter-spacing:3px;line-height:1.8;margin:0 0 42px;color:#344136}.index-label{display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--teal);font:12px/1.6 "Courier New",monospace;font-weight:700;letter-spacing:2px;border-bottom:3px solid var(--teal);padding-bottom:10px}.index-label span:nth-child(2){margin-left:auto;letter-spacing:1px}.project-list{display:block}.project{display:grid;grid-template-columns:62px 1fr auto 36px;align-items:center;gap:18px;padding:24px 8px 24px 0;border-bottom:1px solid #53634a88;background:#f1e2bc9c;transition:background .18s,color .18s,padding .18s;position:relative}.project:nth-child(even){background:#ead6a24d}.project:hover{background:#1b7272;color:#fff1c9;padding-left:12px}.project:hover .project-name>span,.project:hover .serial,.project:hover .category{color:#fff1c9}.serial{font:48px/.95 Impact,"Arial Narrow",sans-serif;color:var(--orange);align-self:start;margin-top:3px}.project-name{display:flex;flex-direction:column;gap:8px;min-width:0}.project-name strong{font-family:"SimSun","Songti SC",serif;font-size:37px;letter-spacing:2px;line-height:1.25;font-weight:900}.project-name>span{font:12px/1.5 "Courier New",monospace;letter-spacing:1.6px;color:#466151;font-weight:700}.project-name .latin{font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-2px}.category{font-family:"SimSun","Songti SC",serif;font-size:14px;letter-spacing:1px;color:#475344}.arrow{font-family:Arial,sans-serif;font-size:32px;text-align:right}.colophon{display:flex;align-items:center;gap:16px;margin-top:28px;margin-bottom:24px}.seal{color:var(--orange);border:3px double var(--orange);font:40px/1.15 "KaiTi",serif;width:50px;text-align:center;transform:rotate(-5deg)}.colophon p{font-family:"SimSun","Songti SC",serif;font-size:18px;font-weight:700;letter-spacing:3px;margin:0 0 5px}.colophon div>span{font-size:12px;letter-spacing:1px}.endmark{margin-left:auto;font:12px/1.8 "Courier New",monospace;text-align:right;letter-spacing:1px;color:var(--teal)}.legal{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:2px solid var(--ink);padding-top:12px;font:12px/1.8 "Courier New",monospace}.legal a{text-decoration:underline;text-underline-offset:3px}.legal a:hover{color:var(--teal)}
@media(min-width:1200px){.poster{padding-inline:88px}.mast{font-size:178px}}
@media(max-width:760px){body{padding:12px}.poster{padding:20px 30px}.edition{font-size:10px;letter-spacing:.4px}.mast{font-size:17vw;margin-top:26px}.headline h1{margin-top:55px;font-size:7vw;gap:10px;letter-spacing:.06em}.motto{font-size:16px;letter-spacing:1px;margin-bottom:30px}.project{grid-template-columns:45px 1fr 26px;gap:12px;padding-block:22px}.serial{font-size:37px}.project-name strong{font-size:30px;letter-spacing:1px}.category{display:none}.arrow{font-size:27px}.project-name>span{font-size:11px;letter-spacing:1px}.colophon{gap:12px}.endmark{font-size:10px}.legal{font-size:11px}}
@media(max-width:480px){body{padding:0;background:var(--paper)}.poster{padding:21px 22px 20px;box-shadow:none;min-height:100svh}.poster:before{background-size:auto 100%;opacity:.85}.edition{font-size:10px;letter-spacing:0}.edition span:last-child{display:none}.mast{font-size:19.3vw;margin:27px -2px 0;transform:scaleY(1.55)}.headline h1{font-size:8.1vw;gap:10px;margin-top:61px;margin-bottom:19px;letter-spacing:.055em}.and{padding:5px 2px}.motto{font-size:14px;letter-spacing:.5px;margin-bottom:31px;white-space:nowrap}.index-label{font-size:11px;letter-spacing:1px}.project{padding-block:22px;grid-template-columns:36px 1fr 22px;gap:10px}.project-name strong{font-size:27px;letter-spacing:1px}.serial{font-size:32px}.project-name>span{font-size:10px;letter-spacing:.7px}.colophon{margin-top:25px;margin-bottom:24px;gap:10px}.colophon p{font-size:16px;letter-spacing:2px}.colophon div>span{font-size:11px;letter-spacing:0}.seal{font-size:33px;width:42px}.endmark{font-size:9px;letter-spacing:0}.legal{flex-wrap:wrap;gap:4px;font-size:11px}.legal a{margin-left:auto}}
@media(max-width:350px){.poster{padding-inline:16px}.project-name strong{font-size:24px}.motto{font-size:12px}.endmark{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
footer{position:relative;background:#eddcb0eb;padding:1px 16px 10px;margin:24px -16px -5px}.colophon{margin-top:18px;margin-bottom:18px}.legal{font-size:12px}.project-name>span{font-size:12px}.motto{color:#28372f}@media(max-width:480px){footer{margin-inline:-8px;padding-inline:8px}.edition,.index-label{font-size:12px}.colophon div>span{font-size:12px}.endmark{display:none}.legal{font-size:12px}.legal a{margin-left:0}.motto{white-space:normal}.project-name>span{font-size:11px}}

/* Vector link marks avoid platform emoji substitution. */
.arrow{display:block;width:24px;height:24px;justify-self:end;color:currentColor}@media(max-width:760px){.arrow{width:20px;height:20px}}

/* Match the connecting character and project title typography. */
.headline .and{font-size:.66em;font-weight:800;line-height:1.1;writing-mode:horizontal-tb;padding:.12em .18em;border-width:1.5px;text-shadow:.35px 0 currentColor;flex-shrink:0}.project-name .suno-title{font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-weight:700;font-style:normal}.project-name .latin{font:inherit;letter-spacing:inherit}