*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:#000}body{font-family:Segoe UI,PingFang SC,Microsoft YaHei,Hiragino Sans GB,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#fff;min-height:100vh;overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}.app-layout{min-height:100vh;display:flex;flex-direction:column;background:#000}.app-content{flex:1;padding-top:0}.login-page,.register-page,.profile-page{padding-top:72px}.app-header{position:fixed;top:0;left:0;right:0;z-index:1000;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;background:transparent;transition:background .4s ease,backdrop-filter .4s ease}.app-header.scrolled{background:#000000d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06)}.app-header .logo{font-size:18px;font-weight:700;color:#fff;letter-spacing:.08em;white-space:nowrap;transition:color .3s}.app-header .logo:hover{color:#fffa00}.app-header .nav-links{display:flex;align-items:center;gap:4px}.app-header .nav-links .ant-btn-link{color:#ffffffbf;font-size:14px;letter-spacing:.04em;font-weight:500;transition:color .3s}.app-header .nav-links .ant-btn-link:hover{color:#fffa00!important}.app-footer{background:#101010;text-align:center;padding:32px 24px;font-size:12px;color:#6e6e6e;letter-spacing:.08em;border-top:1px solid rgba(255,255,255,.04)}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden}.hero-bg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 40%,rgba(255,250,0,.04) 0%,transparent 70%),radial-gradient(ellipse at 20% 80%,rgba(0,255,162,.03) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(255,26,172,.03) 0%,transparent 50%)}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%)}.hero-cmyk-strip{position:absolute;left:48px;top:50%;transform:translateY(-50%);width:3px;height:200px;background:linear-gradient(180deg,#ff1aac,#00ffa2,#fffa00);border-radius:2px;opacity:.6}.hero-cmyk-horizontal{position:absolute;bottom:120px;left:50%;transform:translate(-50%);width:120px;height:2px;background:linear-gradient(90deg,#ff1aac,#00ffa2,#fffa00);border-radius:1px;opacity:.5}.hero-content{position:relative;z-index:2;text-align:center;padding:0 24px}.hero-title{font-size:clamp(48px,8vw,96px);font-weight:900;color:#fff;letter-spacing:.12em;line-height:1.15;margin-bottom:8px;text-shadow:0 0 80px rgba(255,250,0,.25)}.hero-title .accent{color:#fffa00}.hero-subtitle{font-size:14px;color:#ffffff73;letter-spacing:.35em;font-weight:400;margin-bottom:40px}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.hero-btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 40px;background:#fffa00;color:#000;font-size:15px;font-weight:700;letter-spacing:.06em;border:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.hero-btn-primary:hover{background:#fff000;transform:translateY(-1px);box-shadow:0 0 40px #fffa0059;color:#000}.hero-btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:14px 40px;background:transparent;color:#fffc;font-size:15px;font-weight:600;letter-spacing:.06em;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .3s ease}.hero-btn-ghost:hover{border-color:#ffffff80;color:#fff;background:#ffffff0a}.hero-scroll-tip{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;color:#ffffff59;font-size:11px;letter-spacing:.12em;animation:scrollTipFloat 3s ease-in-out infinite}.hero-scroll-tip .line{width:1px;height:32px;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent)}@keyframes scrollTipFloat{0%,to{opacity:.3;transform:translate(-50%) translateY(0)}50%{opacity:1;transform:translate(-50%) translateY(8px)}}.section{padding:100px 48px;position:relative}.section-dark{background:#000}.section-gray{background:#0a0a0a}.section-header{text-align:center;margin-bottom:64px}.section-tag{display:inline-block;font-size:11px;letter-spacing:.2em;color:#fffa00;margin-bottom:12px;font-weight:600}.section-title{font-size:clamp(32px,5vw,56px);font-weight:900;color:#fff;letter-spacing:.06em;margin-bottom:8px}.section-title-en{font-size:13px;color:#ffffff4d;letter-spacing:.25em;font-weight:400}.section-divider{width:60px;height:2px;background:linear-gradient(90deg,#ff1aac,#fffa00);margin:24px auto 0}.cmyk-strip{width:100%;height:2px;background:linear-gradient(90deg,transparent,#ff1aac,#00ffa2,#fffa00,#ff1aac,transparent);opacity:.5}.cmyk-strip-vertical{position:absolute;right:48px;top:50%;transform:translateY(-50%);width:2px;height:160px;background:linear-gradient(180deg,#ff1aac,#00ffa2,#fffa00);border-radius:1px;opacity:.4}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;max-width:1100px;margin:0 auto}.category-item{position:relative;background:#0d0d0d;border:1px solid rgba(255,255,255,.06);padding:36px 16px;text-align:center;cursor:pointer;transition:all .4s ease;overflow:hidden}.category-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,250,0,.06) 0%,transparent 100%);opacity:0;transition:opacity .4s ease}.category-item:hover{border-color:#fffa0040;background:#111;transform:translateY(-4px);box-shadow:0 8px 32px #00000080}.category-item:hover:before{opacity:1}.category-item .cat-icon{font-size:28px;margin-bottom:12px;transition:transform .4s ease}.category-item:hover .cat-icon{transform:scale(1.15)}.category-item .cat-name{font-size:15px;font-weight:700;color:#fff;letter-spacing:.06em;margin-bottom:4px}.category-item .cat-desc{font-size:11px;color:#ffffff4d;letter-spacing:.04em}.category-item .cat-corner{position:absolute;top:8px;right:8px;width:16px;height:16px;border-top:1px solid rgba(255,250,0,0);border-right:1px solid rgba(255,250,0,0);transition:all .4s ease}.category-item:hover .cat-corner{border-color:#fffa0066;width:20px;height:20px}.material-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;max-width:1100px;margin:0 auto}.material-card{background:#0d0d0d;border:1px solid rgba(255,255,255,.06);overflow:hidden;cursor:pointer;transition:all .4s ease;position:relative}.material-card:hover{border-color:#ffffff26;background:#111;transform:translateY(-4px);box-shadow:0 12px 48px #0009}.material-card .card-img{height:180px;background:#080808;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.material-card .card-img:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#00ffa2;opacity:0;transition:opacity .4s ease}.material-card:hover .card-img:after{opacity:.7}.material-card .card-img-icon{font-size:42px;transition:all .4s ease}.material-card:hover .card-img-icon{transform:scale(1.1)}.material-card .card-body{padding:20px}.material-card .card-title{font-size:16px;font-weight:700;color:#fff;letter-spacing:.04em;margin-bottom:8px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.material-card .card-desc{font-size:12px;color:#ffffff59;margin-bottom:16px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.material-card .card-meta{display:flex;justify-content:space-between;align-items:center}.material-card .price-tag{font-size:18px;font-weight:800;color:#fffa00;letter-spacing:.04em}.material-card .price-tag.free{color:#00ffa2}.material-card .category-tag{font-size:11px;color:#ffffff59;letter-spacing:.06em;padding:3px 10px;border:1px solid rgba(255,255,255,.1)}.news-strip{background:#000;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);padding:0 48px;overflow:hidden;position:relative;height:56px;display:flex;align-items:center}.news-strip-label{font-size:11px;color:#fffa00;letter-spacing:.15em;font-weight:700;white-space:nowrap;margin-right:24px;flex-shrink:0}.news-strip-content{display:flex;gap:48px;animation:newsScroll 30s linear infinite;white-space:nowrap;font-size:13px;color:#ffffff80;letter-spacing:.04em}.news-strip-content span{transition:color .3s;cursor:pointer}.news-strip-content span:hover{color:#fff}@keyframes newsScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.news-strip:before,.news-strip:after{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:1;pointer-events:none}.news-strip:before{left:0;background:linear-gradient(90deg,#000,transparent)}.news-strip:after{right:0;background:linear-gradient(270deg,#000,transparent)}.cta-section{text-align:center;padding:120px 48px;background:#000;position:relative;overflow:hidden}.cta-section .cta-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 50%,rgba(255,250,0,.06) 0%,transparent 70%)}.cta-section .cta-title{font-size:clamp(28px,4vw,44px);font-weight:900;color:#fff;letter-spacing:.08em;margin-bottom:12px;position:relative}.cta-section .cta-sub{font-size:13px;color:#ffffff59;letter-spacing:.2em;margin-bottom:40px;position:relative}.detail-layout{display:grid;grid-template-columns:1fr 360px;gap:32px;max-width:1100px;margin:100px auto 0;padding:0 24px}.detail-main{background:#0d0d0d;border:1px solid rgba(255,255,255,.06);padding:32px}.detail-sidebar{background:#0d0d0d;border:1px solid rgba(255,255,255,.06);padding:32px;align-self:start;position:sticky;top:96px}.detail-sidebar .price-display{font-size:36px;font-weight:900;color:#fffa00;margin-bottom:20px;letter-spacing:.04em}.detail-sidebar .price-display.free{color:#00ffa2}.filter-card{background:#0d0d0d;border:1px solid rgba(255,255,255,.06);padding:24px}.filter-section{margin-bottom:24px}.filter-section h4{font-size:12px;font-weight:700;color:#ffffff80;letter-spacing:.1em;margin-bottom:12px;text-transform:uppercase}.auth-card{background:#0d0d0d!important;border:1px solid rgba(255,255,255,.06)!important;box-shadow:0 4px 24px #00000080!important}.ant-typography,h1.ant-typography,h2.ant-typography,h3.ant-typography{color:#fff!important}.ant-spin-dot-item{background:#fffa00!important}.ant-pagination-item{background:#0d0d0d!important;border-color:#ffffff14!important}.ant-pagination-item a{color:#fff9!important}.ant-pagination-item-active{background:#fffa00!important;border-color:#fffa00!important}.ant-pagination-item-active a{color:#000!important;font-weight:700!important}.ant-pagination-prev button,.ant-pagination-next button{color:#ffffff80!important}.ant-pagination-prev:hover button,.ant-pagination-next:hover button{color:#fffa00!important}.ant-table{background:#0d0d0d!important;color:#fff!important}.ant-table-thead>tr>th{background:#080808!important;color:#ffffff80!important;border-color:#ffffff0f!important;font-weight:600!important;font-size:12px!important;letter-spacing:.06em!important}.ant-table-tbody>tr>td{border-color:#ffffff0a!important;color:#fff!important}.ant-table-tbody>tr:hover>td{background:#111!important}.ant-tag{border:none!important}.ant-tag:not([class*=ant-tag-]){color:#fff!important;background:#1a1a1a!important;border:1px solid rgba(255,255,255,.15)!important}.ant-tag-blue{color:#fff!important}.ant-input,.ant-input-password,.ant-select-selector{background:#080808!important;border-color:#ffffff14!important;color:#fff!important}.ant-input:focus,.ant-select-selector:focus{border-color:#fffa00!important;box-shadow:0 0 0 2px #fffa001a!important}.white-input,.white-input.ant-input,.white-input.ant-input-affix-wrapper,.ant-form-item .white-input.ant-input,.ant-form-item .white-input.ant-input-affix-wrapper,.white-input .ant-input{background:#fff!important;color:#000!important;border-color:#d9d9d9!important}.white-input input,.white-input.ant-input-affix-wrapper input{background:#fff!important;color:#000!important}.white-input:focus,.white-input.ant-input:focus,.white-input.ant-input-affix-wrapper:focus,.white-input.ant-input-affix-wrapper-focused{border-color:#fffa00!important;box-shadow:0 0 0 2px #fffa0026!important;background:#fff!important}.white-input .ant-input-suffix{color:#999}.white-input.ant-input-affix-wrapper>input.ant-input{background:#fff!important;color:#000!important}.ant-select-arrow{color:#fff6!important}.ant-select-dropdown{background:#111!important}.ant-select-item{color:#fff!important}.ant-select-item-option-active{background:#1a1a1a!important}.ant-select-item-option-selected{background:#fffa001a!important}.ant-empty-description{color:#ffffff59!important}.ant-card{background:#0d0d0d!important;border-color:#ffffff0f!important}.ant-card-head{border-color:#ffffff0f!important}.ant-card-head-title{color:#fff!important}.ant-descriptions-item-label{color:#fff6!important}.ant-descriptions-item-content{color:#fff!important}.ant-descriptions-bordered .ant-descriptions-item-label{background:#080808!important;border-color:#ffffff0f!important}.ant-descriptions-bordered .ant-descriptions-item-content{border-color:#ffffff0f!important}.ant-modal-content{background:#111!important}.ant-modal-header{background:#111!important;border-color:#ffffff0f!important}.ant-modal-title{color:#fff!important}.ant-form-item-label label{color:#fff9!important}.ant-message .ant-message-notice-content{background:#1a1a1a!important;color:#fff!important}.ant-btn-default{background:#0d0d0d!important;border-color:#ffffff1f!important;color:#fff!important}.ant-btn-default:hover{border-color:#fffa00!important;color:#fffa00!important}.ant-btn-primary{background:#fffa00!important;border-color:#fffa00!important;color:#000!important;font-weight:700!important;box-shadow:none!important}.ant-btn-primary:hover{background:#fff000!important;border-color:#fff000!important;color:#000!important}.ant-dropdown-menu{background:#111!important;border:1px solid rgba(255,255,255,.08)!important}.ant-dropdown-menu-item{color:#fff!important}.ant-dropdown-menu-item:hover{background:#1a1a1a!important}.ant-dropdown-menu-item-danger{color:#ff4d4f!important}.ant-statistic-title{color:#fff6!important}.ant-statistic-content{color:#fff!important}.ant-card .ant-statistic{background:transparent}.ant-card:has(.ant-statistic){background:#0d0d0d!important;border-color:#ffffff0f!important}.ant-skeleton{background:#ffffff0a!important}.ant-divider{border-color:#ffffff0f!important}.ant-divider-plain .ant-divider-inner-text{color:#ffffff59!important}.ant-radio-wrapper{color:#fff9!important}.ant-radio-inner{background:#080808!important;border-color:#ffffff26!important}.ant-radio-checked .ant-radio-inner{border-color:#fffa00!important;background:#fffa00!important}.ant-radio-checked .ant-radio-inner:after{background:#000!important}.ant-popconfirm-message-title{color:#fff!important}.ant-popover-inner{background:#111!important}.ant-switch{background:#ffffff26!important}.ant-switch-checked{background:#fffa00!important}.ant-switch-checked .ant-switch-inner{color:#000!important}.ant-breadcrumb-separator,.ant-breadcrumb a{color:#fff6!important}.ant-breadcrumb li:last-child{color:#ffffffb3!important}.ant-upload-drag{background:#080808!important;border-color:#ffffff14!important}.ant-upload-drag-icon{color:#ffffff4d!important}.ant-upload-text{color:#ffffff80!important}.ant-upload-list-item-name{color:#fff!important}.ant-upload-list-item-card-actions .ant-btn{color:#fff9!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#1f1f1f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#333}@media (max-width: 768px){.app-header{padding:0 20px;height:60px}.section{padding:64px 20px}.hero-section{min-height:100vh}.category-grid{grid-template-columns:repeat(2,1fr);gap:8px}.material-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.detail-layout{grid-template-columns:1fr;margin-top:80px}.detail-sidebar{position:static}.hero-cmyk-strip{left:16px;height:100px}.hero-cmyk-horizontal{bottom:80px}.news-strip{padding:0 16px}.news-strip-label{margin-right:12px;font-size:10px}.news-strip-content{gap:24px;font-size:12px}}