.quick-entries{margin:18px 0 22px}.qe-label{letter-spacing:.12em;color:var(--color-ink-soft);align-items:center;gap:6px;margin:0 0 10px;font-size:.78rem;font-weight:600;display:flex}.qe-label .vi{color:var(--color-sun-bright)}.qe-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}a.qe-tile{--qe-color:var(--color-leaf);-webkit-backdrop-filter:blur(8px)saturate(150%);backdrop-filter:blur(8px)saturate(150%);color:#1e293b;min-width:0;min-height:96px;transition:border-color .25s var(--glass-ease), background .25s var(--glass-ease), box-shadow .25s var(--glass-ease), color .25s var(--glass-ease);background:linear-gradient(#ffffff8c,#ffffff1f 70%),#fff3;border:1px solid #ffffff9e;border-radius:16px;flex-direction:column;align-items:flex-start;gap:10px;padding:12px 14px 13px;font-size:.92rem;font-weight:600;line-height:1.3;text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffffd9,0 4px 14px #0f172a0f}a.qe-tile:hover{color:var(--color-ink);background:linear-gradient(180deg, #ffffffc7, #ffffff4d 70%), color-mix(in srgb, var(--qe-color) 9%, #ffffff4d);box-shadow:inset 0 1px 1px #fffffff2, 0 12px 26px color-mix(in srgb, var(--qe-color) 22%, transparent);border-color:#fffffff2}.qe-icon{width:38px;height:38px;color:var(--qe-color);background:linear-gradient(180deg, #ffffffbf, #fff3), color-mix(in srgb, var(--qe-color) 16%, white);border:1px solid color-mix(in srgb, var(--qe-color) 22%, #ffffffb3);transition:transform .35s var(--glass-ease);border-radius:12px;flex:none;place-items:center;display:grid;box-shadow:inset 0 1px 1px #ffffffe6}.qe-icon .vi{width:1.3em;height:1.3em}a.qe-tile:hover .qe-icon{transform:scale(1.06)rotate(-4deg)}.qe-text{white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.005em;max-width:100%;display:block;overflow:hidden}.qe-arrow{color:var(--qe-color);opacity:0;transition:opacity .25s var(--glass-ease), transform .3s var(--glass-ease);position:absolute;top:13px;right:12px;transform:translate(-6px)}a.qe-tile:hover .qe-arrow{opacity:1;transform:none}.qe-fanworks{--qe-color:#7c3aed}.qe-sticker{--qe-color:#db2777}.qe-game{--qe-color:#d97706}.qe-afdian{--qe-color:#059669}.qe-score{--qe-color:#2563eb}.qe-webuid{--qe-color:#0d9488}.qe-sprout{--qe-color:#65a30d}.qe-grid--fill{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}@media (width<=860px){.qe-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=560px){.qe-grid,.qe-grid--fill{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}a.qe-tile{border-radius:14px;gap:8px;min-height:84px;padding:10px 12px 11px;font-size:.82rem}.qe-icon{border-radius:11px;width:34px;height:34px}.qe-arrow{display:none}}@media (width<=360px){a.qe-tile{padding:9px 10px 10px;font-size:.76rem}}html.anim-ready .hero-eyebrow,html.anim-ready .hero-title,html.anim-ready .hero-sub,html.anim-ready .hero-cue{visibility:hidden}.hero{z-index:2;pointer-events:none;flex-direction:column;justify-content:space-between;min-height:92svh;padding:clamp(78px,11vh,120px) clamp(20px,6vw,72px) clamp(28px,5vh,56px);display:flex;position:relative}.hero>*{pointer-events:auto}.hero-core{text-align:center;will-change:transform;flex-direction:column;flex:auto;justify-content:center;align-items:center;display:flex}.hero-eyebrow{letter-spacing:.14em;color:#0b5b45;-webkit-backdrop-filter:blur(12px)saturate(150%);backdrop-filter:blur(12px)saturate(150%);background:linear-gradient(#ffffffb8,#ffffff42),#10b9811f;border:1px solid #ffffff9e;border-radius:999px;align-items:center;gap:8px;margin:0 0 14px;padding:6px 16px;font-size:.86rem;font-weight:600;display:inline-flex;box-shadow:inset 0 1px 1px #fffffff2,0 6px 16px #0f172a24}.hero-title{color:#fff;font-kerning:none;flex-direction:column;align-items:center;margin:0;display:flex}.ht-main{font-family:var(--font-display);letter-spacing:.06em;text-shadow:0 2px 3px #0f172a6b,0 8px 22px #0f172a4d,0 20px 60px #0f172a33;margin-right:-.06em;font-size:clamp(3rem,10.5vw,6.4rem);font-weight:900;line-height:1.06;position:relative}.ht-spark{color:#fbbf24;filter:drop-shadow(0 2px 8px #d9770680);line-height:1;animation:2.4s ease-in-out infinite ht-twinkle;position:absolute}.ht-spark .vi{fill:currentColor;stroke:none;vertical-align:0;width:1em;height:1em}.ht-spark.s1{font-size:.32em;top:-.24em;right:-.52em}.ht-spark.s2{font-size:.18em;animation-delay:1.2s;top:.14em;left:-.46em}@keyframes ht-twinkle{0%,to{opacity:.6;transform:scale(.72)rotate(-8deg)}50%{opacity:1;transform:scale(1.12)rotate(6deg)}}.ht-sub{letter-spacing:.42em;color:#fffffff2;text-shadow:0 1px 2px #0f172a61,0 4px 14px #0f172a38;align-items:center;gap:16px;margin-top:18px;margin-right:-.42em;font-size:clamp(.92rem,1.6vw,1.14rem);font-weight:700;display:inline-flex}.ht-rule{background:linear-gradient(90deg,#0000,#ffffffd9);-webkit-background-clip:border-box;background-clip:border-box;flex:none;width:clamp(30px,6vw,62px);height:1px}.ht-rule:last-child{transform:scaleX(-1)}@media (prefers-reduced-motion:reduce){.ht-spark{animation:none}}.hero-sub{color:#334155;text-shadow:0 1px #fff9;max-width:34ch;margin:14px 0 0;font-size:clamp(.98rem,2vw,1.12rem);line-height:1.75}.hero-cue{letter-spacing:.22em;color:var(--color-ink-soft);opacity:.85;flex-direction:column;align-items:center;gap:4px;font-size:.78rem;display:inline-flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.hero-cue .cue-line{background:linear-gradient(#0000,#0f172a8c);width:1px;height:34px}@supports ((-webkit-background-clip:text) or (background-clip:text)){.ht-main{background:radial-gradient(84% 116% at var(--lg-x,34%) -18%, #fff 0%, #ffffff85 22%, #ffffff1f 36%, #fff0 42%), linear-gradient(180deg, #ffffffe0 0%, #ffffff85 9%, #ffffff24 22%, #ffffff14 58%, #fff3 82%, #ffffff9e 94%, #ffffff57 100%);color:#0000;-webkit-text-stroke:0;text-shadow:none;filter:drop-shadow(0 -1.2px #ffffffd9)drop-shadow(-1.3px 0 #aae2ff80)drop-shadow(1.3px 0 #ffe8be73)drop-shadow(0 2px #ffffffd9)drop-shadow(0 4.5px #c6e2fc66)drop-shadow(0 7px 3px #3c609652)drop-shadow(0 20px 34px #0f172a66);-webkit-background-clip:text;background-clip:text}.ht-sub{background:radial-gradient(72% 170% at var(--lg-x,34%) -28%, #fff 0%, #ffffff8c 32%, #ffffff1f 54%, #fff0 62%), linear-gradient(180deg, #fffffff2 0%, #fff6 18%, #ffffff1f 52%, #ffffff80 88%, #ffffff4d 100%);color:#0000;-webkit-text-stroke:0;text-shadow:none;filter:drop-shadow(0 -.8px #ffffffbf)drop-shadow(-.8px 0 #aae2ff73)drop-shadow(.8px 0 #ffe8be66)drop-shadow(0 1.4px #ffffffd9)drop-shadow(0 3px 1px #3c609647)drop-shadow(0 8px 12px #0f172a52);-webkit-background-clip:text;background-clip:text}.ht-sub .ht-rule{-webkit-background-clip:border-box;background-clip:border-box}}.content{z-index:2;border-radius:32px 32px 18px 18px;width:calc(100% - clamp(12px,5vw,60px));max-width:960px;min-height:60vh;margin:0 auto clamp(56px,9vh,110px);padding:clamp(14px,4vw,26px);position:relative}.afdian-button-container{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:14px 0 18px;display:grid}.afdian-button-container .btn{width:100%}.afdian-button-container:has(>.btn:only-child){grid-template-columns:minmax(190px,340px)}@media (width>=900px){.afdian-button-container:not(:has(>.btn:only-child)){flex-wrap:nowrap;display:flex}.afdian-button-container:not(:has(>.btn:only-child)) .btn{white-space:nowrap;flex:auto;width:auto;min-width:0}}.announcement-card{box-shadow:0 20px 45px #ef44442e,0 6px 18px #0f172a1f}#add-method h3,#add-method .info-box,#add-method>p,#add-method ul{opacity:.55;-webkit-text-decoration:line-through #64748b73;text-decoration:line-through #64748b73}.dust-wrap{position:relative}.dust-layer{z-index:4;pointer-events:none;position:absolute;inset:0}.dust-clone{pointer-events:none;will-change:transform, opacity;backface-visibility:hidden;position:absolute;inset:0;box-shadow:none!important;margin:0!important}.dust-clone,.dust-clone *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transition:none!important;animation:none!important}.dust-clone h3,.dust-clone .info-box,.dust-clone>p,.dust-clone ul{opacity:.55;-webkit-text-decoration:line-through #64748b73;text-decoration:line-through #64748b73}.other-feature-item{flex-direction:column;gap:5px;display:flex}.other-feature-item .item-title{color:#1e293b;justify-content:space-between;align-items:baseline;gap:12px;font-size:.92em;font-weight:600;display:flex}.other-feature-item p{color:var(--color-ink-soft);margin:0;font-size:.88em;line-height:1.55}#gallery .gg-label{opacity:.9;align-items:center;gap:8px;margin:1.4em 0 .5em;font-weight:600;display:flex}#gallery .gg-label:first-of-type{margin-top:.4em}#gallery .gg-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}details.gitem{background:#ffffff0d;border:1px solid #94a3b847;border-radius:12px;overflow:hidden}details.gitem[open]{grid-column:1/-1}details.gitem>summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:10px 14px;font-size:.9rem;list-style:none;display:flex}details.gitem>summary::-webkit-details-marker{display:none}details.gitem>summary:before{content:"▸";opacity:.55;transition:transform .18s}details.gitem[open]>summary:before{transform:rotate(90deg)}details.gitem[open]>summary{border-bottom:1px solid #94a3b82e}.gitem-body{text-align:center;overflow:hidden}.gitem-body img{cursor:zoom-in;border-radius:10px;max-width:calc(100% - 24px);height:auto;margin:12px auto;display:block;box-shadow:0 2px 14px #00000038}.qrcode-carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:10px;overflow-x:auto}.carousel-track{gap:20px;padding:0 10px;display:flex}.contact-footer{color:var(--color-ink-soft);border-top:1px solid #94a3b84d;flex-direction:column;align-items:center;gap:10px;margin-top:24px;padding:26px 0 12px;font-size:.9em;display:flex}.footer-line{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:0;display:flex}.footer-label{opacity:.7}.contact-link{transition:color .2s var(--glass-ease), background .2s var(--glass-ease), border-color .2s var(--glass-ease);background:#ffffff8c;border:1px solid #0f172a1f;border-radius:999px;align-items:center;padding:4px 13px;font-weight:500;text-decoration:none;display:inline-flex;color:#334155!important}.contact-link:hover{background:#ffffffd9;border-color:#16a34a73;color:#047857!important}@media (width<=480px){.content{min-height:75vh}.hero{min-height:86svh}}
