*{box-sizing:border-box} :root{--green:#29483a;--green-dark:#20382d;--cream:#f7f2e9;--paper:#fffdf9;--text:#2f3832;--muted:#666d67;--shadow:0 18px 44px rgba(54,48,39,.11)} html{min-height:100%;scroll-behavior:smooth} body{min-height:100vh;margin:0;background:#eee9df;color:var(--text);font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif} a{color:inherit} .portal{width:min(100%,1080px);min-height:100vh;margin:auto;overflow:hidden;background:var(--cream);box-shadow:0 0 60px rgba(31,56,43,.11)}
.hero{position:relative;min-height:720px;overflow:hidden;background:linear-gradient(90deg,rgba(255,253,248,.98) 0%,rgba(255,253,248,.91) 35%,rgba(255,253,248,.38) 64%,rgba(255,253,248,.1) 100%),linear-gradient(135deg,#f4eee4 0%,#dce3d8 50%,#9db09f 100%)}
.mountain-wash{position:absolute;inset:0;background:url("portal-mountains.svg") 58% center/cover no-repeat;opacity:.95}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 62%,rgba(38,65,49,.08));pointer-events:none}
.topbar{position:relative;z-index:5;display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:40px 48px 0}.brand{display:flex;gap:18px}.brand-rule{width:2px;min-height:64px;background:rgba(35,59,46,.68)}.brand p{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:20px;letter-spacing:.13em}.brand span{display:block;margin-top:8px;font-family:"Noto Serif TC",serif;font-size:18px;letter-spacing:.2em}.profile{display:flex;align-items:center;gap:8px;font-size:15px}.avatar{position:relative;display:grid;place-items:center;width:42px;height:42px;overflow:hidden;border:2px solid rgba(255,255,255,.85);border-radius:50%;color:white;background:linear-gradient(145deg,#b99c75,#6b563e);box-shadow:0 7px 16px rgba(39,48,41,.18)}.avatar img{width:100%;height:100%;object-fit:cover}.avatar span{position:absolute}.profile-copy{max-width:145px;overflow:hidden}.profile-copy span,.profile-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-copy small{margin-top:2px;color:#59635c;font-family:Georgia,"Times New Roman",serif;font-size:11px}
.hero-grid{position:relative;z-index:4;display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:42px;padding:62px 50px 245px}.greeting{max-width:600px}.leaf-mark{width:40px;height:66px;margin-bottom:20px;fill:none;stroke:var(--green);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.greeting h1{margin:0 0 24px;font-family:"Noto Serif TC",serif;color:var(--green-dark);font-size:clamp(35px,4.6vw,50px);font-weight:600;line-height:1.27;letter-spacing:.055em}.greeting h1 span,.greeting h1 small,.greeting p span,.greeting p small{display:block}.greeting h1 small{margin-top:8px;font-family:Georgia,"Times New Roman",serif;font-size:.43em;font-weight:400;line-height:1.25;letter-spacing:.035em}.greeting p{margin:0 0 11px;font-family:"Noto Serif TC",serif;font-size:17px;line-height:1.55;letter-spacing:.04em}.greeting p small{margin-top:2px;color:#566159;font-family:Georgia,"Times New Roman",serif;font-size:.69em;line-height:1.5;letter-spacing:.025em}.greeting-space{margin-top:17px!important}.daily{align-self:start;padding-top:28px}.date{margin:0;font-size:13px;letter-spacing:.04em}.clock{margin:9px 0 21px;font-family:Georgia,"Times New Roman",serif;color:var(--green-dark);font-size:59px;line-height:1}.weather{display:flex;align-items:flex-start;gap:12px}.weather-icon{font-size:39px;line-height:1}.weather strong,.weather span,.weather small{display:block;font-size:13px;line-height:1.55}.weather strong small{margin-top:2px;font-family:Georgia,"Times New Roman",serif;font-size:10px;font-weight:400}.weather>div>span{max-width:185px;margin-top:5px;color:#515a54;font-size:10px}.pets{position:absolute;right:20px;bottom:0;z-index:3;width:61%;max-width:665px;height:auto;filter:drop-shadow(0 14px 17px rgba(31,41,34,.15));animation:petFade .9s ease-out both}.stone-ledger{position:absolute;right:-3%;bottom:-23px;z-index:2;width:70%;height:92px;border-radius:50%;background:radial-gradient(ellipse at center,#8f8b7c 0%,#aaa493 45%,rgba(162,157,142,0) 71%);opacity:.55;filter:blur(.2px)}@keyframes petFade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:42px 48px 28px;background:radial-gradient(circle at center top,rgba(255,255,255,.87),transparent 45%),var(--cream)}.service-card{position:relative;display:grid;grid-template-columns:105px minmax(0,1fr) 40px;align-items:center;gap:19px;min-height:238px;overflow:hidden;padding:27px 24px;border:1px solid rgba(70,64,53,.07);border-radius:24px;background:rgba(255,253,249,.98);box-shadow:var(--shadow);text-decoration:none;transition:transform .22s ease,box-shadow .22s ease,opacity .2s ease}.service-card:before{content:"";position:absolute;right:-45px;bottom:-70px;width:250px;height:140px;border-radius:50%;background:currentColor;opacity:.045}.service-card:after{content:"";position:absolute;left:-20px;bottom:-35px;width:180px;height:92px;background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 10px,currentColor 11px 12px);opacity:.11}.icon-wrap{position:relative;z-index:2;display:grid;place-items:center;width:94px;height:94px;border-radius:50%}.icon-wrap svg{width:52px;height:52px;fill:none;stroke:currentColor;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}.service-card h2{position:relative;z-index:2;margin:0;font-family:"Noto Serif TC",serif;font-size:25px;font-weight:600;line-height:1.38;letter-spacing:.035em}.service-card h2 span,.service-card h2 small,.service-card p span,.service-card p small{display:block}.service-card h2 small{margin-top:6px;font-family:Georgia,"Times New Roman",serif;font-size:.52em;font-weight:400;line-height:1.25;letter-spacing:.02em}.service-card p{position:relative;z-index:2;margin:13px 0 0;color:#444b46;font-size:14px;line-height:1.58}.service-card p small{margin-top:5px;color:#6a706b;font-family:Georgia,"Times New Roman",serif;font-size:.78em;line-height:1.4}.arrow{position:relative;z-index:2;display:grid;place-items:center;width:39px;height:39px;border:1.5px solid currentColor;border-radius:50%;font-size:22px}.shuttle{color:#29483a}.shuttle .icon-wrap{background:#cbd1c3}.dorm{color:#825f3a}.dorm .icon-wrap{background:#eadcc8}.menu{color:#a85328}.menu .icon-wrap{background:#efc6aa}.benefits{color:#29483a}.benefits .icon-wrap{background:#d1d4c8}.service-card.opening{transform:scale(.98);opacity:.83}
.care{position:relative;display:flex;align-items:center;justify-content:center;min-height:132px;margin:0 48px 30px;overflow:hidden;border-radius:20px;background:linear-gradient(90deg,#e9decc,#faf6ef,#e8dccb);box-shadow:0 12px 28px rgba(79,66,49,.09)}.care p{margin:0;padding:20px 90px;font-family:"Noto Serif TC",serif;font-size:23px;letter-spacing:.08em;text-align:center}.care p span,.care p small{display:block}.care p small{margin-top:7px;color:#6a635a;font-family:Georgia,"Times New Roman",serif;font-size:.56em;line-height:1.35;letter-spacing:.025em}.care p:after{content:"";display:block;width:47px;height:1px;margin:14px auto 0;background:rgba(73,69,61,.55)}.pebbles{position:absolute;left:68px;bottom:20px;width:86px;height:75px}.pebbles i{position:absolute;left:50%;border-radius:50%;transform:translateX(-50%);box-shadow:0 5px 8px rgba(48,45,40,.15)}.pebbles i:nth-child(1){bottom:0;width:78px;height:22px;background:#77766b}.pebbles i:nth-child(2){bottom:17px;width:58px;height:17px;background:#969185}.pebbles i:nth-child(3){bottom:31px;width:37px;height:13px;background:#b3ab9d}.pebbles b{position:absolute;left:50px;bottom:43px;width:2px;height:31px;background:#526052;transform:rotate(7deg)}.pebbles b:before,.pebbles b:after{content:"";position:absolute;width:14px;height:7px;border:1px solid #526052;border-radius:100% 0 100% 0}.pebbles b:before{left:-13px;top:7px}.pebbles b:after{left:1px;top:18px;transform:rotate(-28deg)}
.footer{position:relative;min-height:115px;overflow:hidden;padding:27px 30px;color:#f3ede2;background:linear-gradient(135deg,var(--green-dark),var(--green));text-align:center}.footer div{position:relative;z-index:2}.footer strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:19px;letter-spacing:.19em}.footer span{display:block;margin-top:7px;font-family:Georgia,"Times New Roman",serif;font-size:11px;letter-spacing:.25em}.footer i{display:block;width:40px;height:1px;margin:14px auto 0;background:rgba(255,255,255,.48)}.footer svg{position:absolute;right:18px;bottom:-7px;width:320px;height:108px;opacity:.42;fill:none;stroke:#f0eadc;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:820px){.hero{min-height:690px}.topbar{padding:30px 30px 0}.hero-grid{grid-template-columns:minmax(0,1fr) 195px;padding:62px 32px 232px}.clock{font-size:49px}.pets{right:0;width:68%}.services{gap:16px;padding:28px 22px 22px}.service-card{grid-template-columns:80px minmax(0,1fr) 35px;min-height:182px;gap:16px;padding:22px 18px}.icon-wrap{width:74px;height:74px}.icon-wrap svg{width:42px;height:42px}.service-card h2{font-size:22px}.care{margin:0 22px 22px}}
@media(max-width:600px){body{background:var(--cream)}.portal{width:100%;box-shadow:none}.hero{min-height:725px}.mountain-wash{background-position:64% center}.topbar{gap:8px;padding:calc(20px + env(safe-area-inset-top)) 18px 0}.brand{gap:10px}.brand-rule{min-height:48px}.brand p{font-size:12px;letter-spacing:.1em}.brand span{margin-top:5px;font-size:11px;letter-spacing:.14em}.avatar{width:31px;height:31px}.profile{font-size:11px}.profile-copy{max-width:86px}.profile-copy small{font-size:8px}.hero-grid{display:block;padding:48px 21px 225px}.greeting{width:72%}.leaf-mark{width:30px;height:46px;margin-bottom:15px}.greeting h1{margin-bottom:18px;font-size:clamp(25px,7.3vw,34px)}.greeting h1 small{margin-top:5px;font-size:.44em}.greeting p{margin-bottom:9px;font-size:12px;line-height:1.52}.greeting p small{font-size:.68em}.greeting-space{margin-top:13px!important}.daily{position:absolute;top:126px;right:13px;width:124px;padding:0}.date{font-size:8px;line-height:1.45}.clock{margin:7px 0 14px;font-size:36px}.weather{display:block}.weather-icon{display:block;margin-bottom:4px;font-size:27px}.weather strong,.weather span,.weather small{font-size:8px;line-height:1.45}.weather strong small{font-size:7px}.weather>div>span{max-width:124px;font-size:7px}.pets{right:-7%;width:86%;max-width:none}.stone-ledger{right:-11%;width:92%}.services{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px 13px 17px}.service-card{display:flex;flex-direction:column;align-items:flex-start;min-height:255px;gap:10px;padding:17px 14px;border-radius:18px}.icon-wrap{width:64px;height:64px}.icon-wrap svg{width:37px;height:37px}.service-card h2{font-size:16px;line-height:1.35}.service-card h2 small{margin-top:4px;font-size:.55em}.service-card p{margin-top:7px;font-size:10px;line-height:1.45}.service-card p small{margin-top:4px;font-size:.76em}.arrow{position:absolute;right:13px;bottom:13px;width:29px;height:29px;font-size:17px}.care{min-height:105px;margin:0 13px 16px;border-radius:15px}.care p{padding:15px 19px 15px 73px;font-size:15px;letter-spacing:.04em}.care p small{font-size:.55em}.pebbles{left:15px;bottom:11px;transform:scale(.68);transform-origin:left bottom}.footer{min-height:98px;padding:22px 20px calc(20px + env(safe-area-inset-bottom))}.footer strong{font-size:14px}.footer span{font-size:8px}.footer svg{right:-31px;width:215px}}
@media(max-width:390px){.hero{min-height:710px}.hero-grid{padding-left:18px;padding-right:18px}.greeting h1{font-size:25px}.daily{right:9px;width:112px}.clock{font-size:33px}.service-card{min-height:246px;padding:15px 12px}.icon-wrap{width:57px;height:57px}.service-card h2{font-size:15px}.service-card p{font-size:9px}}
@media(hover:hover){.service-card:hover{transform:translateY(-5px);box-shadow:0 24px 52px rgba(67,56,42,.17)}.service-card:hover .arrow{transform:translateX(3px)}}