:root{--blue:#1d317a;--ink:#182238;--paper:#f7f6f2;--gold:#b49a6b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Microsoft YaHei','PingFang SC',sans-serif}button,a,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button,.file-button{cursor:pointer;border:1px solid #ddd;padding:12px 18px;background:white;border-radius:5px;color:var(--ink)}button:hover{border-color:var(--blue)}header{height:95px;padding:20px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #e5e3dd;background:#fff}.brand img{width:240px;display:block}nav{display:flex;gap:30px;font-size:13px}header button{font-size:13px;background:var(--blue);color:#fff;border:0}main{max-width:1260px;margin:auto;padding:0 50px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;padding:70px 0 55px;align-items:center}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--gold);font-weight:600;margin:0 0 25px}.role{font-size:14px;color:var(--blue);margin:35px 0 12px}h1{font-family:serif;font-size:66px;letter-spacing:8px;margin:0;line-height:1.2}.english{font-size:13px;letter-spacing:5px;color:#7f8590;margin:14px 0 35px}.hero h2{font-size:28px;line-height:1.65;font-weight:500;white-space:pre-line}.intro{font-size:14px;line-height:2;color:#737986;white-space:pre-line;max-width:490px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 30px}.tags span{font-size:11px;border:1px solid #dcdedc;padding:6px 12px;border-radius:30px}.primary{display:inline-flex;gap:45px;justify-content:space-between;padding:15px 24px;background:var(--blue);color:white;border:0;font-size:13px;border-radius:4px}.demo{color:#8d939c;font-size:11px;margin-top:22px}.portrait{position:relative;aspect-ratio:4/5;background:#e4e7ea;overflow:hidden;border-radius:160px 160px 8px 8px}.portrait>img{width:100%;height:100%;object-fit:cover;object-position:center 35%}#placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 35%,#f8f7f1,#d7dee4);color:var(--blue)}.monogram{font-family:Georgia,serif;font-size:210px;line-height:1;color:#a6b3c7}#placeholder p{letter-spacing:2px;font-size:16px}#placeholder span{font-size:11px;color:#737f91}.portrait-label{position:absolute;bottom:0;padding:28px;width:100%;background:linear-gradient(transparent,rgba(18,35,65,.87));color:white;display:grid;gap:10px}.portrait-label span{font-size:11px;letter-spacing:3px}.portrait-label b{font-size:15px;font-weight:400}.vertical{position:absolute;right:14px;top:120px;writing-mode:vertical-rl;letter-spacing:3px;font-size:9px;color:#617187}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #dcdedc;padding:32px 0}.stat{border-right:1px solid #ddd;padding:0 30px}.stat:first-child{padding-left:0}.stat:last-child{border:0}.stat b{font-family:Georgia,serif;font-size:36px;font-weight:400;color:var(--blue)}.stat p{font-size:12px;color:#7e8490;line-height:1.8}.section{padding:70px 0 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.section-head h2{font-size:26px;font-weight:500;margin:0}.section-head>p{font-size:12px;line-height:1.8;color:#8b919b}.services{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.service{padding:30px;border:1px solid #dedfdc;background:#fdfcf9;border-radius:6px}.service small{color:var(--gold);font-family:Georgia;font-size:16px}.service h3{font-size:19px;font-weight:500;margin:18px 0 12px}.service p{font-size:13px;line-height:1.9;color:#7e8490;margin:0}.timeline-row{display:grid;grid-template-columns:160px 1fr;border-bottom:1px solid #ddd;padding:25px 0}.timeline-row b{font-family:Georgia;color:var(--blue);font-weight:400}.timeline-row p{margin:0;font-size:14px;line-height:1.8;white-space:pre-line}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:25px}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:5px}.contact{margin-top:70px;padding:50px;background:var(--blue);color:#fff;display:flex;justify-content:space-between;gap:30px;border-radius:7px}.contact h2{font-family:serif;font-size:36px;font-weight:400;line-height:1.5;margin:0 0 20px}.contact>div>p:not(.eyebrow){font-size:12px;color:#c9d0e4}#contact-links{display:flex;flex-wrap:wrap;gap:22px;margin-top:28px;font-size:13px}.qr{align-self:center;text-align:center}.qr img,#qr-placeholder{width:160px;height:160px;object-fit:contain;background:white;color:#8c96aa;padding:10px;border-radius:5px}#qr-placeholder{display:grid;align-content:center;font-size:30px}#qr-placeholder small{font-size:11px}.qr p{font-size:10px;color:#c9d0e4}footer{padding:35px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}footer img{width:180px;mix-blend-mode:multiply}footer span{font-size:10px;color:#9298a1;line-height:1.8}footer button{font-size:11px}#veil{position:fixed;inset:0;background:#0006;z-index:80}aside{position:fixed;right:0;top:0;height:100dvh;width:440px;max-width:100%;background:white;z-index:90;overflow:auto;padding:28px;box-shadow:-15px 0 70px #0002}.editor-top{display:flex;justify-content:space-between;align-items:center}.editor-top small{font-size:9px;letter-spacing:2px;color:var(--gold)}.editor-top h2{font-size:22px}.editor-top button{font-size:25px;border:0}.tip{font-size:12px;color:#7c8491;line-height:1.8}form label{display:block;font-size:12px;margin:18px 0 7px}input,textarea,select{width:100%;border:1px solid #dfe1e6;padding:11px;border-radius:4px;font-size:13px;background:#fafbfc}textarea{min-height:80px;resize:vertical}input[type=file]{font-size:11px}.actions{display:grid;gap:10px;margin-top:25px}.file-button{text-align:center;font-size:13px}.file-button input{margin-top:10px}#status{font-size:12px;color:var(--blue);line-height:1.8}[hidden]{display:none!important}body[data-theme=forest]{--blue:#245749;--gold:#a68855}body[data-theme=charcoal]{--blue:#292a30;--gold:#a88755}@media(max-width:800px){header{height:75px;padding:15px 20px}.brand img{width:175px}nav{display:none}header button{font-size:11px;padding:10px}main{padding:0 22px}.hero{grid-template-columns:1fr;gap:30px;padding-top:40px}.hero-copy{order:1}.portrait{max-width:430px;width:100%;margin:auto;aspect-ratio:4/4.5}h1{font-size:48px}.hero h2{font-size:24px}.stats{grid-template-columns:repeat(2,1fr);gap:25px}.stat{padding:0 15px!important}.stat:nth-child(2){border:0}.section{padding-top:45px}.section-head>p{display:none}.section-head h2{font-size:22px}.services{grid-template-columns:1fr}.timeline-row{grid-template-columns:95px 1fr}.gallery{grid-template-columns:repeat(2,1fr)}.contact{padding:28px;flex-direction:column}.contact h2{font-size:30px}.qr{align-self:start}footer{flex-wrap:wrap}footer img{width:145px}}@media print{header button,aside,#veil,footer button,.demo{display:none!important}main{max-width:100%;padding:0 20px}.hero{padding:25px 0;gap:30px}.section{padding-top:25px}.contact{margin-top:25px;break-inside:avoid}.service,.timeline-row{break-inside:avoid}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}}