.df-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;z-index:0}.df-picker>picture{display:contents}:root{--bg: #0B0F14;--bg2: #131A22;--surface: rgba(255,255,255,.06);--surface-hover: rgba(255,255,255,.12);--text: #F5F3F0;--text2: rgba(255,255,255,.78);--text3: rgba(255,255,255,.5);--tirol-red: #C8102E;--tirol-pink: #FF1493;--tirol-pink-dark: #C0006E;--tirol-pink-glow: rgba(255,20,147,.35);--ikea-blue: #4A90E2;--pop-green: #00C853;--pop-orange: #FF6B35;--pop-purple: #8B5CF6;--gold: #E0B72C;--gold-soft: rgba(224,183,44,.16);--glass-border: rgba(255,255,255,.16);--font-display: "Bebas Neue", Impact, "Arial Narrow", sans-serif;--font-body: "Montserrat", system-ui, sans-serif;--ease: cubic-bezier(.16,1,.3,1);--radius: 14px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--tirol-pink);outline-offset:3px}.df-picker{position:relative;height:100dvh;min-height:100dvh;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg);isolation:isolate}.df-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#070a0fbd,#070a0f75 40%,#070a0fdb),radial-gradient(90% 70% at 50% 8%,#070a0f26,#070a0fb8)}.df-content{position:relative;z-index:2;width:min(1140px,100%);height:100%;display:flex;flex-direction:column;justify-content:center;gap:clamp(12px,2.2vh,30px);padding:clamp(16px,3.6vh,40px) clamp(16px,5vw,56px) clamp(32px,5.2vh,50px)}.df-head{display:flex;flex-direction:column;align-items:center;gap:clamp(4px,1vh,12px);text-align:center}.df-brand{display:inline-flex;line-height:0}.df-brand svg{width:clamp(118px,15vw,168px);height:auto;filter:drop-shadow(0 4px 18px rgba(0,0,0,.55))}.df-brand svg text,.df-brand svg circle{fill:#fff}.df-claim{font-family:var(--font-display);font-weight:400;font-size:clamp(50px,10.4vh,118px);line-height:.9;letter-spacing:.02em;text-transform:uppercase;text-shadow:0 8px 44px rgba(0,0,0,.55)}.df-claim em{font-style:normal;color:var(--gold)}.df-sub{font-size:clamp(11px,1.7vh,15px);line-height:1.5;color:var(--text2);max-width:56ch;min-height:4.5em;text-wrap:balance;perspective:500px}.df-sub .df-ch{display:inline-block;transform-origin:50% 100%;backface-visibility:hidden;will-change:transform,opacity}.df-langs{flex:0 1 auto;min-height:0;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(8px,1.1vw,14px);margin:0}.df-tile{position:relative;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:1px;padding:clamp(9px,1.6vh,15px) clamp(30px,3vw,40px) clamp(9px,1.6vh,15px) clamp(15px,1.7vw,20px);border:1px solid var(--glass-border);border-left:3px solid var(--accent);border-radius:var(--radius);background:#0c10166b;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);color:#fff;overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease),background .25s var(--ease)}.df-tile:after{content:"→";position:absolute;right:clamp(11px,1.4vw,16px);top:50%;transform:translateY(-50%);font-size:clamp(12px,1.6vh,16px);color:#ffffff80;transition:transform .25s var(--ease),color .25s var(--ease)}.df-tile:hover{transform:translateY(-3px);border-color:var(--accent);background:#12182099;box-shadow:0 16px 40px #0000006b}.df-tile:hover:after{transform:translate(3px,-50%);color:#fff}.df-name{font-family:var(--font-display);font-size:clamp(18px,2.5vh,27px);line-height:1.02;letter-spacing:.6px}.df-tile[lang=zh] .df-name{letter-spacing:4px}.df-tagline{font-size:clamp(9.5px,1.35vh,12px);line-height:1.2;color:#ffffffb8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .2s var(--ease)}@media(hover:hover){.df-tile:hover .df-tagline,.df-tile:focus-visible .df-tagline{opacity:0}}.df-hint{position:absolute;left:0;right:0;bottom:clamp(9px,1.4vh,13px);padding:0 clamp(15px,1.7vw,20px);font-size:clamp(9.5px,1.35vh,12px);line-height:1.2;color:#ffffffbf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .25s var(--ease),transform .25s var(--ease)}.df-tile:hover .df-hint,.df-tile:focus-visible .df-hint{opacity:1;transform:translateY(0)}@media(hover:none){.df-hint{display:none}}.df-foot{position:absolute;left:50%;bottom:clamp(7px,1.4vh,14px);transform:translate(-50%);z-index:3;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;width:max-content;max-width:calc(100% - 24px);font-size:12px;line-height:1.2;color:#ffffffa3;text-align:center}.df-foot a{color:#ffffffa3;transition:color .2s var(--ease)}.df-foot a:hover{color:#fff}.df-sep{color:#ffffff57}.df-photo[hidden]{display:none}.df-photo:before{content:"· ";color:#ffffff57}@media(max-width:760px){.df-langs{grid-template-columns:repeat(2,1fr);gap:clamp(8px,2.2vw,12px)}.df-claim{font-size:clamp(46px,9.4vh,88px)}}@media(max-height:620px){.df-sub{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.df-tile,.df-tile:after,.df-hint,.df-foot a{transition:none}}