.about-design{--about-ink:#303a34;--about-muted:#68716b;--about-line:#e5e9e4;--about-green:#657b6d;--about-wash:#f6f8f4;margin:0 5%;padding:4px 0 40px;color:var(--about-ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.9}
.about-design *{box-sizing:border-box}.about-design a{color:inherit;text-decoration:none;transition:color .18s ease,border-color .18s ease}.about-design a:hover{color:var(--about-green)}.about-design a:focus-visible,.about-design summary:focus-visible{outline:2px solid var(--about-green);outline-offset:5px}.about-design p{margin:0}.about-design h1,.about-design h2,.about-design h3{color:inherit;font-style:normal;font-weight:500;line-height:1.5;margin:0}.about-design .about-text-link{border-bottom:1px solid #c5d0c7;padding-bottom:2px}.about-design .about-text-link:hover{border-color:var(--about-green)}
.about-hero{display:grid;grid-template-columns:minmax(0,1fr) 216px;gap:32px;align-items:center;padding:0 0 44px;border-bottom:1px solid var(--about-line)}.about-eyebrow{font-size:11px;letter-spacing:.18em;color:var(--about-muted);margin-bottom:16px!important}.about-design .about-hero h1{font-size:34px;line-height:1.45;letter-spacing:.02em;margin-bottom:20px}.about-hero-intro{font-size:16px;line-height:1.95;max-width:30em}.about-hero-secondary{font-size:13px;line-height:1.9;color:var(--about-muted);margin-top:14px!important}.about-cats{margin:0;width:216px;align-self:center}.about-cats svg{display:block;width:100%;height:auto;overflow:visible}.about-cats figcaption{padding-top:3px;font-size:10px;line-height:1.7;color:var(--about-muted);text-align:center;letter-spacing:.08em}.cat-head,.cat-tail,.cat-breath,.cat-blink,.cat-paw{transform-box:fill-box}.cat-head{transform-origin:50% 90%;animation:cat-yellow-head 6s ease-in-out infinite}.cat-black .cat-head{animation:cat-black-head 7s ease-in-out infinite}.cat-breath{transform-origin:50% 100%;animation:cat-breathe 4s ease-in-out infinite}.cat-black .cat-breath{animation-delay:-1.8s}.cat-tail{transform-origin:90% 90%;animation:cat-yellow-tail 3.8s ease-in-out infinite}.cat-black .cat-tail{transform-origin:10% 90%;animation:cat-black-tail 4.6s ease-in-out infinite}.cat-blink{transform-origin:50% 50%;animation:cat-blink 5.6s linear infinite}.cat-black .cat-blink{animation-delay:-2.1s}.cat-paw{transform-origin:50% 90%;animation:cat-wave 6s ease-in-out infinite}
@keyframes cat-breathe{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.025)}}@keyframes cat-yellow-head{0%,22%,100%{transform:rotate(0deg)}40%,60%{transform:rotate(7deg)}78%{transform:rotate(-3deg)}}@keyframes cat-black-head{0%,20%,100%{transform:rotate(0deg)}40%,65%{transform:rotate(-7deg)}80%{transform:rotate(2deg)}}@keyframes cat-yellow-tail{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(9deg)}}@keyframes cat-black-tail{0%,100%{transform:rotate(8deg)}50%{transform:rotate(-10deg)}}@keyframes cat-blink{0%,39%,43%,74%,78%,100%{transform:scaleY(1)}41%,76%{transform:scaleY(.08)}}@keyframes cat-wave{0%,28%,68%,100%{transform:translate(0,0) rotate(0deg)}40%,56%{transform:translate(1px,-9px) rotate(-14deg)}48%{transform:translate(1px,-9px) rotate(4deg)}}

.about-row{display:grid;grid-template-columns:100px minmax(0,1fr);gap:32px;padding:34px 0;border-bottom:1px solid var(--about-line)}.about-design .about-row>h2{font-size:12px;color:var(--about-muted);padding-top:4px;letter-spacing:.04em}.about-prose p+p{margin-top:14px}.about-project{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 24px;border-left:2px solid #9bad9e;background:var(--about-wash);border-radius:0 4px 4px 0}.about-design .about-project h3{font-size:22px;margin:0 0 8px}.about-project h3 span{font-family:Georgia,"Times New Roman",serif;font-size:11px;letter-spacing:.12em;color:var(--about-muted);margin-left:12px}.about-project p{font-size:13px;line-height:1.9;color:var(--about-muted)}.about-project a{flex:none;font-size:12px;white-space:nowrap}.about-role{display:block;font-size:10px;letter-spacing:.1em;color:var(--about-muted);margin-bottom:10px}
.about-design .about-timeline{list-style:none;padding:0;margin:0}.about-timeline li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:20px;padding:0 0 24px;position:relative}.about-timeline li:last-child{padding-bottom:0}.about-timeline time{font-family:Georgia,"Times New Roman",serif;font-size:23px;line-height:1.4;letter-spacing:-.03em}.about-timeline h3{font-size:14px!important;margin:0 0 4px!important}.about-timeline p{font-size:12px;line-height:1.8;color:var(--about-muted)}.about-history{margin-top:26px;padding-top:16px;border-top:1px dashed var(--about-line)}.about-history summary{font-size:12px;color:var(--about-muted);cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;width:fit-content}.about-history summary::-webkit-details-marker{display:none}.about-history summary:after{content:"＋";font-size:14px;line-height:1;color:var(--about-green)}.about-history[open] summary:after{content:"－"}.about-history summary:hover{color:var(--about-ink)}.about-design .about-history-list{margin:20px 0 0;padding:0;list-style:none}.about-history-list li{display:grid;grid-template-columns:86px minmax(0,1fr);gap:18px;padding:8px 0;font-size:12px;line-height:1.8;border-bottom:1px solid #f0f2ee}.about-history-list time{font-variant-numeric:tabular-nums;color:var(--about-muted)}
.about-contact>p{font-size:14px;margin-bottom:16px}.about-contact-links{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:12px}.about-notes{padding-top:36px}.about-notes-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:24px}.about-design .about-notes-heading h2{font-size:19px;letter-spacing:.05em}.about-notes-heading h2 span{font-size:11px;color:var(--about-muted);margin-left:8px;letter-spacing:0}.about-notes-heading>a{font-size:12px;color:var(--about-muted)}.about-note{display:flex;gap:14px;padding:18px 0;border-top:1px solid var(--about-line)}.about-note-mark{display:flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border-radius:50%;background:#eef1ed;color:var(--about-green);font-family:Georgia,serif;font-size:16px}.about-note-name{font-size:12px;margin-bottom:4px!important}.about-note-name span{margin-left:10px;font-size:10px;color:var(--about-muted)}.about-note p:last-child{font-size:13px}
@media(max-width:767px){.about-hero{grid-template-columns:minmax(0,1fr) 168px;gap:24px;padding-bottom:32px}.about-design .about-hero h1{font-size:28px;margin-bottom:16px}.about-hero-intro{font-size:15px}.about-cats{width:168px}.about-row{grid-template-columns:80px minmax(0,1fr);gap:20px;padding:28px 0}.about-project{display:block;padding:18px}.about-project a{display:inline-block;margin-top:14px}.about-design .about-project h3{font-size:20px}.about-hero-secondary{font-size:12px}}
@media(max-width:480px){.about-hero{grid-template-columns:minmax(0,1fr);gap:24px}.about-eyebrow{margin-bottom:12px!important}.about-design .about-hero h1{font-size:28px}.about-cats{width:216px;margin:0 auto}.about-row{grid-template-columns:minmax(0,1fr);gap:16px}.about-design .about-row>h2{padding:0;font-size:12px}.about-design{font-size:14px}.about-timeline li{grid-template-columns:54px minmax(0,1fr);gap:16px}.about-history-list li{grid-template-columns:76px minmax(0,1fr);gap:12px}.about-contact-links{gap:12px 20px}.about-notes-heading{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.about-design *{transition:none!important;animation:none!important}}

/* Contacts and the native comment form share the page's quiet spacing. */
.about-design .about-contact-links{gap:8px 24px}.about-design .about-contact-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--about-muted);border:0}.about-contact-link svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}.about-design .about-contact-link:hover{color:var(--about-green)}.about-contact-link:hover svg{transform:translateY(-2px)}.about-design [hidden]{display:none!important}.about-design .about-comments{padding-top:36px}.about-comments>h2{font-size:19px;letter-spacing:.05em;margin-bottom:20px}.about-comments>h2 span{font-size:12px;letter-spacing:0;color:var(--about-muted);margin-left:8px}.about-comments .m-comments{background:transparent}.about-comments .f-comments{max-width:none;padding:0}.about-design .about-original{overflow-wrap:anywhere}.about-original iframe{display:none}.about-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0}.about-stats-grid dt{font-size:12px;color:var(--about-muted)}.about-stats-grid dd{font-size:26px;font-family:Georgia,serif;margin:4px 0 0}

/* BaiduStats presentation belongs to this theme; plugin supplies data and markup only. */
.bs-statistics{--bs-ink:#303a34;--bs-muted:#68716b;--bs-line:#e5e9e4;display:grid;grid-template-columns:100px minmax(0,1fr);gap:32px;padding:34px 0;border-bottom:1px solid var(--bs-line);color:var(--bs-ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;box-sizing:border-box}.bs-statistics *{box-sizing:border-box}.bs-statistics .bs-title{font:400 12px/1.9 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:var(--bs-muted);padding-top:4px;margin:0;letter-spacing:.04em}.bs-statistics .bs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 28px;margin:0}.bs-item{min-width:0}.bs-item dt{font-size:12px;line-height:1.8;color:var(--bs-muted)}.bs-item dd{font:400 28px/1.35 Georgia,"Times New Roman",serif;font-variant-numeric:tabular-nums;margin:5px 0 0;overflow-wrap:anywhere}.bs-caption{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:4px 16px;margin-top:22px;min-height:22px;font-size:10px;line-height:1.9;color:var(--bs-muted)}.bs-caption .bs-updated{margin:0;min-width:0;min-height:19px}.bs-caption a{color:inherit;text-decoration:none;white-space:nowrap}.bs-caption a:hover{color:var(--bs-ink)}.bs-caption a:focus-visible{outline:2px solid #657b6d;outline-offset:4px}@media(max-width:767px){.bs-statistics{grid-template-columns:80px minmax(0,1fr);gap:20px;padding:28px 0}.bs-statistics .bs-grid{gap:20px 16px}.bs-item dd{font-size:25px}.bs-caption{min-height:38px}}@media(max-width:480px){.bs-statistics{grid-template-columns:minmax(0,1fr);gap:16px}.bs-statistics .bs-title{padding:0}.bs-statistics .bs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}.bs-caption{margin-top:20px;min-height:38px}.bs-item dd{font-size:27px}}
