:root{--hero-a:#eef3f7;--hero-b:#dfe8ee;--hero-c:#cbd7df;--ink:#1f2933;--muted:#66717d;--line:rgba(31,41,51,.1);--accent:#2f5d68;}*{box-sizing:border-box;}html,body{width:100%;min-height:100%;margin:0;}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:#fff;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;}a{color:inherit;text-decoration:none;}button,a{touch-action:manipulation;}.site-shell{min-height:100vh;background:#fff;}.hero{position:relative;padding:max(14px,env(safe-area-inset-top)) clamp(14px,3.5vw,44px) 26px;background:linear-gradient(135deg,color-mix(in srgb,var(--hero-a) 92%,#ffffff 8%),var(--hero-b) 55%,color-mix(in srgb,var(--hero-c) 94%,#ffffff 6%));overflow:hidden;}.hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,.46)),radial-gradient(circle at 50% 32%,rgba(255,255,255,.18),transparent 56%);}.hero-blur-bg{position:absolute;inset:-28px -34px -38px;z-index:0;background-position:center;background-size:cover;filter:blur(26px) saturate(1.18);transform:scale(1.12);opacity:.58;transition:background-image 520ms ease,opacity 520ms ease;pointer-events:none;}.topbar,.banner-frame,.notice-wrap,.category-grid{width:min(1120px,100%);margin-inline:auto;}.banner-frame{width:min(760px,calc(100% - clamp(34px,8vw,120px)));margin-inline:auto;}.topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;}.brand{display:inline-flex;align-items:center;min-width:0;}.brand-logo{display:block;width:clamp(132px,20vw,218px);max-height:42px;object-fit:contain;object-position:left center;}.service-btn{display:inline-flex;align-items:center;justify-content:center;min-width:88px;height:36px;padding:0 16px;border:1px solid rgba(31,41,51,.24);border-radius:999px;background:transparent;color:#25313a;font-size:14px;font-weight:650;white-space:nowrap;}.banner-frame{z-index:2;position:relative;margin-top:clamp(18px,3.2vw,32px);aspect-ratio:21 / 9;min-height:128px;border-radius:18px;overflow:hidden;box-shadow:0 18px 42px rgba(18,28,36,.18),0 6px 18px color-mix(in srgb,var(--hero-b) 42%,transparent);outline:1px solid rgba(255,255,255,.58);background:linear-gradient(135deg,color-mix(in srgb,var(--hero-a) 78%,#ffffff 22%),var(--hero-b),var(--hero-c));}.banner-track,.banner-card{position:absolute;inset:0;}.banner-card{opacity:0;transition:opacity 520ms ease;background:linear-gradient(135deg,var(--hero-a),var(--hero-b),var(--hero-c));}.banner-card.is-active{opacity:1;}.banner-card img{display:block;width:100%;height:100%;object-fit:cover;}.content-panel{position:relative;min-height:70vh;padding:14px clamp(14px,3.5vw,44px) 52px;background:linear-gradient(180deg,#ffffff 0%,#fffafa 42%,#ffffff 100%);}.notice-wrap{position:relative;z-index:2;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-height:42px;padding:6px 16px;border:1px solid rgba(226,92,98,.12);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 12px 28px rgba(196,86,91,.08);}.notice-label{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 12px;border-radius:999px;background:#ffffff;color:#1e7bd7;border:1px solid rgba(30,123,215,.22);font-size:13px;font-weight:700;}.notice-viewport{overflow:hidden;white-space:nowrap;}.notice-viewport p{display:inline-block;min-width:100%;margin:0;color:#5a3f42;font-size:14px;line-height:30px;animation:noticeMove 18s linear infinite;}.category-grid{display:grid;gap:24px;padding-top:28px;}.category-block{padding:clamp(18px,2.4vw,26px);border:1px solid rgba(226,92,98,.10);border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 14px 34px rgba(184,72,78,.055);}.category-block h2{display:flex;align-items:center;gap:10px;margin:0 0 16px;color:#2f2024;font-size:18px;letter-spacing:-.02em;}.category-block h2::before{content:"";width:4px;height:18px;border-radius:999px;background:linear-gradient(180deg,#f07173,#c7444d);}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:18px;row-gap:16px;}.entry-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;min-height:auto;padding:4px 2px;border:0;border-radius:0;background:transparent;text-align:center;transition:transform 180ms ease;}.entry-card:hover{transform:translateY(-2px);}.entry-icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:14px;background:linear-gradient(145deg,#fff5f4,#ffe7e3 62%,#ffffff);color:#a83f46;box-shadow:inset 0 0 0 1px rgba(214,82,88,.10),0 6px 14px rgba(214,82,88,.08);font-size:23px;font-weight:800;}.entry-name{min-width:0;color:#3d282c;font-size:14px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.category-recommended .entry-name{color:#c64a4f;background:linear-gradient(105deg,#b93c43 0%,#df7778 34%,#f3b1aa 52%,#d75d63 70%,#b93c43 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:recommendedNameGlow 4.8s ease-in-out infinite;}@keyframes recommendedNameGlow{0%,100%{background-position:0% 50%;filter:drop-shadow(0 0 0 rgba(214,82,88,0));}50%{background-position:100% 50%;filter:drop-shadow(0 2px 7px rgba(214,82,88,.18));}}@keyframes noticeMove{0%{transform:translateX(100%);}100%{transform:translateX(-100%);}}@media (max-width:760px){.hero{padding-inline:14px;padding-bottom:22px;}.topbar{min-height:40px;}.brand-logo{width:min(45vw,172px);max-height:34px;}.service-btn{min-width:76px;height:34px;padding:0 13px;font-size:13px;}.banner-frame{width:min(100%,calc(100% - 22px));margin-top:16px;border-radius:15px;min-height:124px;box-shadow:0 14px 30px rgba(18,28,36,.16),0 5px 14px color-mix(in srgb,var(--hero-b) 34%,transparent);}.banner-dots{right:12px;bottom:10px;}.content-panel{padding-inline:14px;padding-bottom:36px;}.notice-wrap{min-height:40px;padding:5px 11px;gap:8px;border-radius:17px;}.notice-label{height:24px;padding:0 9px;font-size:12px;}.category-grid{gap:18px;padding-top:22px;}.category-block{padding:16px;border-radius:15px;}.card-grid{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:10px;row-gap:14px;}.entry-card{padding:2px 0;gap:7px;}.entry-icon{width:44px;height:44px;border-radius:12px;font-size:20px;}.entry-name{font-size:13px;}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important;transition-duration:.01ms !important;}}.service-modal[hidden]{display:none;}.service-modal{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-start;justify-content:flex-end;padding:72px max(18px,calc((100vw - 980px) / 2)) 18px 18px;}.service-mask{position:fixed;inset:0;background:rgba(18,27,32,.22);backdrop-filter:blur(2px);}.service-panel{position:relative;z-index:1;width:min(310px,calc(100vw - 36px));border-radius:18px;border:1px solid rgba(31,41,51,.1);background:rgba(255,255,255,.96);box-shadow:0 20px 50px rgba(21,32,38,.18);overflow:hidden;}.service-head{display:flex;align-items:center;justify-content:space-between;height:46px;padding:0 14px 0 16px;color:#223039;border-bottom:1px solid rgba(31,41,51,.08);}.service-head button{width:30px;height:30px;border:0;border-radius:10px;background:#f2f5f5;color:#4b5b63;font-size:20px;line-height:1;cursor:pointer;}.service-list{display:grid;gap:0;padding:8px;}.service-item{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;min-height:46px;padding:6px 10px;border-radius:13px;color:#26343b;font-weight:650;text-decoration:none;}.service-item:hover{background:#f3f6f6;}.service-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:11px;background:#eef3f4;color:#2f5d68;font-size:15px;font-weight:800;}body.modal-open{overflow:hidden;}@media (max-width:560px){.service-modal{align-items:flex-start;justify-content:center;padding:66px 14px 14px;}.service-panel{width:100%;}}.entry-icon img,.service-icon img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;}