查看“Structure”的源代码

<div style="padding: 40px 4%; line-height: 1.6; color: #334155; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; background-color: #f8fafc; max-width: 800px; margin: auto; border-radius: 12px; border: 1px solid #e2e8f0;">

    <div style="text-align: center; margin-bottom: 40px;">
        <h1 style="color: #0f172a; margin: 0; font-size: 2.2em; letter-spacing: -0.5px;">Structure</h1>
        <div style="color: #64748b; font-size: 0.9em; margin-top: 8px; text-transform: uppercase; letter-spacing: 1px;">Disambiguation Page &middot; &#x6D88;&#x6B67;&#x4E49;</div>
        <p style="margin-top: 20px; font-size: 1.1em;">
            &#x8BE5;&#x8BCD;&#x6761;&#x5B58;&#x5728;&#x591A;&#x79CD;&#x542B;&#x4E49;&#xFF0C;&#x8BF7;&#x9009;&#x62E9;&#x60A8;&#x9700;&#x8981;&#x7684;&#x65B9;&#x5411;&#xFF1A;
        </p>
    </div>

    <div style="display: flex; flex-direction: column; gap: 20px;">

        <a href="#" style="text-decoration: none; color: inherit; display: block;">
            <div style="background-color: #ffffff; padding: 25px; border-radius: 12px; border: 1px solid #cbd5e1; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05); transition: transform 0.2s, box-shadow 0.2s; display: flex; align-items: center; cursor: pointer;">
                <div style="font-size: 2.5em; margin-right: 25px; min-width: 60px; text-align: center;">🧬</div>
                
                <div style="flex-grow: 1;">
                    <div style="display: flex; align-items: center; margin-bottom: 6px;">
                        <span style="font-size: 1.25em; font-weight: bold; color: #1e40af;">Structure (&#x751F;&#x7269;&#x5B66;)</span>
                        <span style="background-color: #eff6ff; color: #1e40af; font-size: 0.75em; padding: 3px 8px; border-radius: 6px; margin-left: 10px; font-weight: 600; border: 1px solid #dbeafe;">CONCEPT</span>
                    </div>
                    <div style="color: #64748b; font-size: 0.95em;">
                        &#x751F;&#x7269;&#x5927;&#x5206;&#x5B50;&#xFF08;&#x86CB;&#x767D;&#x8D28;/DNA&#xFF09;&#x7684;&#x4E09;&#x7EF4;&#x7A7A;&#x95F4;&#x6784;&#x8C61;&#x3002;
                    </div>
                </div>

                <div style="color: #cbd5e1; font-size: 1.5em; padding-left: 15px;">&#10095;</div>
            </div>
        </a>

        <a href="#" style="text-decoration: none; color: inherit; display: block;">
            <div style="background-color: #ffffff; padding: 25px; border-radius: 12px; border: 1px solid #cbd5e1; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05); transition: transform 0.2s, box-shadow 0.2s; display: flex; align-items: center; cursor: pointer;">
                <div style="font-size: 2.5em; margin-right: 25px; min-width: 60px; text-align: center;">📖</div>
                
                <div style="flex-grow: 1;">
                    <div style="display: flex; align-items: center; margin-bottom: 6px;">
                        <span style="font-size: 1.25em; font-weight: bold; color: #9d174d;">Structure (&#x671F;&#x520A;)</span>
                        <span style="background-color: #fdf2f8; color: #9d174d; font-size: 0.75em; padding: 3px 8px; border-radius: 6px; margin-left: 10px; font-weight: 600; border: 1px solid #fbcfe8;">JOURNAL</span>
                    </div>
                    <div style="color: #64748b; font-size: 0.95em;">
                        Cell Press &#x65D7;&#x4E0B;&#x6743;&#x5A01;&#x7684;&#x7ED3;&#x6784;&#x751F;&#x7269;&#x5B66;&#x5B66;&#x672F;&#x6708;&#x520A;&#x3002;
                    </div>
                </div>

                <div style="color: #cbd5e1; font-size: 1.5em; padding-left: 15px;">&#10095;</div>
            </div>
        </a>

    </div>

    <div style="text-align: center; margin-top: 40px; color: #94a3b8; font-size: 0.85em;">
        &copy; &#x533B;&#x5B66;&#x767E;&#x79D1; Index System
    </div>

</div>