:root{--bg:#fff8fa;--paper:#ffffffe0;--paper-hover:#fff;--ink:#3d2254;--muted:#7c6094;--line:#4a2c6a14;--primary:#ff6f91;--primary-hover:#ff8aae;--secondary:#b89cff;--teal:#7fd8c5;--peach:#ffb37a;--shadow:#8e6aaf0f;--shadow-hover:#8e6aaf1f}*{box-sizing:border-box}html{background-color:#0000;background-image:radial-gradient(circle at 10% 20%,#ffb37a26,#0000 40%),radial-gradient(circle at 90% 10%,#b89cff33,#0000 45%),radial-gradient(circle at 50% 80%,#ff6f911f,#0000 50%),linear-gradient(160deg,#fff9fa 0%,#f6eeff 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}body{min-height:100vh;color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans CJK TC,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.portal-shell{width:min(1200px,100vw - 32px);margin:0 auto;padding:64px 0 96px}.hero-wrapper{border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 24px 70px var(--shadow);background:#ffffffa6;border-radius:40px;grid-template-columns:1.2fr .8fr;align-items:center;gap:32px;padding:56px;display:grid;position:relative;overflow:hidden}.hero-wrapper:before{content:"";filter:blur(30px);pointer-events:none;background:radial-gradient(circle,#ff6f912e,#0000 70%);border-radius:999px;width:350px;height:350px;position:absolute;top:-20%;right:-10%}.hero{z-index:2;position:relative}.eyebrow{color:var(--primary);letter-spacing:.2em;text-transform:uppercase;background:#ff6f9114;border-radius:999px;margin:0 0 16px;padding:6px 16px;font-size:.88rem;font-weight:700;display:inline-block}.hero h1{letter-spacing:-.02em;margin:0;font-size:clamp(2.2rem,5vw,3.8rem);font-weight:800;line-height:1.25}.lede{color:var(--muted);margin:24px 0 0;font-size:1.12rem;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:16px;margin-top:36px;display:flex}.primary-link,.secondary-link{border-radius:999px;justify-content:center;align-items:center;min-height:52px;padding:0 28px;font-size:1rem;font-weight:700;transition:all .25s cubic-bezier(.175,.885,.32,1.275);display:inline-flex}.primary-link{background:linear-gradient(135deg, var(--primary) 0%, #ff8aae 100%);color:#fff;box-shadow:0 10px 24px #ff6f9140}.primary-link:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 14px 30px #ff6f9159}.secondary-link{border:1px solid var(--line);background:var(--paper);color:var(--ink)}.secondary-link:hover{background:var(--paper-hover);border-color:#4a2c6a33;transform:translateY(-3px)}.hero-art{justify-content:center;align-items:center;display:flex;position:relative}.garden-frame{background:#fffaf1;border:1px solid #3d225414;border-radius:42% 58% 48% 52%/44% 42% 58% 56%;width:min(100%,470px);padding:10px;position:relative;box-shadow:0 28px 70px #68485729,0 0 0 10px #ffffff73}.garden-frame img{aspect-ratio:3/2;border-radius:inherit;object-fit:cover;width:100%;display:block}.art-caption{color:var(--ink);letter-spacing:.04em;white-space:nowrap;background:#ffffffeb;border:1px solid #3d225417;border-radius:999px;padding:10px 16px;font-size:.78rem;font-weight:700;position:absolute;bottom:14px;right:-12px;box-shadow:0 10px 24px #3d22541f}.floating-element{animation:6s ease-in-out infinite alternate bounce}.floating-element-delay{animation:6s ease-in-out infinite alternate bounce-delay}@keyframes bounce{0%{transform:translateY(0)rotate(1deg)}to{transform:translateY(-12px)rotate(-1deg)}}@keyframes bounce-delay{0%{transform:translateY(-10px)rotate(-1deg)}to{transform:translateY(5px)rotate(1deg)}}.principles{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px;display:grid}.principle-card{border:1px solid var(--line);background:var(--paper);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px var(--shadow);border-radius:30px;align-items:center;gap:16px;padding:24px;transition:transform .2s;display:flex}.principle-card:hover{transform:translateY(-2px)}.principle-mark{width:36px;height:36px;color:var(--primary);background:#ff6f911a;border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.principle-card p{color:var(--ink);margin:0;font-size:.95rem;font-weight:600;line-height:1.6}.path-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:48px;display:grid}.path-card{border:1px solid var(--line);background:var(--paper);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:340px;box-shadow:0 15px 45px var(--shadow);border-radius:36px;flex-direction:column;padding:36px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.path-card:after{content:"→";color:var(--primary);opacity:.5;font-size:1.8rem;transition:transform .25s,opacity .25s;position:absolute;bottom:36px;right:36px}.path-card:hover{background:var(--paper-hover);box-shadow:0 24px 60px var(--shadow-hover);border-color:#ff6f9133;transform:translateY(-8px)}.path-card:hover:after{opacity:1;transform:translate(6px)}.path-card-art{border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:24px;display:flex;box-shadow:inset 0 2px 6px #ffffff80}.art-quiz{color:var(--primary);background:#ff6f911f}.art-academy{color:var(--secondary);background:#b89cff1f}.art-sop{color:#3ca99a;background:#7fd8c526}.path-index{color:var(--muted);opacity:.35;letter-spacing:.1em;font-size:.9rem;font-weight:700;position:absolute;top:36px;right:36px}.path-card h2{color:var(--ink);margin:0 0 12px;font-size:1.5rem;font-weight:800;line-height:1.3}.path-card p{color:var(--muted);width:90%;margin:0;font-size:.96rem;line-height:1.7}@media (max-width:900px){.principles,.path-grid{grid-template-columns:1fr}.hero{padding:34px 24px}}.site-header{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--line);background:#fff8fad9;width:100%;padding:16px 0;position:sticky;top:0;box-shadow:0 4px 20px #8e6aaf08}.nav-container{justify-content:space-between;align-items:center;width:min(1200px,100vw - 32px);margin:0 auto;display:flex}.logo{color:var(--ink);align-items:center;gap:8px;font-size:1.25rem;font-weight:800;display:flex}.logo-sparkle{color:var(--primary);animation:2s infinite alternate pulse-sparkle}@keyframes pulse-sparkle{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.15)}}.nav-links{align-items:center;gap:24px;display:flex}.nav-item{color:var(--muted);align-items:center;gap:4px;font-size:.95rem;font-weight:700;transition:color .2s,transform .2s;display:flex}.nav-item:hover{color:var(--primary);transform:translateY(-1px)}.nav-btn{background:linear-gradient(135deg, var(--primary) 0%, #ff8aae 100%);border-radius:999px;padding:8px 18px;box-shadow:0 4px 12px #ff6f9133;color:#fff!important}.nav-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #ff6f914d}@media (max-width:680px){.nav-container{flex-direction:column;gap:12px}.nav-links{gap:10px;width:100%;padding-bottom:2px;font-size:.9rem;overflow-x:auto}.nav-item{white-space:nowrap}.art-caption{font-size:.7rem;bottom:6px;right:2px}}@media (max-width:960px){.hero-wrapper{text-align:center;grid-template-columns:1fr;padding:40px 28px}.hero-art{margin-top:16px}.hero-actions{justify-content:center}.principles{grid-template-columns:1fr;gap:16px}.path-grid{grid-template-columns:1fr;gap:20px}.path-card{min-height:auto;padding:30px}}