:root{--primary: #624aff;--primary-light: #8b7bff;--text-main: #1a1a2e;--text-sub: #666;--text-muted: #999;--bg-page: #f0f2f8;--bg-card: #ffffff;--border-light: rgba(0, 0, 0, .06);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 8px 32px rgba(0, 0, 0, .08);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .12);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px}*,*:before,*:after{box-sizing:border-box}body,html{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;height:100%;width:100%;background:var(--bg-page);color:var(--text-main);overflow-x:hidden}.app{min-height:100vh;display:flex;flex-direction:column}.site-header{background:var(--bg-card);border-bottom:1px solid var(--border-light);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.header-inner{max-width:1400px;margin:0 auto;padding:0 32px;height:64px;display:flex;align-items:center;gap:40px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none;color:inherit}.brand-logo{width:36px;height:36px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;font-weight:700}.brand-title{font-size:1.05rem;font-weight:700;color:var(--text-main);line-height:1.2}.brand-subtitle{font-size:.72rem;color:var(--text-muted);margin-top:1px}.main-nav{display:flex;align-items:center;gap:4px;flex:1}.nav-item{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:.9rem;color:var(--text-sub);text-decoration:none;border-radius:8px;transition:color .2s,background .2s;white-space:nowrap}.nav-item__icon{width:16px;height:16px;flex-shrink:0;opacity:.75;transition:opacity .2s}.nav-item:hover .nav-item__icon,.nav-item.active .nav-item__icon{opacity:1}.nav-item:hover{color:var(--primary);background:#624aff0f}.nav-item.active{color:var(--primary);font-weight:600;background:#624aff14}.header-actions{flex-shrink:0}.search-box{display:flex;align-items:center;gap:8px;background:#f5f6fa;border:1px solid var(--border-light);border-radius:24px;padding:8px 16px;min-width:220px}.search-icon{font-size:.85rem;opacity:.5}.search-box input{border:none;background:transparent;outline:none;font-size:.85rem;color:var(--text-sub);width:100%}.search-box input::placeholder{color:var(--text-muted)}.main-content{flex:1;padding:32px}.tool-page{margin:-32px;min-height:calc(100vh - 64px)}.tool-page__frame{display:block;width:100%;min-height:calc(100vh - 64px);border:none;background:var(--bg-card)}.placeholder-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 128px)}.placeholder-page__content{text-align:center;max-width:420px;padding:48px 32px;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.placeholder-page__icon{font-size:3rem;margin-bottom:16px}.placeholder-page__title{margin:0 0 12px;font-size:1.5rem;color:var(--text-main)}.placeholder-page__desc{margin:0;color:var(--text-sub);line-height:1.6}.content-layout{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:420px 1fr;gap:28px;align-items:stretch}.feature-cards{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:16px}.feature-card{display:flex;align-items:center;justify-content:space-between;padding:24px 20px;border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:transform .25s ease,box-shadow .25s ease;min-height:130px;position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.feature-card__content{flex:1;z-index:1}.feature-card__title{font-size:1rem;font-weight:700;color:var(--text-main);margin-bottom:8px;display:flex;align-items:center;gap:4px}.feature-card__arrow{font-size:1.2rem;color:var(--text-muted);font-weight:400;transition:transform .2s}.feature-card:hover .feature-card__arrow{transform:translate(3px);color:var(--primary)}.feature-card__desc{font-size:.8rem;color:var(--text-sub);line-height:1.4}.feature-card__icon{font-size:2.8rem;opacity:.85;flex-shrink:0;margin-left:8px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.feature-card--orange{background:linear-gradient(135deg,#fff5f0,#ffe8dc);border:1px solid rgba(255,120,60,.12)}.feature-card--purple{background:linear-gradient(135deg,#f5f0ff,#ede5ff);border:1px solid rgba(142,45,226,.12)}.feature-card--green{background:linear-gradient(135deg,#f0faf4,#dcf5e7);border:1px solid rgba(52,168,83,.12)}.feature-card--blue{background:linear-gradient(135deg,#f0f4ff,#dce8ff);border:1px solid rgba(66,133,244,.12)}.carousel-container{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);min-height:420px;background:#1a1a2e}.carousel-track{display:flex;transition:transform .6s cubic-bezier(.25,1,.5,1);height:100%;min-height:420px}.carousel-slide{min-width:100%;flex-shrink:0;height:100%}.banner-slide{width:100%;height:100%;min-height:420px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:48px}.banner-slide__decor{position:absolute;border-radius:50%;opacity:.15;background:#fff}.banner-slide__decor--1{width:300px;height:300px;top:-80px;right:-60px}.banner-slide__decor--2{width:200px;height:200px;bottom:-50px;left:-40px}.banner-slide__content{text-align:center;z-index:1;color:#fff;max-width:520px}.banner-slide__icon{font-size:4rem;margin-bottom:20px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.2))}.banner-slide__title{font-size:2.4rem;font-weight:800;margin:0 0 16px;letter-spacing:-.5px;text-shadow:0 2px 12px rgba(0,0,0,.15)}.banner-slide__subtitle{font-size:1.05rem;margin:0 0 24px;opacity:.92;line-height:1.6}.banner-slide__tag{display:inline-block;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 20px;border-radius:24px;font-size:.9rem;font-weight:600;border:1px solid rgba(255,255,255,.3)}.carousel-dots{display:flex;align-items:center;gap:8px;position:absolute;bottom:20px;left:24px;z-index:10}.dot{width:8px;height:8px;background-color:#fff6;border-radius:50px;cursor:pointer;transition:all .4s cubic-bezier(.25,1,.5,1);border:none;padding:0}.dot.active{background-color:#fff;width:28px}.dot:hover{background-color:#fffc}.hot-recommendations{max-width:1400px;margin:40px auto 0}.section-header{display:flex;align-items:center;gap:8px;margin-bottom:20px}.section-header__icon{font-size:1.1rem}.section-header__title{font-size:1.15rem;font-weight:700;margin:0;color:var(--text-main)}.masonry-grid{column-count:6;column-gap:16px}.masonry-item{break-inside:avoid;margin-bottom:16px}.recommend-card{display:block;width:100%;text-align:left;text-decoration:none;color:inherit;background:var(--bg-card);border-radius:var(--radius-md);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease;border:1px solid var(--border-light);cursor:pointer;padding:0;font:inherit}.recommend-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.recommend-card__media{position:relative;overflow:hidden;border-radius:var(--radius-md) var(--radius-md) 0 0}.recommend-card__media img{display:block;width:100%;height:auto;object-fit:cover;vertical-align:middle}.recommend-card__badge{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:4px;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:.7rem;font-weight:500;padding:4px 8px;border-radius:6px}.recommend-card__badge-icon{font-size:.65rem;opacity:.8}.recommend-card__play{position:absolute;top:10px;right:10px;width:28px;height:28px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;color:var(--text-main);box-shadow:0 2px 8px #00000026}.recommend-card__info{padding:12px 14px 14px}.recommend-card__title{font-size:.88rem;font-weight:600;color:var(--text-main);margin-bottom:10px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recommend-card__meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.recommend-card__author{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.recommend-card__avatar{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;color:#fff;font-weight:600;flex-shrink:0}.recommend-card__author-name{font-size:.75rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recommend-card__stats{display:flex;align-items:center;gap:10px;flex-shrink:0}.recommend-card__stat{display:flex;align-items:center;gap:3px;font-size:.72rem;color:var(--text-muted)}.recommend-card__stat-icon{font-size:.7rem;opacity:.6}.detail-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.detail-modal{background:var(--bg-card);border-radius:var(--radius-lg);width:min(1200px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px #00000059}.detail-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-light);flex-shrink:0}.detail-modal__header-left{display:flex;align-items:center;gap:10px;min-width:0}.detail-modal__title{font-size:1rem;font-weight:700;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-modal__refresh{color:var(--text-muted);font-size:.9rem;cursor:default}.detail-modal__date{font-size:.82rem;color:var(--text-muted);white-space:nowrap}.detail-modal__header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.detail-modal__action-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid var(--border-light);border-radius:8px;background:#fff;font-size:.82rem;color:var(--text-sub);cursor:pointer;transition:background .2s,border-color .2s}.detail-modal__action-btn:hover{background:#f5f6fa}.detail-modal__action-btn--like.active{color:#e84393;border-color:#e843934d;background:#e843930f}.detail-modal__close{width:32px;height:32px;border:none;background:transparent;font-size:1.1rem;color:var(--text-muted);cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center}.detail-modal__close:hover{background:#f5f6fa;color:var(--text-main)}.detail-modal__body{display:flex;flex:1;min-height:0;overflow:hidden}.detail-modal__image-panel{flex:1;min-width:0;background:#f5f6fa;display:flex;align-items:center;justify-content:center;overflow:hidden}.detail-modal__image-panel img{max-width:100%;max-height:calc(100vh - 140px);object-fit:contain;display:block}.detail-modal__sidebar{width:380px;flex-shrink:0;border-left:1px solid var(--border-light);padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:18px}.detail-modal__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.detail-modal__generate-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;border:none;border-radius:10px;font-size:.88rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .2s}.detail-modal__generate-btn:hover{opacity:.92;transform:translateY(-1px)}.detail-modal__download-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:#fff;color:var(--text-main);border:1px solid var(--border-light);border-radius:10px;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .2s}.detail-modal__download-btn:hover{background:#f5f6fa}.detail-modal__creator{display:flex;align-items:center;gap:8px;margin-left:auto}.detail-modal__creator-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#fff;font-weight:600}.detail-modal__creator-name{font-size:.85rem;color:var(--text-sub);font-weight:500}.detail-modal__section-title{font-size:.82rem;font-weight:600;color:var(--text-main);margin-bottom:10px}.detail-modal__tags{display:flex;flex-wrap:wrap;gap:8px}.detail-modal__tag{padding:4px 12px;background:#624aff14;color:var(--primary);border-radius:6px;font-size:.78rem;font-weight:500}.detail-modal__model{display:flex;align-items:center;gap:12px;padding:10px;background:#f8f9fc;border-radius:var(--radius-sm);border:1px solid var(--border-light)}.detail-modal__model img{width:48px;height:48px;border-radius:8px;object-fit:cover}.detail-modal__model-name{font-size:.88rem;font-weight:600;color:var(--text-main);margin-bottom:4px}.detail-modal__model-badge{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;color:var(--text-muted)}.detail-modal__section--grow{flex:1;min-height:0}.detail-modal__prompt{font-size:.82rem;line-height:1.7;color:var(--text-sub);background:#f8f9fc;border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:12px 14px;max-height:160px;overflow-y:auto}.detail-modal__prompt--muted{color:var(--text-muted);font-style:italic;max-height:80px}@media(max-width:1280px){.masonry-grid{column-count:4}}@media(max-width:1024px){.header-inner{padding:0 20px;gap:20px}.main-nav{display:none}.search-box{min-width:160px}.content-layout{grid-template-columns:1fr;gap:24px}.feature-cards{grid-template-columns:1fr 1fr}.carousel-container,.carousel-track{min-height:320px}.banner-slide{min-height:320px;padding:32px 24px}.banner-slide__title{font-size:1.8rem}.masonry-grid{column-count:3}}@media(max-width:600px){.main-content{padding:16px}.feature-cards{grid-template-columns:1fr}.feature-card{min-height:100px;padding:20px 16px}.header-actions{display:none}.banner-slide__title{font-size:1.5rem}.banner-slide__icon{font-size:3rem}.masonry-grid{column-count:2}.hot-recommendations{margin-top:28px}.detail-modal-overlay{padding:0;align-items:flex-end}.detail-modal{width:100%;max-height:95vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.detail-modal__body{flex-direction:column;overflow-y:auto}.detail-modal__image-panel img{max-height:50vh}.detail-modal__sidebar{width:100%;border-left:none;border-top:1px solid var(--border-light)}.detail-modal__creator{margin-left:0}}