@font-face{font-family:HldFont;src:url(/fonts/qiji-combo.woff2) format("woff2");font-display:swap}:root{color:#221b17;background:#16120f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{border:0;font:inherit;cursor:pointer}.app-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,rgba(255,244,220,.14),transparent 36%),linear-gradient(135deg,#1d1714,#0f0d0b);transition:background .52s ease}.phone-frame{--theme-color: #f9f4dc;position:relative;width:min(430px,100vw);height:min(920px,100vh);max-height:100vh;overflow:hidden;padding:48px 24px 44px;background:radial-gradient(circle at 18% 10%,rgba(255,255,255,.86),transparent 32%),linear-gradient(150deg,#ffffffb8,#ffffff2e),var(--theme-color);box-shadow:0 28px 80px #00000052;color:#231c18;isolation:isolate;transition:background .52s ease,box-shadow .52s ease;touch-action:pan-y;display:flex;flex-direction:column}.aura{position:absolute;border-radius:999px;background:#ffffffad;filter:blur(18px);pointer-events:none;z-index:0}.aura-top{width:220px;height:220px;top:-84px;right:-90px}.aura-bottom{width:320px;height:320px;left:-168px;bottom:-148px;opacity:.38}.hero-header,.outfit-card,.daily-note,.lunar-card,.nav-arrow,.slide-viewport{position:relative;z-index:2}.slide-viewport{flex:1;min-height:0;overflow:hidden}.slide-viewport.is-switching{pointer-events:none}.slide-track{height:calc(100% * var(--slide-count, 3));transition:transform .56s cubic-bezier(.25,.84,.35,1);will-change:transform}.slide-panel{height:calc(100% / var(--slide-count, 3));min-height:0;overflow:visible;display:flex;flex-direction:column;opacity:1;transition:opacity .48s cubic-bezier(.22,1,.36,1)}.slide-panel.is-leaving{opacity:.12}.slide-panel.is-entering{opacity:1}.slide-panel.is-entering .hero-header,.slide-panel.is-entering .outfit-card{animation:groupContentIn .56s cubic-bezier(.22,1,.36,1) both}@keyframes groupContentIn{0%{opacity:.35;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.hero-header{display:flex;align-items:flex-start;gap:14px;margin:4px 0 10px;padding:8px 0 0 10px;flex:0 0 auto;overflow:visible}.seal{width:60px;height:60px;flex:0 0 60px;display:grid;place-items:center;border-radius:22px;color:#fff;box-shadow:0 16px 32px #37251a3d;transform:rotate(-5deg)}.seal span{font-family:HldFont,serif;font-size:28px;line-height:1}.seal-吉{background:linear-gradient(145deg,#b32824,#dc4d3f)}.seal-次吉{background:linear-gradient(145deg,#7d4c53,#a66a72)}.seal-次吉 span{font-size:20px}.seal-忌{background:linear-gradient(145deg,#151312,#3b332d)}h1{margin:0;font-family:HldFont,serif;font-size:28px;font-weight:400;letter-spacing:.08em}.outfit-card{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 72px;overflow:visible;container-type:size}.color-watermark{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;gap:.04em;padding:4% 0 0;transform:translate(14px);pointer-events:none;-webkit-user-select:none;user-select:none}.color-watermark--weave{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-content:start;justify-content:end;justify-items:end;column-gap:.06em;row-gap:.02em}.watermark-cell--last{grid-column:1;grid-row:1;align-self:end}.watermark-cell--first{grid-column:2;grid-row:1}.watermark-cell--middle{grid-column:2;grid-row:2}.color-watermark span{font-family:serif;font-size:140px;font-weight:400;line-height:.9;letter-spacing:.08em;color:#2a221c1a}.color-watermark--weave span{font-size:176px}@supports (container-type: size){.color-watermark span{font-size:min(calc(100cqh / (var(--char-count, 3) + .45)),calc(100cqw / 1.62),210px)}.color-watermark--weave span{font-size:min(calc(100cqh / 2.02),calc(100cqw / 2.05),268px)}}.image-stage{position:relative;z-index:1;min-width:0;min-height:0;display:flex;align-items:end;justify-content:center;padding:16px 0 10px 10px}.image-carousel{position:relative;width:100%;height:100%;max-height:100%}.image-carousel img,.image-stage img{position:absolute;left:0;right:0;bottom:0;width:100%;height:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 16px 24px rgba(38,30,24,.18))}.image-carousel img{opacity:0;transition:opacity .56s ease;pointer-events:none}.image-carousel img.is-visible{opacity:1;z-index:1}.color-story{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 10px 18px 4px}.palette{display:flex;flex-direction:column;align-items:center;gap:12px;padding:10px 8px;border-radius:999px;background:#ffffff6b;box-shadow:inset 0 0 0 1px #ffffff8f}.swatch{width:30px;height:30px;border:3px solid rgba(255,255,255,.92);border-radius:50%;box-shadow:0 8px 16px #2b211a2e;transition:transform .18s ease,box-shadow .18s ease}.swatch.active{transform:scale(1.16);box-shadow:0 0 0 7px #231c181f,0 10px 18px #2b211a38}.daily-note{margin:8px 0 0;max-width:18em;color:#231c189e;font-size:12px;line-height:1.55;letter-spacing:.04em}.lunar-card{margin-top:10px;padding:8px 4px;flex:0 0 auto;text-align:right}.lunar-card p{margin:0;font-family:HldFont,serif;font-size:22px;line-height:1.22;letter-spacing:.06em}.lunar-card span{display:block;margin-top:6px;color:#231c1894;font-size:11px;font-weight:600;letter-spacing:.24em}.nav-arrow{position:absolute;left:50%;min-width:88px;height:32px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;border:1px solid rgba(255,255,255,.52);background:#ffffff57;color:#231c1894;font-size:12px;font-weight:600;letter-spacing:.12em;box-shadow:0 6px 18px #2a1f1814;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(-50%);transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease}.nav-arrow:hover{background:#ffffff80;border-color:#ffffffad;color:#231c18b8;box-shadow:0 8px 22px #2a1f181f}.nav-arrow:active{transform:translate(-50%) scale(.97)}.nav-arrow:disabled{opacity:.28;cursor:default;animation:none;box-shadow:none}.nav-arrow:disabled:hover{background:#ffffff57;border-color:#ffffff85;color:#231c1894;box-shadow:none}.nav-arrow:disabled:active{transform:translate(-50%)}.nav-icon{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#231c180f;font-size:13px;line-height:1}.nav-arrow-top{top:16px;animation:floatUp 2.6s ease-in-out infinite}.nav-arrow-bottom{bottom:14px;animation:floatDown 2.6s ease-in-out infinite}@keyframes floatUp{0%,to{transform:translate(-50%) translateY(0);opacity:.82}50%{transform:translate(-50%) translateY(-2px);opacity:1}}@keyframes floatDown{0%,to{transform:translate(-50%) translateY(0);opacity:.82}50%{transform:translate(-50%) translateY(2px);opacity:1}}@media (min-width: 900px){.app-shell{padding:20px;background:radial-gradient(circle at 18% 12%,color-mix(in srgb,var(--theme-color, #f9f4dc) 48%,white),transparent 40%),radial-gradient(circle at 82% 88%,color-mix(in srgb,var(--theme-color, #f9f4dc) 32%,#e7e1d6),transparent 46%),linear-gradient(145deg,#ebe5da,#d6cec2);transition:background .52s ease}.phone-frame{width:min(1080px,96vw);height:min(760px,94vh);max-height:94vh;padding:28px 40px 24px;border-radius:28px;box-shadow:0 24px 72px #36271c24}.slide-panel{display:grid;grid-template-columns:minmax(240px,30%) minmax(0,1fr);column-gap:clamp(28px,4vw,52px);align-content:stretch}.hero-header{grid-column:1;grid-row:1;flex-direction:column;align-items:flex-start;gap:18px;margin:0;padding:clamp(20px,4vh,48px) 0 0}.seal{width:72px;height:72px;flex-basis:72px;border-radius:24px}.seal span{font-size:32px}.seal-次吉 span{font-size:24px}h1{font-size:clamp(32px,3.2vw,40px)}.daily-note{max-width:none;font-size:14px;margin-top:12px;line-height:1.7}.outfit-card{grid-column:2;grid-row:1;min-height:clamp(440px,60vh,640px);grid-template-columns:minmax(0,1fr) 88px}.palette{gap:14px;padding:12px 10px}.swatch{width:34px;height:34px}.lunar-card{margin-top:16px;padding:4px 8px}.lunar-card p{font-size:clamp(22px,2.2vw,28px)}}@media (max-width: 520px){.app-shell{padding:0}.phone-frame{width:100vw;height:100vh;max-height:100vh;padding:44px 18px 40px;box-shadow:none}.hero-header{margin-bottom:8px}h1{font-size:24px}.daily-note{font-size:11px}.lunar-card p{font-size:20px}}@media (max-height: 760px){.phone-frame{padding-top:40px;padding-bottom:36px}.daily-note{display:none}}