@media (max-width:760px){.of-hero{display:block;height:auto;min-height:0;background-size:cover;background-position:center 30%;padding-top:62vw}.of-hero::after{display:none}.of-hero-card{margin:0;max-width:none;width:100%;border-radius:0;background:#fff;border:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 -6px 20px -16px rgba(0,0,0,.3);padding:26px 20px 34px}.of-hero-card h1{font-size:34px}}
.of-prod{position:relative}
.of-prod .ph{display:block}
.of-tag{position:absolute;top:12px;left:12px;z-index:3;background:#FF6D0A;color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:50px}
.of-tag-out{background:#15181b}
.of-tag-soon{background:#0f6e56}
.of-bcard .ph{display:block;aspect-ratio:3/2;height:auto}
.of-fg{padding:12px 0;border-bottom:1px solid rgba(0,0,0,.08)}
.of-fg summary{font-family:'Sora';font-weight:700;font-size:14px;color:#15181b;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}
.of-fg summary::-webkit-details-marker{display:none}
.of-fg summary::after{content:'▾';color:#888;font-size:11px;margin-left:8px;transition:transform .2s}
.of-fg[open] summary::after{transform:rotate(180deg)}
.of-fg a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-top:8px}
.of-clw{max-width:980px;margin:0 auto;padding:6px 0 70px}
.of-clintro{color:#3b4146;font-size:16.5px;line-height:1.7;margin:0 0 22px;max-width:820px}
.of-clg{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:20px;padding:24px 26px;margin-bottom:20px}
.of-clg h3{font-family:'Sora';font-size:18px;margin:0 0 4px}
.of-clg .sub{color:#616a70;font-size:14px;margin-bottom:12px}
.of-cl{column-count:2;column-gap:30px}
@media(max-width:620px){.of-cl{column-count:1}}
.of-cl div{break-inside:avoid;display:flex;gap:10px;padding:6px 0;font-size:14.5px;color:#2b3035}
.of-cl div span.c{color:#FF6D0A;flex:none}
.of-lvl{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:20px;overflow:hidden;margin-bottom:18px}
.of-lvl .lh{display:flex;align-items:center;gap:16px;padding:16px 24px;color:#fff}
.of-lvl .lh .n{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;font-family:'Sora';font-weight:700;font-size:20px}
.of-lvl .lh h3{color:#fff;font-size:20px;margin:0}
.of-lvl .lb{padding:8px 24px 16px}
.of-lvl .r{display:grid;grid-template-columns:210px 1fr;gap:14px;padding:9px 0;border-bottom:1px solid rgba(0,0,0,.08);font-size:14.5px;color:#3b4146}
.of-lvl .r:last-child{border-bottom:none}
.of-lvl .r b{color:#15181b}
@media(max-width:560px){.of-lvl .r{grid-template-columns:1fr;gap:2px}}