测试:修订间差异

来自SOKA CAFE
第16行: 第16行:
</div>
</div>
</div>
</div>
<html lang="zh-CN">
<html lang="zh-CN">
<head>
<head>
第29行: 第37行:
          
          
         body {
         body {
             background: transparent;
            padding: 20px;
             background: #f5f5f5;
         }
         }
          
          
         .container {
         .container {
            position: absolute; /* 强制定位在左侧 */
             width: 33.33vw; /* 电脑/平板端占屏幕1/3 */
            left: 0;
             max-width: 400px; /* 设置最大宽度限制 */
             width: 33.33vw; /* 电脑/平板端占屏幕1/3宽度 */
             max-width: 400px; /* 最大宽度限制 */
             min-width: 280px; /* 最小宽度 */
             min-width: 280px; /* 最小宽度 */
             height: auto;
             height: auto;
             min-height: 120px;
             min-height: 120px; /* 最小高度 */
             aspect-ratio: 2.03; /* 保持原有270/133≈2.03的比例 */
             aspect-ratio: 2.03; /* 保持原有270/133≈2.03的比例 */
             margin: 20px 0 20px 0; /* 只在上下有外边距 */
             margin: 0; /* 移除auto,实现左对齐 */
             background: transparent; /* 去掉白色背景 */
             background: #fff;
             border-radius: 4px; /* 统一圆角为4px */
             border-radius: 4px; /* 调整为4px圆角 */
             padding: 0; /* 去掉内边距 */
             padding: 6px; /* 减少内边距以最大化图片显示 */
             box-shadow: none; /* 去掉阴影 */
             box-shadow: 0 2px 8px rgba(0,0,0,0.1);
            float: left; /* 强制左对齐 */
            clear: both; /* 清除浮动影响 */
         }
         }
          
          
第52行: 第61行:
             width: 100%;
             width: 100%;
             height: 100%;
             height: 100%;
             border-radius: 4px; /* 圆角统一为4px */
             border-radius: 2px; /* 内部圆角更小 */
             overflow: hidden;
             overflow: hidden;
            background: transparent; /* 确保无背景 */
         }
         }
          
          
第62行: 第70行:
             height: 100%;
             height: 100%;
             transition: transform 0.5s ease;
             transition: transform 0.5s ease;
            border-radius: 4px; /* 圆角统一为4px */
         }
         }
          
          
第82行: 第89行:
             object-fit: cover; /* 保持图片比例并填充容器 */
             object-fit: cover; /* 保持图片比例并填充容器 */
             object-position: center;
             object-position: center;
            border-radius: 6px; /* 图片圆角统一为4px */
         }
         }
          
          
第89行: 第95行:
             top: 50%;
             top: 50%;
             transform: translateY(-50%);
             transform: translateY(-50%);
             width: 36px;
             width: 28px; /* 缩小按钮 */
             height: 36px;
             height: 28px;
             background: rgba(0,0,0,0.4);
             background: rgba(0,0,0,0.3);
             color: #fff;
             color: #fff;
             border: none;
             border: none;
             border-radius: 50%;
             border-radius: 50%;
             font-size: 18px;
             font-size: 14px;
             cursor: pointer;
             cursor: pointer;
             z-index: 10;
             z-index: 10;
第101行: 第107行:
             align-items: center;
             align-items: center;
             justify-content: center;
             justify-content: center;
             transition: background 0.3s;
             transition: background 0.3s, opacity 0.3s;
            opacity: 0.7; /* 默认半透明 */
         }
         }
          
          
         .carousel-btn:hover {
         .carousel-btn:hover {
             background: rgba(0,0,0,0.6);
             background: rgba(0,0,0,0.6);
            opacity: 1; /* 悬停时完全不透明 */
         }
         }
          
          
         .prev-btn {
         .prev-btn {
             left: 12px;
             left: 8px;
         }
         }
          
          
         .next-btn {
         .next-btn {
             right: 12px;
             right: 8px;
         }
         }
          
          
         .carousel-indicators {
         .carousel-indicators {
             position: absolute;
             position: absolute;
             bottom: 15px;
             bottom: 8px;
             left: 50%;
             left: 50%;
             transform: translateX(-50%);
             transform: translateX(-50%);
             display: flex;
             display: flex;
             gap: 8px;
             gap: 6px;
         }
         }
          
          
         .indicator {
         .indicator {
             width: 10px;
             width: 8px;
             height: 10px;
             height: 8px;
             border-radius: 50%;
             border-radius: 50%;
             background: rgba(255,255,255,0.5);
             background: rgba(255,255,255,0.5);
第137行: 第145行:
             background: #fff;
             background: #fff;
             transform: scale(1.2);
             transform: scale(1.2);
        }
       
        /* 大屏设备 - 保持1/3宽度 */
        @media (min-width: 1025px) {
            .container {
                width: 33.33vw;
                max-width: 400px;
                margin-left: 20px; /* 左侧留一些空间 */
            }
         }
         }
          
          
         /* 平板设备 - 保持1/3宽度 */
         /* 平板设备 - 保持1/3宽度 */
         @media (max-width: 1024px) {
         @media (min-width: 769px) and (max-width: 1024px) {
             .container {
             .container {
                 width: 33.33vw; /* 平板端也占1/3宽度 */
                 width: 33.33vw;
                 max-width: 350px;
                 max-width: 350px;
                margin-left: 15px;
             }
             }
              
              
             .carousel-btn {
             .carousel-btn {
                 width: 32px;
                 width: 26px;
                 height: 32px;
                 height: 26px;
                 font-size: 16px;
                 font-size: 12px;
             }
             }
         }
         }
          
          
         /* 手机设备 - 恢复原始响应式设计 */
         /* 手机设备 - 恢复到原响应式设计 */
         @media (max-width: 768px) {
         @media (max-width: 768px) {
             .container {
             .container {
                position: relative; /* 手机端恢复相对定位 */
                 width: 92vw;
                 width: 92vw;
                 max-width: 500px;
                 max-width: 500px;
                 margin: 15px auto; /* 手机端居中显示 */
                 margin: 0 auto; /* 手机端居中显示 */
                float: none; /* 取消浮动 */
                padding: 8px;
                border-radius: 4px;
             }
             }
              
              
             .carousel {
             .carousel {
                 border-radius: 4px;
                 border-radius: 2px;
             }
             }
              
              
             .carousel-btn {
             .carousel-btn {
                 width: 28px;
                 width: 24px;
                 height: 28px;
                 height: 24px;
                 font-size: 14px;
                 font-size: 12px;
                 opacity: 0.9;
                 opacity: 0.8;
             }
             }
              
              
             .prev-btn {
             .prev-btn {
                 left: 8px;
                 left: 6px;
             }
             }
              
              
             .next-btn {
             .next-btn {
                 right: 8px;
                 right: 6px;
             }
             }
              
              
             .carousel-indicators {
             .carousel-indicators {
                 bottom: 10px;
                 bottom: 8px;
             }
             }
              
              
             .indicator {
             .indicator {
                 width: 8px;
                 width: 6px;
                 height: 8px;
                 height: 6px;
             }
             }
         }
         }
第196行: 第216行:
                 width: 94vw;
                 width: 94vw;
                 min-width: 260px;
                 min-width: 260px;
                 margin: 10px auto;
                padding: 6px;
                 margin: 0 auto; /* 手机端居中显示 */
             }
             }
              
              
             .carousel-btn {
             .carousel-btn {
                 width: 24px;
                 width: 22px;
                 height: 24px;
                 height: 22px;
                 font-size: 12px;
                 font-size: 10px;
             }
             }
              
              
             .prev-btn {
             .prev-btn {
                 left: 5px;
                 left: 4px;
             }
             }
              
              
             .next-btn {
             .next-btn {
                 right: 5px;
                 right: 4px;
             }
             }
              
              
             .indicator {
             .indicator {
                 width: 6px;
                 width: 5px;
                 height: 6px;
                 height: 5px;
             }
             }
         }
         }
          
          
         /* 非常宽的屏幕限制最大宽度 */
         /* 清除浮动容器 */
         @media (min-width: 1600px) {
         .clearfix::after {
             .container {
             content: "";
                max-width: 500px;
            display: table;
             }
             clear: both;
         }
         }
     </style>
     </style>
第331行: 第352行:
</body>
</body>
</html>
</html>
 
<br>
<div style="margin-top: 30px"></div>
[[文件:萌新引导.png|330x330px|无框|左|link=森雅晴]]
[[文件:萌新引导.png|330x330px|无框|左|link=森雅晴]]
<div class="mini-block-container mini-block-list">
[[文件:解惑.jpg|无框|居中|270x270px|link=创学]]
[[文件:导航1.1.jpg|无框|居中|270x270px|link=维基观看与使用指南]]
[[文件:条责.jpg|无框|居中|270x270px|link=入站须知]]
</div>
<div style="margin-top: 30px"></div>
[[文件:内容导航.png|330x330px|无框|左|link=元气安]]
<div class="mini-block-container mini-block-list">
<div class="mini-block-container mini-block-list">
<div class="mini-block">
<div class="mini-block">
第598行: 第611行:
</div>
</div>
<div style="margin-top: 25px"></div>
<div style="margin-top: 25px"></div>
[[文件:猜你想找.png|330x330px|无框|左|link=古贺清]]
[[文件:内容导航.png|330x330px|无框|左|link=元气安]]
<div class="mini-block-container mini-block-list">
<div class="mini-block-container mini-block-list">
<div class="mini-block">
<div class="mini-block">
第636行: 第649行:
</div>
</div>
<div style="margin-top: 25px"></div>
<div style="margin-top: 25px"></div>
[[文件:维基相关.png|330x330px|无框|左|link=齐藤房子]]
[[文件:猜你想找.png|330x330px|无框|左|link=古贺清]]
<div class="mini-block-container mini-block-list">
<div class="mini-block-container mini-block-list">
<div class="mini-block">
<div class="mini-block">

2026年1月27日 (二) 17:30的版本

欢迎来到「SOKA CAFE——エア本中文维基」
頭がパーン@wiki:中華エア本支部
◆ 本站点是以创价学会成员为核心、以创价学会及其相关团体为线索组织,进行讨论、研究和二次创作的公益性交流论坛维基百科网站。
◆ 本站点仅作记录和展示由宗教及相关人物衍生出的亚文化,非正式宗教维基,请注意!
◆ 本站点致力于营造和谐的社区环境,并热烈期待和欢迎任何人参与建设我们的网站!
◆ 本站点中所遇到的任何问题,均可通过下方信息联系我们。让我们一起共同来建设SOKA CAFE吧!
「よく来たわね、いらしゃい。」

本站点当前已有99个条目,3,279次编辑,2个活跃成员,上传了794个文件





自适应轮播图


Archive
📚 资料与档案
  • Creation
    🪶 二创与设定
  • Schedule
    🗓︎ 日程参照
    2026年03月19日|13:39, 周四
    🎉 本月生日的人员

    · 3月06日 ·

    · 3月20日 ·

    · 3月22日 ·
    Create

    💻 创建页面

    感谢您对SOKA CAFE的编辑贡献!但也请在过程中务必依照创作协议及版权,遵循CC BY-SA 3.0协议!

    准备好了?来尝试创建页面吧!
     
    Notice

    ⚠️ 入站须知

    Soka Cafe一直是一个合作性、公益性的网站,我们致力于营造和谐的社区环境,并热情地欢迎任何人参与我们之间的创作,不论您的信仰、外表、地域.... 为了打造一个和谐的、无骚扰的社区环境,请通读入站须知,了解网站的性质及规则。

    Plan

    📄 任务计划

    Soka Cafe的基本底层已大体完确! 现在的最紧要的人物是登场作品分区的规范及完成度!这对创学新人入坑的帮助极其重要! 没有相关技术不要紧,请使用“可视化编辑器”来进行编辑!如果有任何技术问题请在页面下方获取我们的联系方式!