
    :root{--cream:#f3eedb;--teal:#21877d;--dark:#173f39;--ink:#17332f;--muted:#687e79;--coral:#ff7657;--yellow:#ffc65d;--mint:#dcefeb}
    body{overflow-x:hidden;overflow-y:auto!important}
    *{box-sizing:border-box}body{margin:0;background:#edf3f1;color:var(--ink);font-family:"Avenir Next","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:"Hiragino Maru Gothic ProN","Yu Gothic",sans-serif}a{color:inherit;text-decoration:none}.page{max-width:1180px;margin:28px auto;background:var(--cream);border-radius:30px;overflow:hidden;box-shadow:0 30px 90px #173c3624}.site-header{height:76px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:#fff}.logo{font-size:23px;font-weight:800;letter-spacing:-.05em}.logo i{display:inline-block;width:9px;height:9px;margin-left:4px;border-radius:50%;background:var(--coral)}.nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:650;color:#41605b}.nav a.active{color:#fff;background:var(--dark);padding:11px 17px;border-radius:999px}.hero{min-height:440px;padding:105px 7% 75px;display:flex;align-items:center;position:relative;overflow:hidden}.hero:before{content:"↗";position:absolute;right:4%;top:25px;font:800 260px/1 ui-monospace;color:#14766c0a;transform:rotate(-8deg)}.hero:after{content:"";position:absolute;width:300px;height:300px;border:2px dashed #e6ae3b;border-radius:50%;right:10%;bottom:-190px}.hero-copy{max-width:740px;position:relative;z-index:1}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.19em;color:var(--teal)}h1{font-size:clamp(40px,6vw,72px);line-height:1.16;letter-spacing:-.06em;margin:15px 0 22px}h1 span{color:var(--coral);position:relative;white-space:nowrap}h1 span:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:8px;background:var(--coral);border-radius:50%;transform:rotate(-2deg)}.hero p{max-width:620px;color:var(--muted);font-size:15px;line-height:2}.history{padding:25px 7% 100px}.history-list{position:relative;max-width:900px;margin:0 auto}.history-list:before{content:"";position:absolute;left:50%;top:16px;bottom:16px;border-left:2px dashed #9fcac2;transform:translateX(-1px)}.history-item{position:relative;display:grid;grid-template-columns:1fr 76px 1fr;align-items:center;min-height:190px}.history-dot{grid-column:2;justify-self:center;z-index:2;width:31px;height:31px;border:7px solid var(--cream);border-radius:50%;background:var(--teal);box-shadow:0 0 0 2px #8dc3b9}.history-card{grid-column:1;padding:29px 31px;border-radius:22px;background:#fff;box-shadow:0 12px 30px #173c360b;position:relative}.history-card:after{content:"";position:absolute;right:-9px;top:50%;width:18px;height:18px;background:#fff;transform:translateY(-50%) rotate(45deg)}.history-item:nth-child(even) .history-card{grid-column:3;grid-row:1}.history-item:nth-child(even) .history-card:after{right:auto;left:-9px}.history-item:nth-child(2) .history-dot,.history-item:nth-child(5) .history-dot{background:var(--yellow);box-shadow:0 0 0 2px #e2b13e}.history-item:nth-child(3) .history-dot,.history-item:nth-child(6) .history-dot{background:var(--coral);box-shadow:0 0 0 2px #eb917b}.history-year{display:flex;align-items:center;gap:10px;font:800 25px/1 ui-monospace,monospace;color:var(--teal);letter-spacing:-.04em}.history-year small{padding:5px 8px;border-radius:99px;background:var(--coral);color:#fff;font:800 9px/1 "Avenir Next",sans-serif;letter-spacing:.08em}.history-card h3{font-size:18px;line-height:1.5;margin:17px 0 9px}.history-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.9}.footer{display:flex;justify-content:space-between;align-items:center;padding:26px 6%;background:#102f2b;color:#bcd1cd;font-size:10px}.footer .logo{color:#fff;font-size:18px}@media(max-width:760px){body{background:var(--cream)}.page{margin:0;border-radius:0}.site-header{height:66px;padding:0 4%}.logo{font-size:18px}.nav{gap:8px}.nav a{font-size:9px}.nav a.active{padding:9px 11px}.hero{min-height:390px;padding:80px 6% 55px}.history{padding:15px 6% 70px}.history-list:before{left:18px;top:14px;bottom:14px}.history-item{display:grid;grid-template-columns:44px 1fr;min-height:0;margin-bottom:16px}.history-dot{grid-column:1;grid-row:1;align-self:start;margin-top:25px;width:27px;height:27px}.history-card,.history-item:nth-child(even) .history-card{grid-column:2;grid-row:1}.history-card:after,.history-item:nth-child(even) .history-card:after{left:-8px;right:auto}.footer{align-items:flex-start;flex-direction:column;gap:12px}}
    .hero:before,.hero:after{display:none}.timeline-entry{position:relative;display:grid;grid-template-columns:1fr 76px 1fr;align-items:center}.timeline-node{grid-column:2;grid-row:1;justify-self:center;z-index:3;border-radius:50%}.year-milestone{min-height:170px}.year-milestone .timeline-node{width:31px;height:31px;border:7px solid var(--cream);background:var(--teal);box-shadow:0 0 0 2px #8dc3b9}.year-card{grid-column:1;grid-row:1;padding:27px 30px;border-radius:23px;background:var(--dark);color:#fff;box-shadow:0 14px 34px #173c3618}.year-card.right{grid-column:3}.year-card .history-year{color:#9fe0d5}.year-card h3{font-size:18px;margin:15px 0 0}.month-milestone{min-height:120px}.month-milestone .timeline-node{width:13px;height:13px;background:var(--yellow);border:3px solid var(--cream);box-shadow:0 0 0 2px #d6ab43}.month-card{grid-column:3;grid-row:1;max-width:340px;padding:18px 20px;border-radius:17px;background:#fff;box-shadow:0 9px 24px #173c360c}.month-card.left{grid-column:1;justify-self:end}.month-label{display:inline-block;padding:5px 9px;border-radius:99px;background:var(--mint);color:var(--teal);font-size:10px;font-weight:800}.month-card h3{font-size:13px;line-height:1.55;margin:10px 0 5px}.month-card p{font-size:10px;line-height:1.7;margin:0;color:var(--muted)}.ai-month .month-label{background:var(--mint);color:var(--teal)}.ai-month{border:1px solid #e3ece9}@media(max-width:760px){.timeline-entry{grid-template-columns:42px 1fr}.timeline-node,.year-milestone .timeline-node,.month-milestone .timeline-node{grid-column:1}.year-card,.year-card.right,.month-card,.month-card.left{grid-column:2;justify-self:stretch;max-width:none}.month-milestone{min-height:110px}}
    :root{--year-card-cream:#fff8e9;--year-card-mint:#dcefeb}.history-list{counter-reset:year 2020}.year-milestone{counter-increment:year}.month-label:before{content:counter(year) "年"}.year-card{position:relative;background:var(--year-card-cream);color:var(--ink);border:1px solid #eadfca}.year-card.right{background:var(--year-card-mint);border-color:#c9e2dc}.year-card .history-year{color:var(--teal)}.year-heading{display:flex;align-items:center;gap:18px}.year-heading h3{margin:0}.year-card:after,.month-card:after{content:"";position:absolute;top:50%;width:16px;height:16px;transform:translateY(-50%) rotate(45deg);z-index:-1}.year-card:not(.right):after,.month-card.left:after{right:-8px;background:inherit;border-top:inherit;border-right:inherit}.year-card.right:after,.month-card:not(.left):after{left:-8px;background:inherit;border-left:inherit;border-bottom:inherit}.month-card{position:relative;z-index:1}@media(max-width:760px){.year-heading{gap:12px;flex-wrap:wrap}.year-card:after,.month-card:after,.year-card.right:after,.month-card.left:after{left:-8px;right:auto}}
    .year-card.right{background:var(--year-card-cream);border-color:#eadfca}
    .hero-copy{z-index:3}.sun-scene{position:fixed;left:0;right:0;top:76px;height:22vh;z-index:10;pointer-events:none;opacity:0;transition:opacity .65s ease}.sun-scene.is-active{opacity:1}.sun-scene.is-setting{opacity:0}.sun-orb{position:absolute;left:4%;top:78%;width:112px;height:112px;transform:translate(-50%,-50%);z-index:2}.sun-icon{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 12px #6f3b181f)}@media(max-width:760px){.sun-scene{display:none}}
    .nav a:not(.active){border:0;background:transparent;color:#41605b;padding:10px 0}.nav a.active{background:var(--dark);color:#fff;min-width:82px;text-align:center;border:0;padding:11px 17px;border-radius:999px}@media(max-width:760px){.nav a:not(.active){padding:8px 0}.nav a.active{min-width:0;padding:9px 11px}}
    html,body{margin:0;background:#edf3f1}
    @media(max-width:760px){html,body{background:var(--cream)}}
    @media(max-width:760px){.month-milestone{margin-bottom:16px}}
