:root{color-scheme:light;--ink:#273b48;--muted:#758791;--blue:#eaf4fa;--accent:#4c809b;--line:#e6edf0;--white:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","Microsoft JhengHei",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:#fbfdfe;color:var(--ink);-webkit-font-smoothing:antialiased}body::before{content:"";display:block;height:5px;background:linear-gradient(90deg,#dceef8,#f4f9fc,#dceef8)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip{position:absolute;left:16px;top:-100px;background:white;padding:12px;z-index:2}.skip:focus{top:16px}.shell{width:min(100% - 40px,900px);margin:auto}.profile{text-align:center;padding:52px 0 37px}.eyebrow{font-size:10px;letter-spacing:.24em;color:var(--muted);margin:0 0 24px}.avatar-wrap{width:106px;height:106px;margin:auto;position:relative}.avatar{border-radius:50%;width:106px;height:106px;object-fit:cover;border:5px solid white;box-shadow:0 0 0 1px #e1ebf1,0 7px 23px #5678910c}.avatar-wrap::after{content:"";position:absolute;right:5px;bottom:9px;width:15px;height:15px;background:#c6dfed;border:3px solid white;border-radius:50%}h1{font-size:27px;font-weight:600;letter-spacing:.025em;margin:23px 0 15px}.bio{margin:0;font-size:13px;line-height:2.05;color:#627783}.bio span{display:block}.divider{width:32px;height:2px;background:#c7deeb;margin:25px auto 0}.groups{display:grid;gap:27px}.group{padding:23px 18px 18px;background:white;border:1px solid var(--line);border-radius:22px;box-shadow:0 5px 24px #27465803}.group-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 5px 19px}.group h2{font-size:15px;font-weight:600;letter-spacing:.035em;margin:0}.group-heading p{font-size:8px;letter-spacing:.16em;color:#8496a0;margin:0}.link-list{display:grid;gap:10px}.link{display:flex;align-items:center;gap:13px;width:100%;min-height:62px;border:1px solid #eaf0f3;border-radius:13px;padding:12px 15px;background:#fcfdfe;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.link.featured{background:var(--blue);border-color:#dcecf5}.icon-wrap{width:31px;height:31px;display:grid;place-items:center;color:#5d8297;flex-shrink:0}.icon{width:21px;height:21px;display:block}.link-label{font-size:14px;font-weight:500;letter-spacing:.015em}.link-end{margin-left:auto;color:#809baa;display:flex;align-items:center;gap:7px}.pending{font-size:10px;color:#7d919b;font-weight:400;white-space:nowrap}.arrow{width:14px;height:14px}.link[aria-disabled=true]{cursor:default}.link[aria-disabled=true] .arrow{opacity:.35}@media(hover:hover){a.link:hover{transform:translateY(-2px);border-color:#c7deeb;background:#f0f7fb;box-shadow:0 5px 14px #4d7d9410}.social:hover{color:var(--accent);background:var(--blue)}}.footer{text-align:center;padding:38px 0 29px}.footer-brand{font-size:13px;letter-spacing:.095em;font-weight:500;margin:0 0 18px}.socials{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-bottom:21px}.social{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#7d929e;transition:background .18s ease,color .18s ease}.social .icon{width:17px;height:17px}.social[aria-disabled=true]{opacity:.45}.copyright{font-size:10px;line-height:1.8;color:#83939d;letter-spacing:.025em;margin:0}.footer-note{font-size:9px;letter-spacing:.2em;color:#99a8b0;margin:13px 0 0}@media(min-width:760px){.profile{padding:62px 0 42px}.groups{grid-template-columns:1fr 1fr;gap:23px;align-items:start}.group{padding:25px 23px 23px}.group-heading p{font-size:9px}.footer{padding-top:42px}h1{font-size:30px}.bio{font-size:14px}}@media(max-width:359px){.shell{width:calc(100% - 24px)}.group{padding:20px 12px 14px}.link{gap:8px;padding:12px 10px}.bio{font-size:12px}.group-heading p{letter-spacing:.06em}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}a.link:hover{transform:none}}

/* Four configurable social shortcuts */
.quick-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;width:min(100%,370px);margin:0 auto 36px;text-align:center}.quick-link{display:flex;align-items:center;flex-direction:column;gap:9px;min-width:0}.quick-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:17px;background:#eaf4fa;color:#52778d;box-shadow:0 5px 15px #2746580d;transition:transform .18s ease,box-shadow .18s ease}.quick-icon .icon{width:29px;height:29px;stroke-width:1.7}.quick-icon.instagram{background:linear-gradient(140deg,#7160ba,#ca568d 60%,#e5a577);color:white}.quick-icon.message{background:#20b85b;color:white}.quick-icon.facebook{background:#337bc4;color:white}.quick-label{font-size:12px;font-weight:500;white-space:nowrap}.quick-pending{font-size:9px;color:var(--muted);margin-top:-5px}.quick-link[aria-disabled=true]{cursor:default}@media(hover:hover){a.quick-link:hover .quick-icon{transform:translateY(-3px);box-shadow:0 8px 20px #27465820}}@media(max-width:359px){.quick-links{gap:8px}.quick-icon{width:54px;height:54px;border-radius:15px}.quick-label{font-size:11px}}@media(prefers-reduced-motion:reduce){a.quick-link:hover .quick-icon{transform:none}}

/* Ichi Papai blue and white brand palette */
.quick-icon,.quick-icon.instagram,.quick-icon.message,.quick-icon.facebook{background:#8bcddd;color:#fff;box-shadow:0 5px 15px #72bbcd22}.avatar-wrap::after{background:#8bcddd}


/* Full promotional image above the social shortcuts */
.promo{width:min(100%,520px);margin:0 auto 30px}.promo img{display:block;width:100%;height:auto;border-radius:20px;box-shadow:0 6px 24px #598e9c12}