:root{color-scheme:light;--bg-top: #eff5ee;--bg-bottom: #dbe7df;--panel-bg: rgba(255, 255, 255, .82);--panel-border: rgba(72, 93, 78, .14);--text-main: #233127;--text-muted: #617066;--card-bg: rgba(255, 255, 255, .65);--card-border: rgba(72, 93, 78, .1);--card-hover-shadow: rgba(57, 74, 62, .1);--card-icon-bg: rgba(72, 93, 78, .06);--card-icon-hover-bg: rgba(72, 93, 78, .12);--shadow: 0 18px 45px rgba(57, 74, 62, .12);--accent-gradient: linear-gradient(135deg, rgba(120, 180, 255, .3), rgba(180, 130, 255, .2))}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Microsoft YaHei,PingFang SC,sans-serif;background:radial-gradient(circle at top left,rgba(255,255,255,.9),transparent 30%),linear-gradient(160deg,var(--bg-top),var(--bg-bottom));color:var(--text-main);position:relative;overflow-x:hidden}body:after{content:"";position:fixed;left:0;right:0;bottom:0;width:100vw;aspect-ratio:16 / 9;background-image:url(/images/dogs.png);background-repeat:no-repeat;background-position:center bottom;background-size:100% auto;filter:blur(4px) saturate(1.03);opacity:.56;pointer-events:none;z-index:0}#root{position:relative;z-index:1}.shell{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:clamp(14px,3vw,28px);padding-left:max(clamp(14px,3vw,28px),env(safe-area-inset-left));padding-right:max(clamp(14px,3vw,28px),env(safe-area-inset-right));padding-top:max(clamp(14px,3vw,28px),env(safe-area-inset-top));padding-bottom:max(clamp(14px,3vw,28px),env(safe-area-inset-bottom))}.panel{width:min(580px,100%);padding:clamp(20px,5vw,42px) clamp(14px,4vw,28px);border:1px solid var(--panel-border);border-radius:clamp(18px,3vw,28px);background:var(--panel-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);text-align:center}.eyebrow{margin:0 0 10px;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted)}h1{margin:0;font-size:clamp(28px,5vw,40px);font-weight:600;line-height:1.2}.description{margin:18px 0 0;font-size:16px;color:var(--text-muted)}.nav-list{display:flex;flex-direction:column;gap:10px;margin-top:24px;width:100%}.nav-card{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:14px;text-decoration:none;color:var(--text-main);background:var(--card-bg);border:1px solid var(--card-border);box-shadow:0 2px 8px #394a3e0a;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;position:relative;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:60px;animation:none!important}.nav-card-wrapper{width:100%;display:block}.nav-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:1px;background:var(--accent-gradient);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity .22s ease}.nav-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--card-hover-shadow);border-color:transparent}.nav-card:hover:before{opacity:1}.nav-card:active{transform:translateY(0)}.nav-card:hover .nav-card-icon{background:var(--card-icon-hover-bg);transform:scale(1.08)}.nav-card-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1}.nav-card-icon img{display:block;max-width:100%;height:auto}.nav-card:hover .nav-card-icon--img{background:#fff;border-color:#485d4e29}.nav-card-body{flex:1;min-width:0;text-align:left}.nav-card-title{display:block;font-size:15px;font-weight:600;line-height:1.3}.nav-card-desc{margin:2px 0 0;font-size:12px;color:var(--text-muted);line-height:1.35}.nav-card-arrow{font-size:14px;opacity:.5;flex-shrink:0;transition:opacity .22s ease,transform .22s ease;color:var(--text-muted);align-self:flex-start;margin-top:2px}.nav-card:hover .nav-card-arrow{opacity:.6;transform:translate(2px,-2px)}.nav-card-chevron{font-size:14px;opacity:.4;flex-shrink:0;transition:transform .22s ease,opacity .22s ease}.nav-card-chevron.is-open{transform:rotate(180deg);opacity:.6}.nav-card--expanded.nav-card-sublist{margin-top:10px}.nav-card-sublist{display:flex;flex-direction:column;gap:10px;padding-left:16px;border-left:2px solid rgba(72,93,78,.1);overflow:visible;animation:none!important}.nav-card-sublist .nav-card{padding:10px 14px;gap:12px;border-radius:12px;min-height:54px}.nav-card-sublist .nav-card-icon{width:32px;height:32px;font-size:18px;border-radius:8px}.nav-card-sublist .nav-card-icon--img img{width:18px;height:18px}.nav-card-sublist .nav-card-title{font-size:14px}@keyframes card-enter{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes sublist-enter{0%{opacity:0;max-height:0;transform:translateY(-10px)}15%{max-height:600px}to{opacity:1;max-height:600px;transform:translateY(0)}}.back-link{display:inline-flex;align-items:center;gap:4px;margin-top:22px;font-size:15px;color:var(--text-muted);text-decoration:none;transition:color .18s ease}.back-link:hover,.back-link:focus-visible{color:var(--text-main)}@media (max-width: 640px){.nav-list{gap:12px}}@media (hover: none){.nav-card:hover,.nav-card:hover .nav-card-icon{transform:none}}