.docs-hero{padding:calc(var(--header-height) + var(--space-16)) 0 var(--space-12);text-align:center}.docs-hero__title{font-family:var(--font-display);font-size:var(--fs-4xl);font-weight:700;margin-bottom:var(--space-4)}.docs-hero__desc{color:var(--text-secondary);font-size:var(--fs-lg);max-width:600px;margin:0 auto;line-height:1.7}.docs-list{max-width:900px;margin:0 auto;padding:0 var(--space-6) var(--space-20)}.docs-card{display:flex;gap:var(--space-8);padding:var(--space-8) 0;border-bottom:1px solid rgba(255,255,255,.08);align-items:flex-start}.docs-card:last-child{border-bottom:none}.docs-card__image{flex-shrink:0;width:240px;aspect-ratio:4 / 6;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);overflow:hidden;display:flex;align-items:center;justify-content:center}.docs-card__image img{width:100%;height:100%;object-fit:cover}.docs-card__image-placeholder{color:var(--text-tertiary);font-size:var(--fs-sm);text-align:center;padding:var(--space-4)}.docs-card__body{flex:1}.docs-card__date{font-size:var(--fs-xs);color:var(--text-tertiary);margin-bottom:var(--space-2)}.docs-card__title{font-size:var(--fs-xl);font-weight:700;margin-bottom:var(--space-4);color:var(--text-primary)}.docs-card__recommend{margin-bottom:var(--space-5)}.docs-card__recommend-label{font-size:var(--fs-sm);font-weight:600;color:var(--accent);margin-bottom:var(--space-2)}.docs-card__recommend-list{list-style:disc;padding-left:var(--space-5);color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.8}.docs-card__dl-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:10px 24px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:opacity var(--transition-fast),transform var(--transition-fast)}.docs-card__dl-btn:hover{opacity:.9;transform:translateY(-1px)}.docs-card__dl-btn svg{width:16px;height:16px}.docs-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:1000;padding:var(--space-6)}.docs-modal-overlay.active{display:flex}.docs-modal{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-10);max-width:520px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.docs-modal__close{position:absolute;top:var(--space-4);right:var(--space-4);background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.docs-modal__close:hover{color:var(--text-primary)}.docs-modal__title{font-size:var(--fs-xl);font-weight:700;margin-bottom:var(--space-6)}.docs-form__group{margin-bottom:var(--space-5)}.docs-form__label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-sm);font-weight:600;margin-bottom:var(--space-2);color:var(--text-primary)}.docs-form__required{font-size:var(--fs-xs);color:#ef4444;font-weight:700}.docs-form__optional{font-size:var(--fs-xs);color:var(--text-tertiary)}.docs-form__input,.docs-form__select,.docs-form__textarea{width:100%;padding:10px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--fs-sm);font-family:var(--font-primary);transition:border-color var(--transition-fast)}.docs-form__input:focus,.docs-form__select:focus,.docs-form__textarea:focus{outline:none;border-color:var(--accent)}.docs-form__input::placeholder,.docs-form__textarea::placeholder{color:var(--text-tertiary)}.docs-form__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.docs-form__select option{background:#1a1a1a;color:#fff}.docs-form__textarea{min-height:80px;resize:vertical}.docs-form__checkbox{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);font-size:var(--fs-sm);color:var(--text-secondary);cursor:pointer}.docs-form__checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.docs-form__checkbox a{color:var(--accent);text-decoration:underline}.docs-form__submit{width:100%;padding:14px;background:var(--accent);color:#000;border:none;border-radius:var(--radius-md);font-size:var(--fs-base);font-weight:700;cursor:pointer;transition:opacity var(--transition-fast)}.docs-form__submit:hover{opacity:.9}.docs-form__submit:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.docs-card{flex-direction:column}.docs-card__image{width:100%;aspect-ratio:16 / 9}.docs-modal{padding:var(--space-6)}}