:root{font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#172033;background:#f5f7fa;font-synthesis:none;--green:#16a36a;--deep:#0f7a52;--ink:#172033;--muted:#7c8799;--surface:#fff;--line:#e7ebf0;--red:#ef4b4b;--blue:#4285e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#f5f7fa}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:236px 1fr 44px;align-items:center;height:72px;padding:0 max(24px,calc((100vw - 1240px)/2));background:#fffffff5;border-bottom:1px solid #edf0f4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.logo-button,.header-search,.topbar nav button{border:0;background:none;cursor:pointer}.logo-button{padding:0;text-align:left}.logo-button img{display:block;width:190px;height:54px}.topbar nav{display:flex;justify-content:center;height:100%}.topbar nav button{position:relative;padding:0 16px;font-size:14px;color:#556174}.topbar nav button.active{color:var(--deep);font-weight:700}.topbar nav button.active:after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--green)}.header-search{font-size:28px}.page-width{width:min(1240px,calc(100% - 40px));margin:0 auto}.home-stack{display:grid;gap:18px;padding:28px 0 56px}.surface,.draw-card,.quick-grid{background:#fff;border-radius:20px;box-shadow:0 8px 28px #1f33490e}.draw-card{overflow:hidden;padding:0 30px 26px;background:linear-gradient(120deg,#fff 20%,#f0fbf5)}.draw-tabs{display:flex;align-items:center;height:56px;border-bottom:1px solid #edf1f3}.draw-tabs button{height:56px;padding:0 22px;border:0;border-bottom:3px solid transparent;background:none;color:var(--muted);font-weight:700;cursor:pointer}.draw-tabs button.active{border-color:var(--green);color:var(--deep)}.live-status{display:flex;align-items:center;gap:7px;margin-left:auto;color:var(--muted);font-size:12px}.live-status i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #dff6eb}.draw-main{padding-top:22px}.draw-meta{display:flex;justify-content:space-between;align-items:start}.draw-meta p{display:flex;gap:20px;align-items:baseline;margin:0}.draw-meta strong{font-size:25px}.draw-meta span{color:var(--muted)}.countdown{text-align:right}.countdown small,.countdown strong{display:block}.countdown strong{margin-top:6px;color:var(--deep);font-variant-numeric:tabular-nums;font-size:17px}.hero-balls{display:flex;align-items:start;justify-content:center;gap:17px;margin:24px auto 22px}.ball-item{text-align:center}.ball-item b{display:grid;place-items:center;width:64px;height:64px;border:7px solid;border-radius:50%;background:#fff;font-size:24px;box-shadow:inset 0 0 8px #00000014}.ball-item small{display:block;margin-top:8px;font-size:12px;color:#49566a;white-space:nowrap}.ball-green{border-color:#31b96e!important}.ball-red{border-color:#f15050!important}.ball-blue{border-color:#4388e9!important}.plus{align-self:center;margin-top:16px;color:#718096;font-size:28px}.draw-actions{display:grid;grid-template-columns:1fr 1fr;gap:18px}.draw-actions a{display:flex;justify-content:center;align-items:center;height:52px;border:1px solid var(--green);border-radius:12px;color:#fff;background:var(--green);font-weight:700}.draw-actions a.secondary{color:var(--green);background:#fff}.draw-placeholder,.empty-state{padding:42px;text-align:center;color:var(--muted)}.data-notice,.demo-note{margin:0;padding:11px 15px;border-radius:10px;color:#815f00;background:#fff8d9;font-size:13px}.quick-grid{display:grid;grid-template-columns:repeat(6,1fr);padding:18px 0}.quick-grid button{display:grid;gap:8px;justify-items:center;padding:12px;border:0;border-right:1px solid #edf0f4;background:none;cursor:pointer}.quick-grid button:last-child{border:0}.quick-grid i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:var(--green);background:#effaf4;font-style:normal;font-size:25px}.quick-grid span{font-size:14px}.surface{padding:22px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-title h2{margin:0;font-size:20px}.section-title button,.section-title span{border:0;background:none;color:var(--muted);font-size:13px;cursor:pointer}.record-list{border-top:1px solid var(--line)}.record-row{display:grid;grid-template-columns:180px 1fr 100px;align-items:center;min-height:58px;border-bottom:1px solid var(--line)}.record-row strong{font-size:15px}.record-balls{display:flex;align-items:center;gap:10px}.mini-ball{display:grid;place-items:center;width:30px;height:30px;border:3px solid;border-radius:50%;background:#fff;font-style:normal;font-size:11px;font-weight:800}.record-plus{color:var(--muted)}.record-row time{text-align:right;color:var(--muted);font-size:13px}.analytics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.analytics-grid article{min-height:150px;padding:16px;border:1px solid #edf0f4;border-radius:14px}.analytics-grid h3{margin:0 0 15px;font-size:14px}.analytics-grid em{color:var(--red);font-style:normal;font-size:11px}.stat-numbers{display:flex;gap:6px}.stat-numbers b{display:grid;place-items:center;width:26px;height:26px;border:1px solid;border-radius:50%;font-size:10px}.stat-numbers.red{color:var(--red)}.stat-numbers.blue{color:var(--blue)}.bars{display:flex;align-items:end;gap:20px;height:50px;margin:10px 5px 0}.bars i{width:10px;border-radius:3px 3px 0 0}.red-bars i{background:linear-gradient(#ff8f8f,var(--red))}.blue-bars i{background:linear-gradient(#98bff7,var(--blue))}.donut{float:left;width:68px;height:68px;margin-right:13px;border-radius:50%;position:relative}.donut:after{content:"";position:absolute;top:16px;right:16px;bottom:16px;left:16px;border-radius:50%;background:#fff}.green-donut{background:conic-gradient(#0f7a52 0,#0f7a52 35%,#16a36a 35%,#16a36a 63%,#75d2a4 63%,#75d2a4 82%,#e5f5ed 82%)}.color-donut{background:conic-gradient(#ef4b4b 0,#ef4b4b 34%,#4285e8 34%,#4285e8 50%,#16a36a 50%)}.analytics-grid article p{margin:24px 0 0;color:var(--muted);font-size:11px}.popular-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.popular-grid button{position:relative;overflow:hidden;min-height:125px;padding:18px;border:0;border-radius:14px;background:#f3f8f5;text-align:left;cursor:pointer}.popular-grid button:nth-child(2){background:#f7f6f0}.popular-grid button:nth-child(3){background:#f5f3ed}.popular-grid button:nth-child(4){background:#eef7fa}.popular-grid small{position:absolute;right:12px;top:12px;padding:3px 7px;border-radius:6px;color:#8b6500;background:#fff1c0}.popular-grid strong,.popular-grid span{display:block}.popular-grid strong{font-size:18px}.popular-grid span{margin-top:8px;color:var(--muted);font-size:12px}.popular-grid i{position:absolute;right:17px;bottom:15px;color:var(--green)}.seo-copy{padding:28px 8px}.seo-copy h2{margin:0 0 8px;font-size:18px}.seo-copy p{margin:0;color:var(--muted);font-size:13px;line-height:1.8}.inner-page{padding:44px 0 70px}.inner-heading{margin-bottom:28px}.inner-heading p{margin:0 0 8px;color:var(--green);font-weight:800;font-size:12px;letter-spacing:.18em}.inner-heading h1{margin:0 0 10px;font-size:38px}.inner-heading span{color:var(--muted)}.inner-page>.surface,.inner-page>.draw-card{margin-top:18px}.video-zone p{color:var(--muted);line-height:1.8}.demo-badge{display:inline-block;padding:6px 10px;border-radius:7px;color:#6b7280;background:#eef1f4;font-size:12px}.data-tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.data-tool-grid article{padding:26px;border-radius:18px;background:#fff;box-shadow:0 8px 28px #1f33490d}.data-tool-grid article>i{color:var(--green);font-size:26px}.data-tool-grid h2{font-size:19px}.data-tool-grid p{min-height:48px;color:var(--muted);font-size:13px;line-height:1.7}.data-tool-grid button{padding:9px 12px;border:1px solid #dce5df;border-radius:8px;color:var(--deep);background:#f3faf6}.library-tools{display:flex;justify-content:space-between;gap:20px;margin-bottom:14px}.library-tools label{display:flex;align-items:center;gap:8px;width:min(480px,100%);padding:0 15px;border-radius:12px;background:#fff}.library-tools input{width:100%;height:48px;border:0;outline:0}.library-tools>div{display:flex;gap:7px}.library-tools button{padding:0 14px;border:0;border-radius:9px;color:var(--muted);background:#fff}.library-tools button.active{color:#fff;background:var(--green)}.library-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}.library-grid>a{overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 8px 28px #1f33490b}.library-grid>a>div{position:relative;aspect-ratio:4/3;overflow:hidden;background:#eef1f4}.library-grid img{width:100%;height:100%;object-fit:cover}.library-grid div span{position:absolute;left:10px;top:10px;padding:4px 7px;border-radius:5px;color:#fff;background:#0f7a52e0;font-size:10px}.library-grid h2,.library-grid p,.library-grid button{margin-left:14px;margin-right:14px}.library-grid h2{overflow:hidden;margin-top:14px;margin-bottom:6px;font-size:15px;white-space:nowrap;text-overflow:ellipsis}.library-grid p{min-height:32px;margin-top:0;color:var(--muted);font-size:11px}.library-grid button{margin-bottom:14px;border:0;color:var(--muted);background:none}.mobile-nav{display:none}footer{display:flex;justify-content:space-between;align-items:center;padding:28px max(20px,calc((100vw - 1240px)/2));border-top:1px solid #e8edf0;background:#fff;color:var(--muted);font-size:12px}footer img{width:150px;height:42px}@media(max-width:900px){.topbar{grid-template-columns:190px 1fr}.topbar nav{display:none}.header-search{justify-self:end}.quick-grid{grid-template-columns:repeat(3,1fr)}.quick-grid button:nth-child(3){border:0}.analytics-grid,.popular-grid,.library-grid,.data-tool-grid{grid-template-columns:repeat(2,1fr)}.record-row{grid-template-columns:150px 1fr 80px}.hero-balls{gap:8px}.ball-item b{width:53px;height:53px}}@media(max-width:600px){body{padding-bottom:72px}.topbar{height:66px;padding:0 18px}.logo-button img{width:155px}.page-width{width:calc(100% - 24px)}.home-stack{gap:14px;padding-top:14px}.draw-card{padding:0 14px 18px;border-radius:18px}.draw-tabs{height:48px}.draw-tabs button{height:48px;padding:0 17px}.draw-main{padding-top:15px}.draw-meta p{display:block}.draw-meta strong{display:block;font-size:18px}.draw-meta span{display:block;margin-top:4px;font-size:12px}.countdown small{font-size:10px}.countdown strong{font-size:13px}.hero-balls{justify-content:space-between;gap:2px;margin:18px 0}.ball-item b{width:40px;height:40px;border-width:5px;font-size:15px}.ball-item small{font-size:9px}.plus{margin:8px 1px 0;font-size:20px}.draw-actions{gap:10px}.draw-actions a{height:44px;font-size:14px}.quick-grid{padding:10px 0}.quick-grid button{border-bottom:1px solid #edf0f4}.quick-grid button:nth-child(n+4){border-bottom:0}.quick-grid i{width:38px;height:38px}.surface{padding:17px;border-radius:17px}.section-title h2{font-size:17px}.record-row{grid-template-columns:116px 1fr 43px;min-height:55px}.record-row strong{font-size:12px}.record-balls{gap:3px}.mini-ball{width:22px;height:22px;border-width:2px;font-size:8px}.record-plus{font-size:10px}.record-row time{font-size:10px}.analytics-grid{grid-template-columns:repeat(2,1fr);gap:8px}.analytics-grid article{min-height:142px;padding:12px}.stat-numbers{gap:3px}.stat-numbers b{width:22px;height:22px}.bars{gap:12px}.popular-grid{grid-template-columns:repeat(2,1fr);gap:8px}.popular-grid button{min-height:112px}.seo-copy{padding:20px 4px}.inner-page{padding:28px 0}.inner-heading h1{font-size:29px}.data-tool-grid{grid-template-columns:1fr}.library-tools{display:block}.library-tools>div{overflow-x:auto;margin-top:10px}.library-tools button{height:38px;white-space:nowrap}.library-grid{grid-template-columns:repeat(2,1fr);gap:10px}.library-grid h2{font-size:13px}.mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(5,1fr);height:66px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #e7ebef;background:#fffffff7;box-shadow:0 -7px 26px #18273a14}.mobile-nav button{display:grid;place-content:center;gap:2px;border:0;color:#647084;background:none;font-size:10px}.mobile-nav i{font-style:normal;font-size:21px}.mobile-nav button.active{color:var(--green);font-weight:700}footer{display:none}}@media(max-width:370px){.ball-item b{width:36px;height:36px}.ball-item small{font-size:8px}.record-row{grid-template-columns:105px 1fr 38px}.mini-ball{width:20px;height:20px}}.draw-tabs{height:86px;gap:12px}.draw-tabs button{height:86px;min-width:190px;padding:0 32px;border-bottom-width:5px;font-size:20px}.library-lottery-switch{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 22px}.library-lottery-switch button{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;min-height:116px;padding:22px 26px;border:2px solid #e1e7e4;border-radius:18px;background:#fff;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.library-lottery-switch button:hover{transform:translateY(-2px)}.library-lottery-switch button.active{border-color:var(--green);background:#effaf4;box-shadow:0 10px 30px #16a36a1f}.library-lottery-switch small{grid-column:1;color:var(--muted);font-size:11px;letter-spacing:.15em}.library-lottery-switch strong{grid-column:1;margin-top:8px;font-size:27px}.library-lottery-switch span{grid-column:2;grid-row:1/3;padding:7px 10px;border-radius:8px;color:var(--deep);background:#fff;font-size:13px}.library-source-note{margin:14px 0;padding:12px 15px;border-radius:10px;color:#536174;background:#edf7f1;font-size:13px}.library-grid .material-card{display:block;overflow:hidden;padding:0;border:0;border-radius:16px;background:#fff;box-shadow:0 8px 28px #1f33490b;text-align:left;cursor:pointer}.material-card>div{position:relative;aspect-ratio:4/3;overflow:hidden;background:#eef1f4}.material-card img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.material-card:hover img{transform:scale(1.025)}.material-card div span{position:absolute;left:10px;top:10px;padding:4px 7px;border-radius:5px;color:#fff;background:#0f7a52e6;font-size:10px}.material-card h2,.material-card p,.material-card>b{display:block;margin-left:14px;margin-right:14px}.material-card h2{overflow:hidden;margin-top:14px;margin-bottom:6px;font-size:15px;white-space:nowrap;text-overflow:ellipsis}.material-card p{min-height:32px;margin-top:0;color:var(--muted);font-size:11px}.material-card>b{margin-bottom:15px;color:var(--green);font-size:12px}.detail-back{margin-bottom:18px;padding:10px 14px;border:0;border-radius:9px;color:var(--deep);background:#eaf7f0;cursor:pointer}.material-detail{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(360px,1.1fr);gap:42px;align-items:start;padding:28px;border-radius:22px;background:#fff;box-shadow:0 8px 28px #1f33490f}.material-image{overflow:hidden;border-radius:16px;background:#eef1f4;text-align:center}.material-image img{display:block;width:100%;max-height:760px;object-fit:contain}.material-detail article{padding:18px 12px}.lottery-badge{display:inline-block;padding:6px 10px;border-radius:7px;color:#fff;background:var(--green);font-size:12px}.material-detail h1{margin:18px 0 8px;font-size:34px}.detail-issue{margin:0 0 24px;color:var(--deep);font-size:20px;font-weight:700}.material-detail dl{margin:0;border-top:1px solid var(--line)}.material-detail dl div{display:grid;grid-template-columns:110px 1fr;padding:14px 0;border-bottom:1px solid var(--line)}.material-detail dt{color:var(--muted)}.material-detail dd{margin:0;font-weight:600}.detail-source{margin:22px 0;color:var(--muted);line-height:1.8}.detail-list-button{padding:13px 18px;border:0;border-radius:10px;color:#fff;background:var(--green);cursor:pointer}.home-material-loading{padding:34px;text-align:center;color:var(--muted)}.home-material-grid .home-material-card{min-height:0;padding:0 0 15px;border:1px solid #edf0f4;background:#fff}.home-material-card>div{overflow:hidden;aspect-ratio:4/3;background:#eef1f4}.home-material-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}.home-material-card:hover img{transform:scale(1.025)}.home-material-card strong,.home-material-card span,.home-material-card i{position:static;display:block;margin-left:14px;margin-right:14px}.home-material-card strong{overflow:hidden;margin-top:13px;font-size:15px;white-space:nowrap;text-overflow:ellipsis}.home-material-card span{margin-top:5px;color:var(--muted);font-size:11px}.home-material-card i{margin-top:12px;color:var(--green);font-size:12px;font-style:normal;font-weight:700}.gallery-loading-more{position:sticky;bottom:72px;z-index:5;margin:18px auto 0;width:max-content;max-width:100%;padding:10px 16px;border-radius:999px;color:#fff;background:#0f7a52eb;font-size:12px;box-shadow:0 8px 22px #0f7a5233}@media(max-width:900px){body{padding-bottom:72px}.mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(5,1fr);height:66px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #e7ebef;background:#fffffff7;box-shadow:0 -7px 26px #18273a14}.mobile-nav button{display:grid;place-content:center;gap:2px;border:0;color:#647084;background:none;font-size:10px}.mobile-nav i{font-style:normal;font-size:21px}.mobile-nav button.active{color:var(--green);font-weight:700}.material-detail{grid-template-columns:1fr}.material-image img{max-height:600px}}@media(max-width:600px){.draw-tabs{height:64px;gap:4px}.draw-tabs button{height:64px;min-width:116px;padding:0 18px;border-bottom-width:4px;font-size:17px}.library-lottery-switch{gap:9px}.library-lottery-switch button{display:block;min-height:104px;padding:16px}.library-lottery-switch strong,.library-lottery-switch span{display:block}.library-lottery-switch strong{font-size:21px}.library-lottery-switch span{margin-top:8px;padding:0;background:none}.material-detail{padding:14px;gap:18px}.material-detail article{padding:8px 4px}.material-detail h1{font-size:26px}.material-detail dl div{grid-template-columns:88px 1fr}}.draw-actions button{display:flex;justify-content:center;align-items:center;height:52px;border:1px solid var(--green);border-radius:12px;color:#fff;background:var(--green);font-weight:700;cursor:pointer}.draw-actions button.secondary{color:var(--green);background:#fff}.home-material-card,.material-card{content-visibility:auto;contain-intrinsic-size:auto 360px}.data-tool-grid article.active{outline:2px solid var(--green);background:#f4fbf7}.data-result-panel{margin-top:20px}.number-query{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:var(--muted)}.number-query input{width:110px;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:9px;outline-color:var(--green)}.data-result-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.data-result-list>div{display:flex;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:10px;background:#f5f8f7}.data-result-list strong{font-size:13px}.data-result-list span{color:var(--muted);font-size:12px;text-align:right}@media(max-width:600px){.data-result-list{grid-template-columns:1fr}}.number-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.number-detail-grid article{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;background:#f5f8f7}.number-detail-grid article>i{flex:0 0 auto}.number-detail-grid article>div{display:grid;gap:3px}.number-detail-grid strong{font-size:13px}.number-detail-grid span{color:var(--muted);font-size:11px}.number-detail-grid article:last-child{background:#eef8f3}@media(max-width:900px){.number-detail-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.number-detail-grid{grid-template-columns:1fr 1fr;gap:8px}.number-detail-grid article{gap:8px;padding:10px}.number-detail-grid article>i{width:26px;height:26px}.number-detail-grid span{font-size:10px}}.library-seo-guide,.material-seo-copy{margin-top:22px;line-height:1.9}.library-seo-guide>p,.material-seo-copy>p,.material-seo-copy li{color:#536174;font-size:14px}.seo-intent-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0 28px}.seo-intent-list article{padding:16px;border-left:3px solid var(--green);background:#f6f9f7}.seo-intent-list h3{margin:0 0 5px;font-size:15px}.seo-intent-list p{margin:0 0 8px;color:var(--muted);font-size:12px}.seo-intent-list span{color:#405064;font-size:11px;line-height:1.7}.faq-list{margin:0}.faq-list div{padding:14px 0;border-top:1px solid var(--line)}.faq-list dt{font-weight:750}.faq-list dd{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.8}.seo-keywords{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.seo-keywords span{padding:5px 9px;border-radius:7px;color:var(--deep);background:#eaf7f0;font-size:11px}.material-seo-copy h2{margin:24px 0 8px;font-size:20px}.material-seo-copy ol{padding-left:22px}.seo-disclaimer{padding-top:16px;border-top:1px solid var(--line);font-size:12px!important}@media(max-width:600px){.seo-intent-list{grid-template-columns:1fr}.library-seo-guide,.material-seo-copy{line-height:1.8}.library-seo-guide>p,.material-seo-copy>p,.material-seo-copy li{font-size:13px}}.video-zone{padding:24px}.video-zone .section-title{align-items:flex-start}.video-zone .section-title p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.video-type-badge{padding:6px 12px;border-radius:999px;color:var(--deep);background:#eaf7f0;font-size:12px;font-weight:700}.draw-replay-panel{padding:18px;border-radius:15px;background:#f7f9fb}.replay-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.replay-heading button,.video-placeholder button,.sound-button{border:0;border-radius:9px;color:#fff;background:var(--green);cursor:pointer}.replay-heading button{padding:8px 12px}.replay-heading button:disabled{cursor:not-allowed;opacity:.45}.replay-balls{display:flex;align-items:center;gap:10px;min-height:42px;margin-top:15px}.replay-balls .mini-ball{width:36px;height:36px;font-size:12px}.live-video-panel{display:grid;grid-template-columns:minmax(0,720px) 1fr;gap:20px;margin-top:20px}.video-frame{position:relative;overflow:hidden;aspect-ratio:49/32;border-radius:16px;background:#111}.video-frame video{display:block;width:100%;height:100%;object-fit:cover}.video-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:8px;padding:24px;text-align:center;color:#fff;background:linear-gradient(145deg,#111827,#0f2b22)}.video-placeholder span{max-width:360px;color:#bdc8c3;font-size:12px;line-height:1.6}.video-placeholder button{margin-top:8px;padding:10px 22px}.video-controls{align-self:start}.video-lines{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.video-lines button{padding:10px;border:1px solid var(--line);border-radius:9px;background:#fff;cursor:pointer}.video-lines button.active{border-color:var(--green);color:var(--deep);background:#eef9f3}.sound-button{width:100%;margin-top:10px;padding:11px}.video-note,.video-status{margin:12px 0 0;color:var(--muted);font-size:12px;line-height:1.7}.video-status{color:var(--deep)}.detail-actions{display:grid;gap:10px;margin-top:16px}.favorite-button{min-height:44px;border:1px solid #cfe4d7;border-radius:10px;color:var(--deep);background:#f3faf6;cursor:pointer}.favorite-button.active{color:#fff;background:var(--deep)}.mine-tools{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.mine-tools button{min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}.mine-tools button.active{border-color:var(--green);color:#fff;background:var(--green)}.mine-tools b{margin-left:6px}.mine-tools .install-button{margin-left:auto;color:var(--deep);border-color:#bcdccb}.mine-tools .clear-history{color:#a24747}.saved-material-list{display:grid;gap:10px}.saved-material-list>button{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:14px;padding:10px;border:0;border-radius:13px;text-align:left;background:#fff;box-shadow:0 7px 22px #1f33490b;cursor:pointer}.saved-material-list img{width:72px;height:72px;border-radius:9px;object-fit:cover;background:#eef1f4}.saved-material-list span{min-width:0}.saved-material-list strong,.saved-material-list small{display:block}.saved-material-list strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.saved-material-list small{margin-top:6px;color:var(--muted)}.saved-material-list i{font-style:normal;color:var(--green)}.community-compat{margin-top:22px}.community-compat p{color:var(--muted);font-size:13px}.community-compat div{display:flex;flex-wrap:wrap;gap:8px}.community-compat span{padding:7px 10px;border-radius:8px;color:#647084;background:#f0f3f5;font-size:12px}@media(max-width:700px){.video-zone{padding:17px}.live-video-panel{grid-template-columns:1fr}.replay-balls{gap:5px}.replay-balls .mini-ball{width:30px;height:30px;font-size:10px}.video-lines{grid-template-columns:repeat(3,1fr)}.mine-tools .install-button{margin-left:0}.saved-material-list>button{grid-template-columns:58px 1fr auto}.saved-material-list img{width:58px;height:58px}}