.platform-page{color:#171717;background:#f6f6f6;}.platform-banner{position:relative;overflow:hidden;padding:97px 0 84px;color:#fff;background-color:#040404;background-position:center;background-size:cover;background-repeat:no-repeat;}.platform-spotify .platform-banner{background-image:url("/uploads/page/platform/spotify-banner.png");}.platform-apple-music .platform-banner{background-image:url("/uploads/page/platform/apple-music-banner.png");}.platform-amazon-music .platform-banner{background-image:url("/uploads/page/platform/amazon-music-banner.png");}.platform-youtube-music .platform-banner{background-image:url("/uploads/page/platform/youtube-music-banner.png");}.platform-audible .platform-banner{background-image:url("/uploads/page/platform/audible-banner.png");}.platform-music-converter .platform-banner{background-image:url("/uploads/page/platform/music-converter-banner.png");}.platform-audible .platform-banner{padding-bottom:116px;}.platform-banner-inner{position:relative;z-index:1;text-align:center;}.platform-title{font-size:52px;font-weight:700;line-height:1.3;}.platform-subtitle{max-width:736px;margin:20px auto 0;color:#d8d8d8;font-size:20px;font-weight:400;line-height:1.6;}.platform-content{padding:104px 0 74px;}.platform-feature{display:grid;grid-template-columns:minmax(0,490px) minmax(420px,660px);align-items:center;gap:50px;}.feature-copy{align-self:start;padding-top:38px;}.feature-label{display:inline-flex;padding:8px 16px;color:rgba(255,255,255,0.8);background:#000;font-size:18px;font-weight:400;line-height:0.9;letter-spacing:0.1em;}.feature-title{margin-top:20px;font-size:34px;font-weight:700;line-height:1.3;}.feature-text{max-width:490px;margin-top:12px;color:rgba(59,59,59,0.94);font-size:18px;font-weight:400;line-height:1.8;letter-spacing:0.04em;}.feature-link{display:inline-flex;align-items:center;gap:10px;margin-top:8px;color:#3b3aeb;font-size:20px;font-weight:400;line-height:1.3;}.feature-link .iconfont{transition:transform 0.2s ease;}.feature-link:hover .iconfont{transform:translateX(4px);}.feature-media{min-width:0;overflow:hidden;border-radius:12px;}.feature-img{display:block;width:100%;transition:transform 0.3s ease;}.feature-media:hover .feature-img{transform:scale(1.03);}.platform-articles{margin-top:103px;}.articles-title{font-size:34px;font-weight:700;line-height:1.3;}.article-list{display:grid;gap:18px;margin-top:36px;}.article-card{padding:28px 26px;border:1px solid #ededed;border-radius:12px;background:#fff;transition:box-shadow 0.25s ease,transform 0.25s ease;}.article-card:hover{box-shadow:0 12px 30px rgba(35,35,55,0.1);transform:translateY(-4px);}.article-card.is-hidden{display:none;}.article-pagination{display:flex;align-items:center;justify-content:center;width:100%;gap:22px;margin:36px auto 0;}.article-page-list{display:flex;align-items:center;gap:24px;}.article-page-nav{display:flex;align-items:center;justify-content:center;min-height:31px;padding:0 10px;gap:10px;border:1px solid #dadada;border-radius:4px;color:rgba(59,59,59,0.94);background:#fbfbfe;font-size:16px;line-height:1.8;letter-spacing:0.04em;cursor:pointer;transition:border-color 0.2s ease,color 0.2s ease,background 0.2s ease;}.article-page-nav:hover:not(.is-disabled){border-color:#171717;color:#171717;background:#fff;}.article-page-nav.is-disabled{color:rgba(144,144,144,0.83);cursor:default;}.article-page-arrow{width:7px;height:7px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;}.article-page-prev .article-page-arrow{transform:rotate(-135deg);}.article-page-next .article-page-arrow{transform:rotate(45deg);}.article-page-link{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #dadada;border-radius:4px;color:rgba(59,59,59,0.94);background:#fbfbfe;font-size:16px;line-height:1.8;letter-spacing:0.04em;cursor:pointer;}.article-page-link:hover,.article-page-link.is-active{border-color:#171717;color:#fff;background:#171717;}.article-page-more{width:16px;color:rgba(59,59,59,0.94);font-size:16px;line-height:1;text-align:center;}.article-title{font-size:24px;font-weight:700;line-height:1.3;letter-spacing:0.04em;}.article-title a{font-weight:700;transition:color 0.2s ease;}.article-title a:hover{color:#3b3aeb;}.article-text{margin-top:10px;color:rgba(59,59,59,0.94);font-size:18px;font-weight:400;line-height:1.8;letter-spacing:0.04em;}.article-meta{display:flex;align-items:center;gap:12px;margin-top:10px;color:rgba(98,98,98,0.89);font-size:14px;font-weight:400;line-height:1.8;letter-spacing:0.04em;}.article-meta > * + *{padding-left:12px;border-left:1px solid #d8d8d8;}.article-category{display:flex;align-items:center;gap:5px;}.article-category .iconfont{width:20px;height:20px;flex:0 0 auto;background:url("/uploads/page/platform/tag.svg") center / contain no-repeat;font-size:0;}@media (max-width:768px){.platform-page{background:#fbfbfe;}.platform-banner{padding:84px 0 76px;background-position:center;}.platform-audible .platform-banner{padding-bottom:76px;}.platform-title{font-size:38px;}.platform-subtitle{max-width:346px;margin-top:20px;font-size:16px;line-height:1.6;}.platform-content{padding:63px 0 60px;}.platform-feature{display:flex;flex-direction:column;align-items:stretch;gap:26px;}.feature-copy{padding-top:0;}.feature-label{padding:8px 16px;font-size:18px;}.feature-title{margin-top:14px;font-size:26px;}.feature-text{margin-top:14px;font-size:16px;}.feature-link{margin-top:14px;font-size:16px;}.feature-media{border-radius:6px;}.platform-articles{margin-top:83px;}.articles-title{font-size:26px;}.article-list{gap:18px;margin-top:26px;}.article-card{padding:26px 18px 18px;}.article-title{font-size:18px;line-height:1.25;}.article-text{display:-webkit-box;overflow:hidden;margin-top:12px;font-size:16px;-webkit-box-orient:vertical;-webkit-line-clamp:4;}.article-meta{flex-wrap:wrap;justify-content:flex-start;gap:6px 20px;margin-top:8px;font-size:12px;}.article-meta > * + *{position:relative;padding-left:0;border-left:0;}.article-meta > * + *::before{position:absolute;top:50%;left:-10px;width:1px;height:12px;background:#d8d8d8;content:"";transform:translateY(-50%);}.article-category .iconfont{width:10px;height:10px;}.article-pagination{gap:10px;margin-top:32px;}.article-page-list{gap:8px;}.article-page-nav{width:30px;min-height:30px;padding:0;}.article-page-nav-text{display:none;}}