margin: 0;padding: 0;box-sizing: border-box;}body{font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;line-height: 1.6;color: #333;background: #f5f5f5;}body.ui-7{background: #1a1f2e;color: #e0e0e0;}body.ui-7 a{color: #4a9eff;}body.ui-7 a:hover{color: #ffd700;}.container{max-width: 1200px;margin: 0 auto;padding: 1rem;}nav{background: #fff;border-bottom: 1px solid #e0e0e0;padding: 0.5rem 1rem;position: sticky;top: 0;z-index: 100;}body.ui-7 nav{background: #0f1419;border-bottom: 1px solid #2a3442;}nav ul{list-style: none;display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: center;max-width: 1200px;margin: 0 auto;}nav li{flex: 1 1 0;min-width: 0;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}nav a{display: block;padding: 0.5rem 0.5rem;font-weight: 500;transition: all 0.3s ease;}nav a:hover{background: rgba(74, 158, 255, 0.1);text-decoration: none;}@media (max-width: 767px){nav ul{flex-wrap: nowrap !important;overflow-x: visible !important;} nav li{flex: 1 1 0;font-size: 0.85rem;padding: 0;} nav a{padding: 0.4rem 0.2rem;}}.breadcrumb{margin: 1rem 0;font-size: 0.9rem;color: #666;}body.ui-7 .breadcrumb{color: #999;}.breadcrumb a{margin-right: 0.3rem;}.breadcrumb span{color: #333;}body.ui-7 .breadcrumb span{color: #e0e0e0;}header h1{font-size: 2rem;margin-bottom: 1rem;color: #1a1f2e;}body.ui-7 header h1{color: #e0e0e0;}.site-intro{font-size: 1.1rem;margin-bottom: 0.5rem;line-height: 1.8;}.site-tags{color: #666;font-size: 0.95rem;}body.ui-7 .site-tags{color: #999;}.page-desc{font-size: 1rem;margin-bottom: 1rem;color: #555;}body.ui-7 .page-desc{color: #aaa;}.daquan-notice{background: #fff3cd;border-left: 4px solid #ffc107;padding: 1rem;margin: 1rem 0;}body.ui-7 .daquan-notice{background: #3a2f1a;border-left: 4px solid #ffd700;color: #ffeaa7;}section{margin: 2rem 0;padding: 1.5rem;background: #fff;border-radius: 8px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);}body.ui-7 section{background: #242b3d;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);}section h2{font-size: 1.5rem;margin-bottom: 1rem;padding-bottom: 0.5rem;border-bottom: 2px solid #4a9eff;color: #1a1f2e;}body.ui-7 section h2{color: #e0e0e0;border-bottom-color: #ffd700;}.card-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));gap: 1.2rem;}@media (max-width: 767px){.card-grid{grid-template-columns: repeat(2, 1fr);gap: 0.8rem;}}.card{background: #f9f9f9;border: 1px solid #e0e0e0;border-radius: 6px;padding: 1rem;transition: all 0.3s ease;}body.ui-7 .card{background: #1a1f2e;border-color: #2a3442;}.card:hover{transform: translateY(-3px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);}body.ui-7 .card:hover{box-shadow: 0 4px 12px rgba(74, 158, 255, 0.3);}.card h3{font-size: 1.1rem;margin-bottom: 0.5rem;}.card h3 a{color: #1a1f2e;text-decoration: none;}body.ui-7 .card h3 a{color: #e0e0e0;}.card h3 a:hover{color: #4a9eff;}.card .one-line{font-size: 0.9rem;color: #555;margin-bottom: 0.5rem;line-height: 1.5;}body.ui-7 .card .one-line{color: #aaa;}.card .meta{font-size: 0.85rem;color: #888;margin-bottom: 0.3rem;}body.ui-7 .card .meta{color: #777;}.card .tags{font-size: 0.8rem;color: #666;}body.ui-7 .card .tags{color: #888;}.card .summary{font-size: 0.85rem;color: #666;margin-top: 0.5rem;line-height: 1.5;}body.ui-7 .card .summary{color: #999;}.card-list{display: flex;flex-direction: column;gap: 1rem;}.card-item{background: #f9f9f9;border-left: 4px solid #4a9eff;padding: 1rem;border-radius: 4px;transition: all 0.3s ease;}body.ui-7 .card-item{background: #1a1f2e;border-left-color: #ffd700;}.card-item:hover{background: #fff;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);}body.ui-7 .card-item:hover{background: #242b3d;box-shadow: 0 2px 8px rgba(74, 158, 255, 0.2);}.card-item h3{font-size: 1.1rem;margin-bottom: 0.5rem;}.card-item h3 a{color: #1a1f2e;text-decoration: none;}body.ui-7 .card-item h3 a{color: #e0e0e0;}.entrance-links{display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 1rem;}@media (max-width: 767px){.entrance-links{grid-template-columns: 1fr;}}.entrance-card{background: linear-gradient(135deg, #4a9eff 0%, #357abd 100%);color: #fff;padding: 1.5rem;border-radius: 8px;text-decoration: none;transition: all 0.3s ease;display: block;}body.ui-7 .entrance-card{background: linear-gradient(135deg, #2a3442 0%, #1a1f2e 100%);border: 1px solid #4a9eff;}.entrance-card:hover{transform: translateY(-3px);box-shadow: 0 6px 16px rgba(74, 158, 255, 0.4);text-decoration: none;}.entrance-card h3{font-size: 1.3rem;margin-bottom: 0.5rem;}.entrance-card p{font-size: 0.95rem;opacity: 0.9;}.detail{background: #fff;padding: 2rem;border-radius: 8px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);}body.ui-7 .detail{background: #242b3d;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);}.detail header{margin-bottom: 2rem;padding-bottom: 1rem;border-bottom: 2px solid #e0e0e0;}body.ui-7 .detail header{border-bottom-color: #2a3442;}.detail .meta{margin: 0.5rem 0;color: #666;}body.ui-7 .detail .meta{color: #999;}.detail .meta span{margin-right: 0.5rem;}.detail .tags{margin-top: 0.5rem;color: #888;font-size: 0.9rem;}body.ui-7 .detail .tags{color: #777;}.detail section{margin: 1.5rem 0;background: transparent;box-shadow: none;padding: 0;}.detail section h2{font-size: 1.3rem;margin-bottom: 1rem;color: #1a1f2e;border-bottom: 1px solid #e0e0e0;padding-bottom: 0.5rem;}body.ui-7 .detail section h2{color: #e0e0e0;border-bottom-color: #2a3442;}.detail section p{line-height: 1.8;color: #444;}body.ui-7 .detail section p{color: #ccc;}.related-list{display: grid;grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));gap: 1rem;}@media (max-width: 767px){.related-list{grid-template-columns: 1fr;}}.related-item{background: #f9f9f9;border: 1px solid #e0e0e0;padding: 1rem;border-radius: 6px;transition: all 0.3s ease;}body.ui-7 .related-item{background: #1a1f2e;border-color: #2a3442;}.related-item:hover{box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);}body.ui-7 .related-item:hover{box-shadow: 0 2px 8px rgba(74, 158, 255, 0.2);}.related-item h3{font-size: 1rem;margin-bottom: 0.5rem;}.related-item h3 a{color: #1a1f2e;text-decoration: none;}body.ui-7 .related-item h3 a{color: #e0e0e0;}.related-item p{font-size: 0.85rem;color: #666;line-height: 1.5;}body.ui-7 .related-item p{color: #999;}footer{margin-top: 3rem;padding: 2rem 0;text-align: center;color: #888;font-size: 0.9rem;border-top: 1px solid #e0e0e0;}body.ui-7 footer{border-top-color: #2a3442;color: #777;}@media (max-width: 767px){header h1{font-size: 1.5rem;} .site-intro{font-size: 1rem;} section{padding: 1rem;} .detail{padding: 1rem;}}